Last week I posted a CSS3 dropdown menu and someone complained that I didn't explain the CSS code in detail. Well, here is a post on the basics of the new properties: text-shadow, box-shadow, and border-radius. These CSS3 properties are commonly used to enhance layout and good to know.
First of all, thank you for all the great feedbacks and suggestions on the Vector Social Media Icons I released on IconDock. I updated the set with the new Google Buzz, Microsoft Bing, Picasa, Meetup, Feedburner, Ebay, Drupal, Gowalla, ICQ, Metacafe, Yelp, Xing, Paypal, Podcast, and various color buttons. Head over to IconDock to download the latest zip.
While I was coding the Notepad theme, I've learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I've created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered.
I will be hosting a workshop with Refresh Events on advance WordPress theme coding. The event will take place in Toronto, March 25th 2010 at Rich Media Institute, 156 Augusta Ave. This workshop is for designers with CSS skills who want to learn how to convert a HTML template into a WordPress theme (no PHP skills required). You will learn how to advance themes using conditional tags, page templates, custom fields, and more. Details and registration.
Today I would like to talk about blogs that have a unique design for each post. They break the traditional blog layout by designing a different theme for each post based on the topic. Designing a different layout for each topic requires a lot of time and creativity. So, we should appreciate these blogazines who spend their extra time to make your reading more pleasurable. If you would like to join this unique post trend, below are some excellent examples and WordPress tips on how to implement it.
I'm back into the WordPress theme design. Check out my latest release — the Notepad theme. Inspired by the iPhone’s Notes app, Notepad is a modern theme with a subtle touch of the sketchy and texturized background. The theme is widget compatible with threaded & paged comments, social media buttons, and multi-level dropdown menus. It has been tested on WordPress 2.9 with Firefox, Chrome, Safari, and IE7+. Users with CSS3 compatible browser will see the nice visual enhancement such as drop shadow and rounded corners. Check out the demo site and share your comments.
The CSS3 trend is getting more and more popular. In fact CSS3 new features open a lot of new possibilities. Check out my previous post on "CSS3 Animation Demos" to see the things that you can do with it. However, don't get too excited so soon because it is not fully supported by all browsers yet. But this doesn't mean you shouldn't use it at all. So, when should you use CSS3 new features? Well, continue on this post to see some excellent examples.