Articles Archive

Designing With Strong Simple Focal Points

Designing With Strong Simple Focal Points

In design, we tend to think of simplicity in terms of recent trends towards minimalism. A simple design by this definition is one with lots of literal whitespace and very little on the page outside of what is absolutely necessary.

However, instead of blindly following this trend, it’s important to understand the ideas behind it so that we don’t find ourselves trapped in a minimalist box with obvious grid-based layouts, white backgrounds and newspaper-style typography (not that this is bad, it’s just not good to be stuck in this idea). When you consider the principles of design that are at work in minimalism, you can successfully break out of the box and create clean designs that aren’t bound by an obvious and strict visual style.

October 7th, 2010 Posted in Graphics
50 CMS Alternatives to WordPress

50 CMS Alternatives to WordPress

Is WordPress a CMS? Many developers say “no” while countless others continue to use WordPress as a content management system regardless of its definition or intended use as a blogging platform.

Regardless of which camp you fall into, you should know that there are a lot of robust and powerful alternative CMS options that have been built from the ground up to help you manage the content on your site. Below you’ll find 50 content management systems perfect for designers, end users, churches, media sites and more!

October 5th, 2010 Posted in Software
Web Design Critique #19: Redka3d

Web Design Critique #19: Redka3d

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 as well as those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Redka3d, the personal portfolio of a web designer from Indonesia.

October 2nd, 2010 Posted in Critique
35 Awesome Fluid and Elastic Layout Examples, Templates and Tutorials

35 Awesome Fluid and Elastic Layout Examples, Templates and Tutorials

Fluid and elastic layouts are extremely useful for creating websites that function perfectly on a wide variety of screen resolutions. However, they can be a bit tricky to wrap your mind around when you’re just starting out.

To aid you in your quest to understand these tools, we’ve rounded up as many examples, templates, tutorials, and frameworks as we could find. Whether you’re a fluid layout pro looking for some fresh design ideas or a complete novice that doesn’t know where to begin, there’s something here for you!

October 1st, 2010 Posted in CSS
Create Complex Layouts in Minutes With EZ-CSS

Create Complex Layouts in Minutes With EZ-CSS

If you’re like many developers, you’ve had your fill of grid-based CSS frameworks. Well you’re in luck because today we’re going to look at a fresh take on the concept of a CSS framework.

EZ-CSS seeks to address many of the things you hate about grid-based frameworks while retaining the functionality of aiding in the creating of cross-browser multi-column layouts.

September 30th, 2010 Posted in CSS
6 Tips for Designing With Lines

6 Tips for Designing With Lines

screenshot

Today we’re going to look at one of the simplest possible design elements: a line. We’ll learn how to wield lines properly as well as what to avoid when implementing them.

Adding a few simple lines to a design can bring structure and graphical flair to an otherwise boring design. It’s a dead simple trick that, when used effectively, has the effect of adding a layer of finish your design.

September 28th, 2010 Posted in Graphics
Web Design Critique #18: Two Chaps

Web Design Critique #18: Two Chaps

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 as well as those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Two Chaps Branding a Baltimore based web design and marketing firm.

September 25th, 2010 Posted in Critique
How to Make Your Spreadsheets Less Lame

How to Make Your Spreadsheets Less Lame

screenshot

Spreadsheets are lame. There’s no two ways about it. We designers hate spreadsheets because they’re a shining example of boring data presented in a boring manner.

Unfortunately for designers, spreadsheets are a necessary evil and could even be called a great and essential tool in the business world. Today we’re going to see how to improve both the aesthetics and readability of your spreadsheets with a few super basic design principles that literally anyone can follow. Let’s get started!

September 24th, 2010 Posted in Graphics
10 Awesome Places to Download Free Vector Art

10 Awesome Places to Download Free Vector Art

Despite what many would think, the term web designer does not always imply artist. There are many very capable web developers and designers that are lucky to pull off a quality stick figure on most days. For those that are able to create complicated artwork, there are plenty of times when you’re up against a deadline need something generic.

For either of these situations, you can’t beat free vector art. Though the quality varies dramatically depending on the source, there is a tone of great work out there that you can download and use in your projects immediately. Below we’ll take a look at ten websites offering free vector downloads of various types.

September 23rd, 2010 Posted in Graphics
Free 960.GS CSS Photography Template and Tutorial

Free 960.GS CSS Photography Template and Tutorial

Love it or hate it, the 960.gs makes for some incredibly fast prototyping. By utilizing preset classes you can accomplish fairly complex layouts with little to no effort.

Today we bring you a free single-page template, fully coded using the 960.gs. The template has a few nifty CSS3 effects and uses @font-face to implement some beautiful custom typography. Below you’ll find the download and a basic step-by-step tutorial for how to build your own.

You can download the template completely free of charge and use it however you like with zero attribution.

September 22nd, 2010 Posted in CSS
Subscribe
Membership