Tools

Facebook Twitter

Placehold.it - Quick and simple image placeholders

How does it work? Just put your image size after our URL and you'll get a placeholder. You can also use it in your code, like this: Have fun! Placehold.it - Quick and simple image placeholders
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Why use Modernizr? Taking advantage of cool new web technologies is great fun, until you have to support browsers that lag behind. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not. It’s perfect for doing progressive enhancement easily.

Modernizr

Modernizr
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. Load the example image, and have a click around. It becomes pretty obvious. Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually. Sprite Cow

Sprite Cow

Grid Designer 2 Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book.
33,.37,.62,1.27) ✿ cubic-bezier.com