A collection of web development tools for building better sites more easily.
Frameworks and scripts
HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site.
scriptsrc.net is a collection of script tags of the latest versions of a range of JavaScript libraries.
Modernizr adds classes to the <html> element which allow you to target specific browser functionality in your stylesheet. You don’t actually need to write any Javascript to use it.
Images
placehold.it is a quick and simple image placeholder service.
Text manipulation
TextFixer is a collection of online text tools. Remove line breaks from text, alphabetize text, capitalize the first letter of sentences, remove whitespaces, and uppercase text or lowercase text.
XHTML
HTML Minifier will minify HTML (or XHTML), and any CSS or JS included in your markup.
CSS
CSS3 Generator is an awesome code generator for CSS3 snippets, and shows the minimum browser versions required to display the effects.
proCSSor is an advanced CSS prettifier with tons of formatting options.
JavaScript
Online javascript beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward’s packer, as well as deobfuscate scripts processed by javascriptobfuscator.com. The source code for the latest version is always available on github, and you can download the beautifier for local use (zip, tar.gz) as well.
Fonts and Typography
Fontshop.com has written A Field Guide to Typography to get you excited about fonts and typography.
Typetester is an online app for comparing different fonts for the screen, you can test up to three fonts at a time and choose the one you like. Its primary role is to make web designer’s life easier.
A quick chart of the fonts common to all versions of Windows and the Mac equivalents, or a more extensive matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite.
<html>ipsum has Lorem ipsum already wrapped in HTML tags. Pre-made paragraphs, lists, etc…
More resources at: 50 Useful Design Tools For Beautiful Web Typography and 21 Typography and Font Web Apps You Can’t Live Without.
Colors
Markup
Google Webmaster Tools’ Rich Snippets Testing Tool.
Use the Rich Snippets Testing Tool to check that Google can correctly parse your structured data markup and display it in search results.
I really like http://placehold.it
Thanks for sharing!