Useful tools

TwitterFacebook
Get flash to fully experience Pearltrees
http://www.designresourcebox.com/all-the-cheat-sheets-an-up-to-date-web-designer-needs-css3-html5-and-jquery/ When it comes to CSS, HTML or jQuery codes, you just can’t know them all. It’s pretty hard but with the help of these cheat sheet you can manage to get pretty close to knowing them all, considering that you have everything in from of you and it is easy to search. It is possible that a few of these cheat sheets have small differences between them but I still gathered them cause you might find easier to follow one of them and you need to have where to choose from. I don’t believe there’s any surprise that when it comes to CSS and HTML, the cheat sheets presented here are about CSS3 and HTML5. It is normal to show the new ones instead of the old that you are already familiar with. CSS3 Cheat Sheet (PDF)

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

http://daneden.me/animate/

Animate.css - a bunch of plug-and-play CSS animations

via Ad Packs animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
http://spoon.net/browsers/ The Spoon.net Browser Sandbox makes cross-browser testing and backwards compatibility easy.

Browser Sandbox - Run any browser instantly from the web

Any Element The following will result in both the <h1>and <p> elements having hideous orange backgrounds rendered in Comic Sans. Time for me to go learn about proper web design! http://vogtjosh.com/selectors/

CSS Selectors Level 3 - A Quick Reference

Design in the Browser I was inspired by the article Make Your Mockup in Markup by Meagan Fisher . I am one of those persons who can't stand Photoshop and design every bit of a website in it. Also it is not very DRY to design paragraphs, or whatever, in Photoshop and again with CSS. http://usejquery.com/posts/brosho-design-in-the-browser-jquery-plugin

Use jQuery - Brosho 'Design in the Browser' jQuery Plugin

Buildor Pro has a 50-day free trial. The price will then be USD$10 -- on a [PayPal] monthly subscription, or at half-price for an annual payment of $60 or equivalent local exchange rate. (This is a time-limited introductory offer for both.) The subscription service is now being processed by Paypal, and should be available soon. A developer's API version of Pro for resale to clients is in the pipeline.

next generation web design through the browser

http://buildorpro.com/pricing/
http://mothereff.in/font-family

Unquoted CSS font family name validator

Wondering if a given character sequence can be used as an unquoted font family name in CSS? Read all about it , or just use this tool. <strong>To use this tool, please <a href=http://enable-javascript.com/>enable JavaScript</a> and reload the page.</strong> permalink
Gridless takes the boring parts of making websites and webapps out. It comes packed with everything you're tired of doing in every new project: CSS normalization , beautiful typography , a well-organized folder structure, IE bugfixes and other nice tricks. Gridless uses mobile first responsive web design to adapt itself to the device's width. This means it'll work anywhere: old feature phones, newer smartphones, tablets, notebooks and bigger desktops. IE 6/7/8 don't support media queries, so we use Respond.js to polyfill that. <p style="text-align:right;color:#A8A8A8"></p>

Gridless - An awesome HTML5 & CSS3 boilerplate for mobile first responsive, cross-browser websites

http://thatcoolguy.github.com/gridless-boilerplate/
http://www.99lime.com/elements/

HTML KickStart HTML Elements & Documentation - 99Lime.com

Setup Download HTML KickStart Include jQuery and HTML KickStart <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" ></script><script src = "js/kickstart.js" ></script><!-- KICKSTART --><link rel = "stylesheet" href = "css/kickstart.css" media = "all" /><!-- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android.

HTML5 Reset :: A simple set of templates for any project

March, 2013: The files have been updated — this web site has not! Head over to GitHub for the very latest. Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We've been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved. Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it's time for our best practices to catch up, and we thought we'd put our files out there for everyone to use. By no means do we see this as the One True Way to start every project, but we think it's a good starting place that anyone can make their own.

Em Calculator

Changelog Transition to session-oriented model.

Scout - Compass and Sass without all the hassle

What is Sass? Sass is an extension of CSS that adds nested rules, variables, mixin functions, and a whole lot more. It eases the burden of organizing and maintaining CSS code, while also compiling your Sass code to properly formatted CSS. What is Compass?
The Responsinator by @tamapugsley & @andyhovey . Hold up, WTF is this? iPhone 3+4 portrait 320 x 480 iPhone 3+4 landscape 480 x 320

The Responsinator