Since 2007, every year I do a round up of best of CSS from Best Web Gallery (check out 07 and 08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I've selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic design with beautiful serif fonts. The grungy and sketchy styles are still strong. However, the large background is no longer as hot as in 2008, instead, texturized background is popular in 2009.
In the past, we've been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I've collected, you will probably agree with me that serif typeface will be the next web font trend.
Guest Post by Webcopyplus
The demand for good web design is increasing, revealed a recent Webcopyplus online poll. Almost 25% of web users indicated "poor visual presentation" as the number one element that drives them away from websites. Only 6.6% of web users who participated in a similar 2007 online poll indicated "poor visual presentation" as the main reason to abandon a website. That equates to a 267% increase during the two-year period.
Back in the old days, almost every website had a sitemap where they listed out all the pages. The purpose of the sitemap is to help visitors and search engine spiders to find information on the site. Now, a lot of modern websites have dropped the sitemap page, instead they place the sitemap in the footer area. I'm going to review 20 websites (from big corporation to small portfolio sites) who organized their footer cleverly to enhance usability.
As a designer, I think we all have experienced the hard time of finding new ideas and inspirations. That's why I've chosen to talk about this topic in my presentation at the FOWD conference. In this post, I want to do a recap of my slides – Finding Inspiration From Your Environment. Read on to find out how my work habits and environment influence my design.
Previously, I have featured David Pache of Dache on WDW, an amazing logo designer from Switzerland. He is known for designing unique and colorful logos. I'm very glad to have David to share his design process of the WebMYnd's logo. This case study (written by David himself) provides full creative brief and progress images from start to final. Read on to find out how David got inspired by Wassily Kandinsky's art (one of the most famous 20th-century abstract artists) to create this fantastic logo.
This is a quick CSS tutorial to show you how to create a menu list using either the CSS border style or a background image. The trick is to apply a bottom border to the
<li> element, then use the absolute position property to shift the nested elements down to cover the border. It is very flexible — you can easily change the layout by altering the border or background image. It even works when the browser's font size is being scaled (increased or decreased).