An interesting blog post – Measuring and sizing UIs, 2011-style — over at CSS Wizardry provides up-to-date advice for CSS measurements. In a nutshell, the post advises web designers to abandon pixel values except in a few cases (like CSS-sprites), and use %, Rems, or ems. In particular it suggests: Use percentages for structural elements [...]
CSS3 offers new cursor styles: SitePoint provides an interactive overview of the new (and old) cursor types.
Links to useful HTML5 and CSS3 support charts and resources. Find out which browsers support which technologies.
The HTML5 <details> and <summary> elements look to solve a common problem and reduce the need for JavaScript. Check out this article: http://html5doctor.com/the-details-and-summary-elements/ (currently only works with Chrome.) Basically, you can create a box that you can open and close by clicking the <summary> tag: <details closed> <summary>Show/Hide me</summary> <p>Pellentesque habitant morbi tristique senectus et netus [...]
Great drop-shadows using CSS3 from Nicolas Gallagher: http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
Mozilla has posted an excellent (and educational) HTML demo: an amazing visual glossary of the planets.
The Microsoft Developer’s Network has a very useful page on CSS Compatibility and Internet Explorer. I highly recommend visiting, reading, and bookmarking it.
Great post from Roger Johansson on how to center page content both horizontally and vertically — a much wished for trick.
Great presentation on debugging jQuery. A must read for all JavaScript programmers who use jQuery.
Amazing web application for writing, testing, and deploying ASP.NET, PHP, and plain-old HTML/CSS/JavaScript web sites.