Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
div > p + div[id*=’header’] – If you saw this jumbled mess of selectors in someone’s CSS, could you decipher it?
If not, then you’ll want to read this primer on funky CSS selectors that you should know!
Earlier this week Adobe launched a preview of a WYSISYG web design project currently codenamed “Muse.” Though it looked promising, disappointed and even angry reactions from the web community are already all over the web.
With all the time, effort and money that Adobe spends on creating a “code free” solution for designing websites, you’d think that they would be able to create something decently usable by now. So what’s holding them back? Today we’ll take a brief walk down memory lane, starting all the way back at PageMill, to see if we can discover any reoccurring themes in Adobe’s history with web designers.
Yesterday we brought you part one of our ten do’s and don’t for working with typography. Today we’ll wrap up with five more!
Read on to see if you’re guilty of any of the following blunders and how to make sure you never do it again.
So you love typography, who doesn’t these days? The question is, how sloppy are you when it comes to implementing type in your designs?
Today we’re dishing up some great and simple typography tips that everyone who works with type should know. Whether you’re an expert or a beginner, read on to see if you’re guilty of any of these pitfalls.
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is Influentials Network, a political news aggregator and filter.
In-store advertising and marketing is a unique area of design that presents an interesting set of problems. Today we’ll talk about some of the lessons that I learned from the years I spent in this area and how all designers everywhere can apply these lessons in their own work.
Tired of the same old browser icons? Switch things up with these 40 alternatives. Whether you’re into Safari, Firefox, Chrome, Opera or even IE, we’ve got some icons that you’ll want to check out!
If you love grid-based design, this article is for you. We’ve scoured the web and compiled every great grid resource we could find. We’ve got all the best frameworks, grid builders, how-to guides and more.
Commence browsing and bookmarking!
Photography is one of your most powerful resources as a designer. Here we’ll take a look at some clever and unique ways to create photo-centric designs using multiple images.
Digg is one of the most popular social news networks to date. They garner a massive audience in the millions of members. Recently the company has carved a new direction with the launch of Digg v4. The entire system has been replaced with new statistics and followers/following networking.
One of the most notable changes is in page aesthetics. With the launch of Digg v4 boasts a brand new design with a unique look and feel. In this tutorial I’ll be going over how you can create your own Digg v4 style input form using some basic CSS3 properties.
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is Undead Kit, an invaluable resource for surviving an undead invasion.
The story is as old as graphic design itself: you have two different sections and you need a way to visually separate them. As a designer, I frequently spot myself reverting to the same old one or two tricks to pull this off. Why not mix it up a bit?
Today we’ll show you ten awesome ways to create two distinct sections of content. Each example is from a real website so you can click through to see it in action.