George Taylor McKnight

My Favorite Online Web Dev Tools

Markup.io: The easiest way I’ve ever seen to mark up and share comments about a website.

ProCSSor: I write disgustingly messy CSS and use this to re-sort and prettify everything for me. I use these: Brace Style: Pico, Fail-Safe Mode: Off, Sort Properties: Alphabetically and you end up with something like this css.

Border-Radius.com: Because I’m too lazy to type out all the multi-browser rounded corner code myself.

Sprite Cow: I’ve been obsessed with making image sprites lately (this is Sched’s) and this makes it easy to get CSS coordinates.

Pingdom: See all the files being loaded and what’s slowing everything down. I like that it has a history feature so you can compare this week’s improvements to last weeks.

ySmushIt: Yahoo’s online image optimizer saves a few kilos. Then take that and put it into the Image to Data URI converter to store smaller images directly in the CSS.

CSS Lint: Like the title says, it’ll hurt your feelings but make your code better. Super, super nit-picky CSS parser.

Bonus: Smashing Mag’s Weekly Newsletter always has something killer in it.

What are yours?