I think it’s great if a CSS developer wants to learn the ins and outs of specificity, because it is an important aspect of how CSS works. But I’m going to put forth an argument here that CSS specificity is quite overrated and, in fact, learning about CSS specificity has the potential to degrade the quality of your code.

Or, less presumptuously: How to name and apply classes and id’s for flexibility, future-proofing, and maintainability.

One thing that remains constant across these devices are their users. Technologies come and go every year, but people stay the same. Existing form factors: pads, tabs and boards still make sense, and will continue to do so for the forseeable future. As a result, ergonomic considerations like touch target sizing, readable text and image size remain constant. Fingers will be fingers and eyes will be eyes! Our bodies are firmly rooted in the physical world, and the interfaces we create should reflect that.

A visual way to understand CSS specificity. Change the selectors or paste in your own.

The plugin is aimed at making editing Markdown in Sublime Text 2 easier and more powerful. Ideally, I hope we can bring several amazing features of Org-mode of Emacs into Sublime Text 2.

This is a Sublime Text plugin for building markdown into html and open it in browser.

Markdown document viewer.
Allows to visualize formatted markdown documents in browser.
(Works under Mac OS X!)

What’s a Readlist? A group of web pages—articles, recipes, course materials, anything—bundled into an e-book you can send to your Kindle, iPad, or iPhone.

Essential reading & explorations in crafting adaptive user experiences. (by Aaron Gustafson)

For years, designers and developers have griped about the difficulties they encountered in supporting the numerous desktop browsers out there, but mobile is even more fragmented. Phones, tablets, media players, video game systems—each device (and in some cases each browser on each device) has its own dimensions, quirks and capabilities. It can make your brain hurt just thinking about it.

How many times have you started reading an email on your phone while commuting, and then continued it on your laptop when you got home? Or perhaps you saw a commercial for a new car and then used your tablet to search for the specs and see it in action? If these things sound familiar, that’s because they’re all part of the new norm in multi-screen behavior.

Infogr.am is an easy to use online service that lets create, share, discover infographics and online charts.

Telling Stories With Data - Share, create and study infographics

Next to having four seperate pages for the major rendering engines, this page shows a clearer overview of the implemented, prefixed properties, and their counterparts in other engines.

Trends in web technology - load times, download sizes, performance scores;
Interesting stats - popular scripts, image formats, errors, redirects;
Website performance - specific URL screenshots, waterfall charts, HTTP headers.

Join me, and together we can rule the galaxy as father and geeks!

A fun and easy way to share ideas on a website.

Good design is an interesting thing. It's easy to identify but hard to explain. If you have ever tried to mimic good design, you'll really know what I mean. Sometimes, even with the "inspiration" right before your eyes, you struggle with creating something that feels as "tight" as the original piece.