The Source For Web Professionals


 

This site is dedicated to showcase only the most useful
web design tools & expert Insight
for web professionals.

You are the most important person in the world. Wow, I got you to read the second sentence. Your interest is now piqued and you want to read more. If you do read this article, you will learn exactly how important it is to create compelling web copy. Between you and me, most readers just scan, but if you find a way to hook them in the first sentence and reel them in on the second sentence, you have a good chance that they will read the third. They may even read the entire article.

Don’t listen to those naysayers who tell you that website visitors only scan headlines and look at cute pictures. It’s a fact that visitors are more interested in what you write than every other aspect on the page. The problem is that most web writing is dreadfully boring, and oddly self-gratifying. Under the premise of helping you, the visitor, the writing is geared more towards establishing the writer as some sort of authority. Most web writing is very didactic, or teacher-student. I’m the first to admit I’m guilty of it, but not anymore. Here are some useful tips in creating words that people will want to read:

As many of you know, I also run Card Observer, which is a site that showcases beautiful business cards. A few weeks ago, I showed you some of the best Letterpress cards that have been featured on the site, but lately I have been noticing more and more cards being submitted that are being produced using uncommon materials, such as plastic, wood, metal, and even some cloth.

Here are some of my favorites. If you want to see more details about the cards, just click on the images.

Fifth Floor Gallery

Fifth Floor Gallery

Wunderburg Design

Wunderburg Design

Zanzibar

Zanzibar

Grafanna

Grafanna

Sterling Design

Sterling Design

Duffy & Partners

Duffy & Partners

Catalyst Studios

Catalyst Studios

Sack Wear

Sack Wear

Dreamten Studios

Dreamten Studios

Plain Joe Studios

Plain Joe Studios

Jake Mates

Jake Mates

NGAP

NGAP

Geyrhalter Design

Geyrhalter Design

Murillo Design

Murillo Design

Popularity: 3% [?]

Icons in web design are often used to enhance content and navigation, but the ones in this post are so detailed that they could easily stand alone as beautiful works of art. So if you plan on using these, be careful that they don’t steal the show.

Helix icons

Helix icons

Device Icon Set

Device Icon Set

Office Space

Office Space

Massive Media Icons

Massive Media Icons

Starbucks coffee icons

Starbucks coffee icons

Nes Icons Pack

Nes Icons Pack

OLD SCHOOL ICONS

OLD SCHOOL ICONS

PANDORA dock icons

PANDORA dock icons

Package Icons

Package Icons

Sweets icons set

Sweets icons set

MacBook Air and iMac

MacBook Air and iMac

Apple LED 24? Display Icon

Apple LED 24 Display Icon

Camera Icon

Camera Icon

Digital Camera Icon

Digital Camera Icon

Pioneer Camp

Pioneer Camp

Canon 400D + lens 17-85mm

Canon 400D + lens 17-85mm

Mouse category Season 02

Mouse category Season 02

Mighty Mouse and EyeTV Stick

Mighty Mouse and EyeTV Stick

Pool

Pool

DiskIcons

DiskIcons

Realistic Icons

Realistic Icons

The use of ornate patterns in web design has been popular for several years now. Not only does it add a lot of intricate detail, but it’s also a great way to add a level of sophistication to a design. Here are some of the most beautiful ornate patterns and textures that I have found.

damask wallpaper

damask wallpaper

damask wallpaper 2

damask wallpaper 2

Charcoal Damask

Charcoal Damask

Wintry Damask Wallpaper

Wintry Damask Wallpaper

Patterns 2 (6 patterns)

Patterns 2

Baroque pattern

Baroque pattern

Damask Texture

Damask Texture

Damask Wallpaper patterns (25 Patterns)

Damask Wallpaper patterns

Blue Damask

Blue Damask

Grunge Wallpaper 2

Grunge Wallpaper 2

Orange Damask Wallpaper

Orange Damask Wallpaper

Orange Gold Damask

Orange Gold Damask

Dark Teal Damask Wallpaper

Dark Teal Damask Wallpaper

Patterns.2 (2 patterns)

Patterns.2

Popularity: 3% [?]

In 2009 we’ve witnessed many talented and generous designers creating tons of amazing stuff and giving it away for us to use. We’ve already shown you all of the best free fonts from this past year. Now we’re going to show you the best free icon sets. There were plenty of free sets created this year, but these stand above the rest in terms of quality and usefulness.

Basic

free icons

Onebit Icon Set 2

free icons

Hand Pointer Icons

free icons

WP WooThemes Ultimate Icon Set

free icons

Led Icon Set

free icons

MinIcons

free icons

Grunge Peeling Stickers

free icons

Onebit

free icons

Web Injection

free icons

Watercolor Icon Pack

free icons

Finance

free icons

Flavour Extended

free icons

Social Media Icons

free icons

Must Have Icons

free icons

Social Icons Hand Drawn

free icons

Weby Icons

free icons

Quartz

free icons

Popularity: 2% [?]

A well rounded web designer’s day is spent immersed in multiple graphic design programs and writing front end code. All of this moving from one environment to another can make it hard to memorize such things as hot keys and shortcuts for each. This is where cheat sheets come into play. A cheat sheet is simply a printable reference or guide to a particular software package, language, framework, etc.

Here are 14 of my favorite cheat sheets.

Photoshop

