
Today we have yet another awesome step-by-step CSS project for you! This time around we’re going to build a super useful expanding vertical navigation menu. It’s a great way to hide a lot of links in a fairly small space and the animations will add a nice touch to your site.
Even if you’re a complete beginner, you should be able to pull this off. I’ll guide you along every step of the way and explain how each chunk of code works so you can implement these same techniques in future projects and deepen your understanding of CSS. Let’s get started!
Welcome to another installment of our weekly collection of awesome design freebies from around the web. This time we have a real treat: thirty gorgeous free fonts from Behance. There’s a ton of great work on that site and if you know where to look you can score some spectacular finds.
Peruse the options below and download your favorites, then feel free to leave a comment to let us know what you think.

Local coding environments are great, but it’s often the case that I don’t want to crack open Espresso and spend a few minutes setting up to code when all I really want is to test out an idea or work on a bug. Also, sharing options for most local coding apps are limited and typically require integrating an outside app like Dropbox.
Online playgrounds or sandboxes such as jsFiddle solve this problem by providing you with an instantly ready coding environment for you to begin experimenting in as soon as the page loads. These tools let you combine CSS, HTML and often even JavaScript to create and share coding examples. I’m completely addicted to these things and have extensively tested every one I can get my hands on. Today I’ll go over my five favorites and discuss not only why what I like about each option, but also where they fall short.

Facebook announced Jan. 24 that it will be moving all users to the timeline format in the next few weeks. Although the change will be mandatory soon, you can make it early as some users have been doing since it was launched in September. Timeline is the new Facebook “wall” and highlights your personal information based on when it happened.
The biggest visual change included in Facebook timeline is creation of a cover photo. When someone lands on your page they not only see a small square profile image but also a large photo that you have selected for the top of your page. The shape can a little intimidating and includes a hole where the profile image rests. But you can crop or create your own timeline cover photo in just a few minutes. Follow along as we take a look at some great examples and advice for creating the perfect cover photo.

This is the third part in our series all about making fun of design related clichés that drive us all crazy. We’ve already picked on designers plenty with 5 Former Design Trends That Aren’t Cool Anymore and 5 Cliché Logo Design Trends to Avoid, now it’s time to turn around and give some attention to all the crazy things that clients say to their designers.
We put out the word on Twitter and asked for some of the worst things that you hear again and again from clients. The following are some of our favorites.
Browse the Gallery:
Color Code #ccccccColor Code #aaaaaaColor Code #222222Color Code #888888Color Code #666666Color Code #444444Color Code #000000Color Code #aa8866Color Code #886644Color Code #220000Color Code #ccaa88Color Code #ccccaaColor Code #aaaa88Color Code #442222Color Code #664422Color Code #eeccaaColor Code #aacceeColor Code #666644Color Code #88aaccColor Code #888866Color Code #444422Color Code #000022Color Code #222200Color Code #6688aaColor Code #446688Color Code #66aaccColor Code #664444Color Code #ccaa66Color Code #224466Color Code #446666Color Code #224444Color Code #eecc88Color Code #aa2222Color Code #cc8888Color Code #88cceeColor Code #882222Color Code #eeaaaaColor Code #668888Color Code #aaccccColor Code #442200Color Code #886666Color Code #4488aaColor Code #cc6666Color Code #002222Color Code #eeccccColor Code #88aaaaColor Code #eeaa66Color Code #884422Color Code #cc8844Color Code #aa4444Color Code #226688
Visit Gallery
Browse the Gallery:
Color Code #ccccccColor Code #aaaaaaColor Code #222222Color Code #888888Color Code #666666Color Code #444444Color Code #000000Color Code #aa8866Color Code #886644Color Code #220000Color Code #ccaa88Color Code #ccccaaColor Code #aaaa88Color Code #442222Color Code #664422Color Code #eeccaaColor Code #aacceeColor Code #666644Color Code #88aaccColor Code #888866Color Code #444422Color Code #000022Color Code #222200Color Code #6688aaColor Code #446688Color Code #66aaccColor Code #664444Color Code #ccaa66Color Code #224466Color Code #446666Color Code #224444Color Code #eecc88Color Code #aa2222Color Code #cc8888Color Code #88cceeColor Code #882222Color Code #eeaaaaColor Code #668888Color Code #aaccccColor Code #442200Color Code #886666Color Code #4488aaColor Code #cc6666Color Code #002222Color Code #eeccccColor Code #88aaaaColor Code #eeaa66Color Code #884422Color Code #cc8844Color Code #aa4444Color Code #226688 Visit GalleryBrowse the Gallery:
Color Code #ccccccColor Code #aaaaaaColor Code #222222Color Code #888888Color Code #666666Color Code #444444Color Code #000000Color Code #aa8866Color Code #886644Color Code #220000Color Code #ccaa88Color Code #ccccaaColor Code #aaaa88Color Code #442222Color Code #664422Color Code #eeccaaColor Code #aacceeColor Code #666644Color Code #88aaccColor Code #888866Color Code #444422Color Code #000022Color Code #222200Color Code #6688aaColor Code #446688Color Code #66aaccColor Code #664444Color Code #ccaa66Color Code #224466Color Code #446666Color Code #224444Color Code #eecc88Color Code #aa2222Color Code #cc8888Color Code #88cceeColor Code #882222Color Code #eeaaaaColor Code #668888Color Code #aaccccColor Code #442200Color Code #886666Color Code #4488aaColor Code #cc6666Color Code #002222Color Code #eeccccColor Code #88aaaaColor Code #eeaa66Color Code #884422Color Code #cc8844Color Code #aa4444Color Code #226688 Visit Gallery