Collecting examples of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3.
DOM Monster is a new cross-browser bookmarklet tool which analyzes your Document Object Model and other features of your HTML page. It reports valuable information about the number of elements, empty nodes, the content ratio and nesting depths. However, the most useful feature is an overall rating and a list of warnings and tips to help you optimize your code…
Just saw this and thought you should know about it. It's pretty neat tool to help you create CSS from a sprite image. Furtheremore, it's a WYSIWYG tool. Neat, you should check it out!
CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.CSS sprites also are a way to reduce the number of HTTP requests made for image resources referenced by your site so it will increase page loading speed.This post looks at useful tutorials for CSS Sprites.
This is a great article talking about using the CSS text-shadow property to create a shadow beneath your text.
I've been doing a little bit of research lately about iPad and iPad apps. Not too much research, but enough to where I feel like sharing something with you all. The author of script.aculo.us, Thomas Fuchs, wrote a great article on how to make your iPad HTML5 apps run faster. Here are the key takeaways: