decodering

Font-Embedding Icons the Right Way—A Legitimate Alternative to Images

Using fonts to display icons have shown potential but carry significant downsides. A slight adjustment to the method makes it ready for primetime.

A better Photoshop grid for responsive web design

In making the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts. If, for example, you’re designing with a 960px grid in Photoshop and you have six columns, each 140px wide, you divide 140 by 960 to get your percentage-based width: 14.583333%. […]

Compare that to a container that has a width of 1000px. 1000 is a nice, easy, round number. Dividing by 1000 results in clean percentages and better still, dividing by 1000 is something we can do in our heads: just remove the zero. A 140px column inside a 1000px container is 14%. A 500px column in a 1000px container is 50%. 320px is 32%. Easy!

Bear CSS

Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup.

Scratch Markup Language

We’re creating a format for describing turntablism, as well as tools for recording, analyzing, sharing, and even recreating scratch performances with giant robot arms. We want to do for turntablism what Graffiti Markup Language has done for tagging.

Bellbot

A web app that beeps when you get new signups or sales.

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

Zocial CSS3 buttons

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

hastebin.com

# Haste

Sharing code is a good thing, and it should be _really_ easy to do it. A lot of times, I want to show you something I'm seeing - and that's where we use pastebins.

Haste is the prettiest, easist to use pastebin ever made.

## Basic Usage

Type what you want me to see, click "Save", and then copy the URL. Send that URL to someone and they'll see what you see.

To make a new entry, click "New" (or type 'control + n')

Ninja User Interface

the jQuery plugin for lethal interaction

Beautiful

Elegant theme, capable of exactly matching the look and feel of your site.

Usable

Keyboard, touch, mouse and speech accessible.

Fast

Network-free assets embedded inside the 7k* JavaScript.

Intuitive

Extends what you already know and love about jQuery.

Compatible

Ninja UI works with jQuery back to v1.6 and HTML5 browsers, mobile and desktop**.

curiositycounts:

Modern Pictograms: a beautiful modern pictogram font, free and licensed under Open Font License – a fine addition to these 3 open-source pictogram projects.   (via)