Articles Archive

CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste

CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste

By now you’ve probably seen enough lengthy CSS3 tutorials to last a lifetime. You’re probably starting to become familiar with what CSS3 has to offer and are ready to move past basic theory and see some practical design examples that you can copy and paste right into your code without without wading through tons of commentary.

Well you’re in luck because that’s exactly what we have for you today! Below you’ll find seven fun and attractive CSS tricks that you can grab and insert right into your own projects and customize at will. Keep in mind that since this stuff is still cutting edge, older browsers won’t support most of it. I’ve tried to ensure graceful degradation where possible so that you can provide a working experience to all users and a better experience to those with using webkit.

October 20th, 2010 Posted in CSS
Applying the Golden Ratio to Your Web Designs

Applying the Golden Ratio to Your Web Designs

As web designers we have to take a lot into consideration when starting a project. One of the biggest segments working with layouts and systems to order spacing. Commonly designers will work with a grid-spaced CSS library but there are many ways to implement creative layouts.

Today we’ll be going over the Golden Ratio and how you can apply simple lessons into your design work. Most of the techniques discussed are applicable to a wide range of arts and design but we’ll be focusing on the digital aspect. Along with the Golden Ratio consider some other useful tools which can aid in the development of site layouts.

October 19th, 2010 Posted in Graphics
Web Design Critique #22: Primolights

Web Design Critique #22: Primolights

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 Primo Lights, an online holiday light retailer.

October 17th, 2010 Posted in Critique
Web Design Critique #21: Billy.com

Web Design Critique #21: Billy.com

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 Billy.com, an online savings club.

October 16th, 2010 Posted in Critique
Create a Stunning Wooden Website Template in Photoshop

Create a Stunning Wooden Website Template in Photoshop

Today we’re going to build an awesome website template in Photoshop utilizing a number of advanced techniques.

I’ll take you through the entire process in ten easy steps and provide you with a link to download the finished template. Let’s begin!

October 15th, 2010 Posted in Layouts
5 Super Easy Illustrator Typography Tricks

5 Super Easy Illustrator Typography Tricks

screenshot

Beautiful typography goes much further than finding the right font.

Today’s post will help you break out of the nasty habit of simply typing out a headline and calling it a day by showing you how to craft standard text in Illustrator into something more interesting and unique.

Below you’ll find a fairly random collection of tricks that I’ve picked up in the last few years. Each method is highly open to interpretation and you should definitely try to tweak and customize them to your own preferences.

October 14th, 2010 Posted in Graphics
Introducing the LESS CSS Grid

Introducing the LESS CSS Grid

In the past we’ve taken a look at several CSS grid systems. We’ve also gone over how LESS.js can add a lot of flexibility to the way you style web pages. Today we’re going to combine these two ideas and create a grid system that utilizes LESS.

Read on to see why on Earth we would do such a thing. If you understand the concept, you can also skip the tutorial and go straight to the download. Let’s get started.

October 13th, 2010 Posted in CSS
The Science Behind Design Color Theory

The Science Behind Design Color Theory

Color Theory has been a subject of interest for years in the art community. The rules and guidelines hold true when working on digital projects just as much as physical items.

There is a lot to learn in the subject of color so I’m going to cover just some of the key points. Terminology is something many designers get caught up on which really shouldn’t scare you or hold you back. The science behind color theory is brilliant yet elegant. It should be a topic of interest to every digital artist.

October 11th, 2010 Posted in Graphics
Web Design Critique #20: The Inspiration Blog

Web Design Critique #20: The Inspiration Blog

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 The Inspiration Blog, a site very similar to this one dedicated to visual design inspiration.

October 9th, 2010 Posted in Critique
Mastering Variable Width Strokes in Illustrator CS5

Mastering Variable Width Strokes in Illustrator CS5

Photoshop CS5’s fancy new feature set has garnered a lot of attention and tutorials, but Photoshop was by no means the only app to gain a little awesomeness. Illustrator CS5 has a few really stellar new features that make it even easier to create complicated vector art.

Today we’ll go over how to use one the many new features in Illustrator CS5: variable width strokes. With the new “Width Tool” you can make complex line shapes in seconds using only a few quick click and drag motions.

October 8th, 2010 Posted in Software
Subscribe
Membership