Severely Ugly Websites

How does it happen? I think two things when I see an awful website: They must not know? Perhaps they got screwed over by some 13-year-old kid in his Mum’s basement that claimed to be a ‘professional’? Since I’m not especially interested in being negative, I’m not going to link directly to any examples. I’ll Severely Ugly Websites

How to Create Inset Text with CSS3

This often gets confused with “How to Create Indented Text with CSS3” which is completely different. Indent, to me at least, means an indented paragraph. If that’s what you’re here looking for, I won’t leave you hanging, it’s: p{text-indent:20px} What I’m referring to, is my new favorite CSS3 technique: Hello, how are you today? VS How to Create Inset Text with CSS3

Typography

Writing and Readability Cheatsheet

Most of the guidelines below apply to common English for both the web and print in most contexts. However, keep in mind that my advice on writing styles is based mostly on non-fiction, American English on the web. Writing. Write what you know. This is without a doubt, the most regurgitated piece of advice on Writing and Readability Cheatsheet

Pure CSS3 Only Graphic Button

This button contains gradient and shadow effects without the use of actual graphics or JavaScript whatsoever. I’m using just about every CSS style that could be used on the button for your reference. Although, some may find that it looks better by pulling a few styles back. You could always add more effects too. Also, Pure CSS3 Only Graphic Button

Pure CSS Only Dropdown Menu

UPDATE — Find the better, updated script here which I recommend over this one. It’s a little more stylized, but the code is cleaner, better. Just strip the styles off and replace with your own. This is my first attempt at writing my own CSS dropdown menu from scratch. As always, my main goal is Pure CSS Only Dropdown Menu