Ceramic

smooth filtering and sorting

Print your own newspaper

blog aware ruby cms

body { -webkit-font-smoothing: antialiased; }

“As I write now, in May, 2010, the industry’s prognosticators have moved on from writing blogging’s obituary to declaring the imminent mortality of the Web itself. According to them, these new networks aren’t just popular; they are eclipsing the Internet As We Have Known It — blogging included.”

Tutorials and screencasts

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

This plugin adds Apple iPod/iPhone (firmware 2.0+) touch functionality to jQuery. Use built in Touch methods including ontouchstart, ontouchend, ontouchmove, ongesturestart, ongesturechange and ongestureend.

“Geeks control the Internet because geeks built the Internet. We earned the freedom we have here. We earned it by creating something incredibly valuable and sharing it with millions and millions of people. What did we earn with the App Store? Did we build the App Store? Did we write iPhone OS? Did we design the groundbreaking hardware? Or are we just customers?”

Especially that Birdfeed part.

For the most part, Mobile Safari on the iPad is the same as that on the iPhone. One difference that I’ve found is that Webkit on the iPad honors CSS media query declarations based on orientation.

iScroll was born because mobile webkit (iPhone and iPod touch mainly, but also Android and Pre) does not provide a native way to scroll inside a overflow:hidden div. This unfortunate situation prevents any web-app to have a fixed header and/or footer and a scrolling central area.

By disabling the default scroll behavior on the body element, you essentially glue the viewport down to its initial starting point, where it’s unable to go anywhere. This limits the viewport to exactly 320×416 pixels of space to show you. In this state, you have a perfectly useless experience.

“It’s no mystery why so many publishing companies are revved up about the iPad: they’re hoping the new gizmo will turn back the clock on their business model, allowing them to make consumers pay while delivering their eyeballs directly to advertisers via costly, eye-catching displays.”

Royalty free toolbar icons

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

“That is, they re-report stuff, rather than linking. And that's often because traditional reporters lived by the "scoop" and the idea that they had to be first. Acknowledging that someone else got the story first is seen as an admission of failure. But in the blogging world, it's seen as a sign of respect and of gratitude. But it's difficult for those who've lived in that first world to get their heads wrapped around this. ”

“I want to share with you something I’ve learned. I’ll draw it on the blackboard behind me so you can follow more easily [draws a vertical line on the blackboard]. This is the G-I axis: good fortune-ill fortune. Death and terrible poverty, sickness down here—great prosperity, wonderful health up there. Your average state of affairs here in the middle [points to bottom, top, and middle of line respectively].“

Create Your Own @font-face Kits

“A secondary surprise was that I felt implicated in the ignorance I observed -- relating to gay rights, to the environment, to feminism. I started to believe that their reactionary attitudes on these subjects were a result of profound insularity, which itself seemed the legacy of a culture that rejected them: mine. Why would they open themselves up to influence from a culture that made no space for their beliefs?”

“One way to get noticed as a scientist is to tackle a really difficult problem. Physicist Sean Carroll has become a bit of a rock star in geek circles by attempting to answer an age-old question no scientist has been able to fully explain: What is time?”

“When people think of knowledge, they generally think of two sorts of facts: facts that don’t change, like the height of Mount Everest or the capital of the United States, and facts that fluctuate constantly, like the temperature or the stock market close.

But in between there is a third kind: facts that change slowly.”

“Is there a way to know what fonts will work together? Building a palette is an intuitive process, but expanding a typographic duet to three, four, or even five voices can be daunting. Here are four tips for navigating the typographic ocean, all built around H&FJ's Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.”

This tutorial will cover the basic setup and creation of a web page for the iPhone that will detect and change the content based on the phones orientation.

A jQuery plugin for mobile web development on the iPhone,
iPod Touch, and other forward-thinking devices.

Less Framework is a CSS framework for building flexible multi-column website layouts. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.

“The remarks by 85-year-old Father Gabriele Amorth, for decades the chief exorcist in Rome, have taken many by surprise. Far from being superstitious medieval nonsense, Amorth has said in promoting his new book, Memoirs of An Exorcist, the Devil is 'lodging in the Vatican' and can be seen in the activities of paedophile priests, over-ambitious clerics and 'cardinals who don't believe in Jesus'.”

“From businesses we’ve never heard of, to countries we’ve never visited, to infants who’ve had the random misfortune to be born into a family that’s on TV – it’s all grist for obvious jokes and shortsighted commentary that, for at least a few minutes, helps both the maker and the consumer feel a little less bored, a little less vulnerable, and a little less disconnected. For a minute, anyway, it makes us feel more alive. Does me, anyway.”

The Cross-Browser CSS3 Rule Generator

“Safari visual effects allow you to create sophisticated graphical user interfaces for web applications for the desktop and iPhone OS. The visual effects available range from image effects using gradients, masks, and reflections, to more complex 2D and 3D effects.”

“n virtually every other area of life, strength is categorically, universally preferred to weakness. Using such language to describe fluctuations in the value of a currency invests emotional meaning into the situation, implying that a strong dollar is always preferable. In fact, the strong dollar/weak dollar debate is more complicated than it initially seems to be. ”

“This month, we'll be discussing "the crowd" - particularly the way group activity, creativity, and awareness are both enhanced and exacerbated by our digital networks. We do not need to reach conclusions or even consensus about the impact of technology on our collective fate (or the fate of collectives). We are less concerned with finding definitive answers than asking the right kinds of questions, reframing our interrogations in new and informative ways, learning from one another's perspectives, and seeing how the public participants respond to and inform our conversation.”

“But why achieve at all when you can plug into any number of 'achievement games' and get the same personal satisfaction? That’s when it becomes pathological.”

HTML5 video tags make embedding videos into documents as easy as embedding an image. All it takes is a single <video> tag

An iPhone web application—or iPhone web app—uses Web 2.0 technologies to deliver a focused solution that looks and behaves like a built-in iPhone application. iPhone web apps run in Safari on iPhone, the unique implementation of Safari that provides full-featured web browsing on iPhone OS–based devices and responds to touch-based gestures.

The HTML 5 specification describes an offline application cache that allows you to write web applications that work correctly when your computer or web-enabled device is not connected to the Internet.

“Researchers from the Université de Montréal made their discovery by comparing the grey matter thickness of Zen meditators and non-meditators. They found evidence that practicing the centuries-old discipline of Zen can reinforce a central brain region (anterior cingulate) that regulates pain.”

“In some cases, you'll have to hold down one button, and then another, and then another. This can lead to your hands doing weird things on the DualShock 3 […] This may sound weird, or even counter-intuitive, but these challenges are put in places where your character is being subjected to heavy emotional or physical stress. You're supposed to feel like you're on the edge of failure and pushing your dexterity to the limit, because that matches what the game is putting its characters through.”

“But now Tumblr has been an Alexa Top 100 site for a while and is still growing strong. Meanwhile Posterous has about 4 times less uniques. Yet Posterous has everything to win: it’s a Y Combinator company with top-tier investors like Chris Sacca and Mitch Kapor. Its founders are experienced software engineers with computer science degrees from Stanford. How come it’s eating dust from a small startup started by a high school dropout?”