Adobe Photoshop CS4 Keyboard Shortcuts

Adobe Photoshop CS4 Keyboard Shortcuts

Adobe Photoshop CS3 Keyboard Shortcuts

Adobe Photoshop CS3 Keyboard Shortcuts

Photoshop Lasso Tool Cheatsheet

Photoshop Lasso Tool Cheatsheet

Adobe Pen Tool Cheatsheet

Adobe Pen Tool Cheatsheet

CSS

CSS Cheat Sheet (V2)

CSS Cheat Sheet (V2)

Mac OS X CSS Cheat Sheet

Mac OS X CSS Cheat Sheet

CSS CHEAT SHEET

CSS CHEAT SHEET

XHTML

(X)HTML Elements and Attributes

(X)HTML Elements and Attributes

HTML/XHTML in one page

HTML/XHTML in one page

JavaScript Frameworks

jQuery 1.3 Cheat Sheet

jQuery 1.3 Cheat Sheet

mootools 1.2 cheat sheet

mootools 1.2 cheat sheet

A couple of months ago, we took a look at 28 Powerful Photoshop Lighting Effects. This time I want to show you some of the most incredible Photoshop brushes I’ve found that can be used to create similar stuff. If you have a project coming up that requires some type of lighting effect, you will definitely find these to be very useful.

Sui Generis 3

Sui Generis 3

Fractal Brush

Fractal Brush

Fractal brushes

Fractal brushes

Abstract 12

Abstract 12

CS4 V2 Brush

CS4 V2 Brush

Destiny Brushes

Destiny Brushes

Quantum Brushes

Quantum Brushes

Lighting Set 4

Lighting Set 4

Glow Brushes I

Glow Brushes I

Nova Equinox Brushes

Nova Equinox Brushes

Light Brush Set

Light Brush Set

LIGHT II

LIGHT II

Unreal Brushes v.1

Unreal Brushes v.1

LIGHT III

LIGHT III

Abstract Glow

Abstract Glow

Genisis Brushes

Genisis Brushes

Hyper Brushes

Hyper Brushes

Ultimate Brush Pack No.3

Ultimate Brush Pack No.3

Popularity: 7% [?]

Seamless patterns are a great way to add a big impact to a web design without a lot of effort. Here are 223 of them that are absolutely beautiful. Whether you use patterns to fill the entire background of your site or just a specific area of your design, you will definitely find these useful.

GypsyGarden (1 pattern)

GypsyGarden

Pattern 2 (14 patterns)

Pattern 2

Patterns 2 (6 patterns)

Patterns 2

Textured Stripes (6 patterns)

Textured Stripes

My first photoshop pattern (4 patterns)

My first photoshop pattern

pattern part1 (9 patterns)

pattern part1

Patterns .24 (33 patterns)

Patterns .24

Lace Patterns: the prelude (6 patterns)

Lace Patterns: the prelude

Untitled patterns 03 (12 patterns)

Untitled patterns 03

Patterns .23 (33 patterns)

Patterns .23

Green Patterns (6 patterns)

Green Patterns

Patterns .27 (50 patterns)

Patterns .27

Patterns 3 (6 patterns)

Patterns 3

Softly Plaidly- Peachy Keen (11 patterns)

Softly Plaidly- Peachy Keen

black - white patterns (13 patterns)

black - white patterns

Deciding when to use light text on a dark background in web design should always be about enhancing the content and the user experience. Here are some stunning examples of light on dark designs where the designers achieved this while maintaining excellent contrast and readability.

Tapbots

Tapbots

Black Estate Vineyard

Black Estate Vineyard

Jan Sochor Photography

Jan Sochor Photography

Mark Dearman

Mark Dearman

tictoc family

tictoc family

mediocore

mediocore

auditude

auditude

Inca un calator

Inca un calator

Edit Studios

Edit Studios

Lucas Hirata

Lucas Hirata

Krista’s Creations

Krista's Creations

Take The Walk

Take The Walk

SpaceCollective

SpaceCollective

Aten Design Group

Aten Design Group

nclud

nclud

Dan Tobolic

Dan Tobolic

sroown

sroown

Giant Creative

Giant Creative

Nine Lion

Nine Lion

Revyver Labs

Revyver Labs

Brand Storm

Brand Storm

Elysium Burns

Elysium Burns

Kanchi

Kanchi

Popularity: 7% [?]

A few weeks ago, I showed you some of the best fonts for use in grunge style design. Creating grungy designs can be fun, but sometimes a site requires a cleaner approach, one where artsy design elements take a back seat to clear presentation of content. Typography plays a big role in this type of design. If you have been struggling to find the right font for your clean designs, here are 40 of them that are both clean and beautiful.

Museo Sans

Museo Sans

Geo Sans Light

Geo Sans Light

Duepuntozero

Duepuntozero

Oregon LDO

Oregon LDO

Sansation

Sansation

Engel Light

Engel Light

Comfortaa

Comfortaa

Forgotten Futurist

Forgotten Futurist

Walkway

Walkway

Steiner

Steiner

Eurofurence

Eurofurence

Baar Metanoia

Baar Metanoia

Existence Light

Existence Light

Asenine

Asenine

Anna

Anna

Cicle

Cicle

Aubrey

Aubrey

Waukegan LDO

Waukegan LDO

Qlassik

Qlassik

Bebas

Bebas

Next,