Category: Layouts

Categories

15 Tips for Designing Terrific Tables
CSS / 26 Jan 2010

15 Tips for Designing Terrific Tables

Tables of information are boring.

In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. However, in the right hands, clever design can not only make a table more attractive, but can actually increase readability.

Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. One of the most common places we currently find tables online is on a web app’s pricing page so most of our examples will take this form, just keep in mind that these principles can apply to any type of informative grid (whether or not it’s actually a table).

10 Pitfalls to Avoid When Using Stock Photography
Business / 18 Jan 2010

10 Pitfalls to Avoid When Using Stock Photography

Stock Photography is a tricky beast.

The presence or lack of good stock imagery can make or break a design. My best advice is to use custom photography/artwork whenever possible. However, I’m a big fan of stack art because there are tons of scenarios when it makes good sense to purchase someone else’s work over taking the time to create your own. To keep it classy, here are ten things to avoid when you’re working with stock images.

12 Killer Tips for Designing in the Browser
CSS / 8 Jan 2010

12 Killer Tips for Designing in the Browser

How do you mockup a website?

The typical workflow starts in Photoshop and then transitions over to HTML and CSS to mimic the original PSD as best as possible. However, there is a growing trend in web design to scrap the Photoshop step in favor of creating the initial comp right in the browser with your favorite editor. I’m sure right about now your head is buzzing with reasons why this approach would limit your design, but there’s actually a lot more you can do right in the browser than you might think. This article will provide you with the tools and tricks you need to create brilliant, working mockups as your very first step in the design process.

10 Expert Tips for Designing a One Page Portfolio
Inspiration / 28 Nov 2009

10 Expert Tips for Designing a One Page Portfolio

Once upon a time, designers would lug unwieldy physical portfolios from interview to interview to showcase their work. This tactic is steadily being replaced with sending out emails containing links to an online portfolio. A portfolio website is becoming an essential marketing tool for every designer and can be the single biggest impression upon which you will be judged and hopefully, hired.

This article contains several tips and examples to help you create an amazing single page portfolio.

10 CSS Form Examples
Articles / 12 Mar 2008

10 CSS Form Examples

Forms can be greatly enhanced with a touch of CSS, making them more usable and far more visually attractive. Follow some of the examples below and you’ll be creating stunning CSS forms in no time at all.

10 CSS Table Examples
Articles / 30 Aug 2007

10 CSS Table Examples

Today we’re going to take a look at a selection of beautiful tables styled using CSS. These are sourced from a variety of different sites. If you’re interested in learning how to do this yourself, be sure to take a look at a few of our CSS tutorials!

Free CSS Layout Templates
Articles / 29 Aug 2007

Free CSS Layout Templates

Free CSS Layouts and TemplatesWhen designing a new website, having a template to work from can save a huge amount of time. We have a collection of 12 great CSS templates to base your design on, both fixed and fluid layouts. These free CSS templates are designed by Mitch Bryson, and provided for you with his permission.