Easily create CSS gradients using this great tool from Colorzilla: Ultimate CSS Gradient Generator

“A powerful Photoshop-like CSS gradient editor from ColorZilla”

A lot of HTML5 compatibility table seem to be sprouting up as of late. Here is a nicely designed version at html5please.us.

Another worth mentioning is caniuse.com/…

and at findmebyip.com/litmus/,

Of course you can’t mention html compatibility and not list the grandaddy of compatibility lists from PPK at quirksmode.org.

If mobile is your thing, check out the table here at mobilehtml5.org

A nice listing of “blank and bare” wordpress themes to give you a clean slate that enable you to create your own theme. Take a look at this post from Speckyboy, as well.

Also, one that I’ve used in the past is Starker, from Elliot Jay Stocks

HTML5 Cheat sheets that show tags, event handlers attributes and browser support.

HTML5 Cheat Sheets

I was just “upgraded” to the new Twitter look. I never have liked that I am forced to see Trends and Who to Follow, neither of which I care to see or use. Since none of the current extensions work to hide this noise, I had to come up with a css workaround.

Here is the custom css I came up with to hide both the Trends and Who to Follow boxes in the new Twitter look:

.dashboard .component .module, .dashboard .module.trends.component .flex-module{ display: none; }

That css will also hide the footer box, which can be useful at times. In order to get the footer box back, use this css after the above code:

.dashboard .component .site-footer { display: block; }

Unfortunately if you are a Chrome user, like myself, you can’t add custom css. You will have to use an extension like Personalized Web to do your custom css work.

In Personalized Web, you will add that same custom css and then add in the Matched URL: ^http[s]*://twitter.com

Once this is added, refresh your twitter page and voilà, the junk is gone.

“HTML5, together with CSS3 and responsive design are the new buzz around web technologies these days. This article will help you get started using HTML5 on your projects today and show you some good practices to put what you learned to good use.”

I keep forgetting about the html5shiv script at google. This script enables IE versions below IE9 to recognize HTML5 elements

HTML5 Essentials and Good Practices

Need to know what a box-shadow is and how to use it? Instacss.com can show you.

Summaries and usage for CSS properties, HTML elements and Javascript classes/functions.

What a great resource.

InstaCSS | Instant CSS Documentation Search

Quite a bit of learning to be done here. From tutorials, samples and a “Code Playground” for experimenting.

A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.

HTML5 Rocks!

80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.

Best Practices for Speeding Up Your Web Site via Yahoo

…responsive design allows us to address the needs of many (and conceivably all) screen sizes — from small handhelds to tablets to desktops to giant widescreen monitors — all with one code base.

Responsive Grid

Paragraphs are everywhere. In fact, at the high risk of stating the obvious, you are reading one now. Despite their ubiquity, we frequently neglect their presentation. This is a mistake. Here, we’ll refer to some time-honored typesetting conventions, with an emphasis on readability, and offer guidance on adapting them effectively for devices and screens.

… Good typography does justice to your words, and good wording does justice to your ideas. If readers are comfortable reading your type, then they will more likely be comfortable with what you are writing about.

The Perfect Paragraph vis Smashing Magazine

Designers need to be planning for career longevity, says Christopher Cashdollar, creative director for Happy Cog. His 10 tips will get you thinking beyond the pixel and on a path towards long-term professional relevance.

Die a designer: 10 steps to a long career

From the folks at photojojo.com, comes mount to enable the use of your SLR lenses for your iPhone.

All I can say is wow! Seems to me, though, that this would be an unwieldily rig to carry. Might as well just carry your SLR.

Boilerplate, tip and tricks and standards guide for html email

Emailology – The Science of Looking Good in the Inbox.

“Day-O is a simple menu bar clock replacement with a simple calendar for your Mac. It’s free, as-is (which means I’m not taking feature requests).”

Day-O // ShaunInman.com.