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.

Plain text is fast. It’s portable. It’s easy to edit and easy to sync. All you need is a few helpers and you can write just about anything without depending on a word processor or the limitations it imposes.
Marked takes Markdown text–a simple syntax you can learn in minutes–and turns it into beautiful documents for you. It will update a preview as you work (with several high-quality themes to choose from, or design your own), refreshing every time you save. It can even automatically scroll the preview to where you’re currently editing in your document.
With one click you can copy HTML for posting online or including in web pages, copy rich text, save a PDF or print your work. Marked includes tools for handling page breaks, titles, table of contents and much more.