Articles Archive

The Ultimate Collection of 50+ Resources for Grid Lovers

The Ultimate Collection of 50+ Resources for Grid Lovers

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!

August 10th, 2011 Posted in Layouts
Tips for Designing With Multiple Photos

Tips for Designing With Multiple Photos

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.

August 9th, 2011 Posted in Graphics
Developing a Digg-Style Input Form With CSS3 and jQuery

Developing a Digg-Style Input Form With CSS3 and jQuery

Digg form with CSS3 and jQuery

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.

August 8th, 2011 Posted in JavaScript
Web Design Critique #61: Undead Kit

Web Design Critique #61: Undead Kit

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.

August 6th, 2011 Posted in Critique
Separating Content: 10 Ways to Draw the Line

Separating Content: 10 Ways to Draw the Line

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.

August 5th, 2011 Posted in Graphics
Weekly Freebies: 15 Gorgeous and Thin Free Fonts

Weekly Freebies: 15 Gorgeous and Thin Free Fonts

Sometimes you want a big and bold headline font to really drive home your point, other times though you need a good way to make a softer, lighter statement. Unfortunately, good thin fonts can be difficult to find, especially for the web.

Today we want to help you build your thin font collection with fifteen of our favorites. Whether you want a slab-serif, sans-serif or retro styled font, you’ll find the perfect solution here.

August 5th, 2011 Posted in Freebies
7 Quick and Easy Ways to Jazz Up Your Headline Typography

7 Quick and Easy Ways to Jazz Up Your Headline Typography

screenshot

Headlines are one of the most important elements on your page and are often the starting point that sets the tone for the entire design. So why not make them great?

Today we’ll take a look at seven different design techniques that you can implement in a minute or less that will boost your headline from plain to awesome.

August 4th, 2011 Posted in Typography
Designers, Do You Really Know Anything About Design?

Designers, Do You Really Know Anything About Design?

Does learning the requisite software make you a designer? Just because you know CSS and HTML, can you really call yourself a web designer?

Today we’re going to explore the idea that, while you may be a Photoshop wizard, you might lack in fundamental design training that could drastically help you in your every day career.

August 3rd, 2011 Posted in Graphics
Return of the Loading Bar: Are CSS3 and HTML5 the New Flash?

Return of the Loading Bar: Are CSS3 and HTML5 the New Flash?

Today we’re going to discuss a little bit about how and why Flash came to be regarded in a negative light and how we can avoid running down the same path with the modern technologies replacing it.

August 2nd, 2011 Posted in CSS
Creating an Apple-Style Input Field With Display Labels

Creating an Apple-Style Input Field With Display Labels

Apple is a very popular brand in the new technological age in which we live. Both designers and developers agree that Apple’s products display exquisite talent and passion for their skills. Over time user interface design has taken a turn upwards and is now one of the hottest topics amongst web designers.

Below I’ll be going over how to build a small Apple-styled input form with some basic structure and scripting. All code included is based off XHTML Transitional Doctype along with newer CSS2/CSS3 techniques. We’ll also be using the jQuery 1.4.1 library to support our display label functions.

August 1st, 2011 Posted in CSS
Subscribe

Membership