I love looking at the analytics for my site. I love seeing what articles are most popular, what people land on the most, where they come from and where they leave.
A few months ago I learned about Woopra - a free tracking/analytics program that has a beautiful gui and some pretty freakin’ cool features.
A few weeks ago a new javascript, Unit PNG Fix, was released by Unit Interactive for an IE6 and below PNG support fix. Up until now I have been using SuperSleight with no issues. So I decided to do a little research this morning to find out what made Unit’s Interactive PNG fix better than good old SuperSleight.
Another important aspect in web design (combined with the right color combinations and Photoshop essentials and brushes) is getting just the right typography for your design. There are many, many free fonts available as well as tools to build your own. Not only that but you can use free online resources to determine the name of that elusive font you’ve seen used elsewhere and want to grab it for yourself.
Once you find the font perfect for your project then you have to know how to use it. While some of the best resources about learning more about typography are books (Thinking with Type and The Elements of Typographic Style are two of my favorites) there are tons of online articles and tutorials written by people in the design industry that will help you better your typography.
I’m a big fan of small sites that provide free quality content just for the love of creating various items for people to use for their own design purposes. Before I provided a list of thousands of free Photoshop essentials from patterns, to brushes and gradients. Here’s some lesser known sites and designers and their awesome brushes. Quantity may vary with these smaller sites, but the quality is remarkable!
So recently I was working on a project that required image based navigation AND drop down menus. From the get-go I decided to use CSS Sprites for the tabbed menu for the normal, active and hover styles. I also decided the best way to implement the drop down was to use the “Son of Suckerfish” drop down menus heavily modified from the original code to fit in with the original programming I had done for the menu.
I’ve explained before how to use CSS Sprites for changing images, so I won’t go into too many more details on how to accomplish this, but to recreate this for your own site you will need to create one sprite for your normal tab, hovered and current/active tab. That’s three sets of tabs in one file.
30 WP Themes
Project Type: Code, Design, Portfolio, Wordpress
Portfolio is being reworked : Please see temporary portfolio gallery.
cssgirl, formerly triple l productions, is your one stop shop for all of your blog and web design needs. Specializing in blog design for the past 5 years cssgirl has the experience, knowledge and creativity to help you develop your blog.
Lindsey Lake
CSSgirl and tlp
646-385-3391
lalindsey (at) cssgirl (dot) com