Design Elements Archives

Advertisement


10 Fonts You Can Embed with Cufon and sIFR

10sifrfonts.jpg

From Cats Who Code, a round-up of 10 nice fonts that are available (licensed) now for embedding in your websites.

Cufon, Sifr and Flir are very powerful tools for designers and developers: They allow you to embed any font in a web page. Though, you have to be careful with font licences. In this article, I’m going to show you 10 very good looking fonts that you can embed in your websites.

10 Fonts You Can Embed with Cufon and sIFR »

October 13, 2009 in Design Elements

Logo Design Toolbox: 60 Resources for Logo Design

logotoolbox.jpg

Designm.ag rounds-up over 60 resources for logo design, including sources of inspiration, blogs, tutorials, articles and case studies.

Logo Design Toolbox: 60 Resources for Logo Design » (Design m.ag)

October 13, 2009 in Design Elements

5 Must Have Sans Serif Fonts

5sansserif.jpg

Looking for some nice (and free) sans serif fonts? Worrkup has 5 nice ones, worth a look.

5 Must Have Sans Serif Fonts »

October 13, 2009 in Design Elements

Teach Yourself Graphic Design

teachyourself.png The always useful PDSTuts+, has a great round-up today which constitutes a course outline for anyone looking to lear Graphic Design through self-study.

If you would like to learn graphic design from the ground up, through self directed study, then this article lists some great resources that will get you started with your design education.

As someone who has taken the "self-taught" route for everything web-related, I know it's possible. And having a set of resources packaged up is a great head-start.

Teach Yourself Graphic Design: A Self-Study Course Outline »

May 20, 2009 in Design Elements

Today's Web Design Round-up

letterpress.png For your design inspiration, Line 25 highlights the Letterpress Text Effect in this web design trend showcase.

Web Design Trend Showcase: Letterpress Text Effect »

Continue reading "Today's Web Design Round-up" »

May 4, 2009 in Design Elements

Curon Vs. Typeface.js, Which One is Better?

cufontypeface.png Kilian Valkhof has a nice article comparing the two fairly recent font-replacement scripts Cufon and Typeface.js. The article details how both scripts work, their properties, file sizes, how to convert fonts to work with the scripts and how to include them in your website.

The side-by-side comparison comes up pretty close, which is illustrated with a demo comparison page. A great read for anyone interested in these new font-replacement techniques.

Cufon vs. Typeface.js, which one is better? »

April 22, 2009 in Scripts and Software

5 Must Know Web Design Polishing Techniques

5mustknow.png From site Line25, a nice article detailing 5 simple techniques that can give any website an "extra level of detail" and make a website more polished.

5 Must Know Web Design Polishing Techniques »

April 11, 2009 in Design Elements

30 Creative Examples of Using Paper in Web Designs

30creativepaper.png Using paper as a design element is very popular at the moment and Six Revisions has a great showcase of some of the best examples of this trend. Worth browsing for some great inspiration.

30 Creative Examples of Using Paper in Web Designs »

April 11, 2009 in Design Elements

10 Creative and Rich UI Interfaces and How to Create Them

noupe.png Site noupe.com has a nice article today, illustrating how to create some great interfaces using JS, Ajax and CSS techniques. A nice article, worth a read.

10 Creative & Rich UI interfaces & How to Create Them »

March 29, 2009 in Web Development

35 Free Fonts to Enhance Your Designs

35fonts.png From Instant Shift, 35 nice and free fonts for use in your designs. A nice round-up, worth a browse.

35 Free Fonts to Enhance Your Designs »


March 26, 2009 in Design Elements

A Few Font Posts Worth Browsing

65freefonts.png From Tripwire Magazine, 65 Hand-picked Free Fonts for Serious Designs »

Find some tips for web typography at Master Web Typography: 8 Detailed Typography Tips for the Web »

March 16, 2009 in Design Elements

5 Simple Ways to Improve Web Typography

Webdesigner Depot has a nice article today, detailing 5 ways to improve web typography, including CSS resets, whitespace, font choices and more. A good read as a reminder of some best practices for web typography.

5 Simple Ways to Improve Web Typography »

March 9, 2009 in Design Elements

100 Free Seamless Vector Patterns

100seamless.png Site Pattern Head has a great big collection of free, seamless vector patterns that are ideal for web design and print work. Vectors are great to use for any design project as they can be scaled to any size without losing quality. Some nice looking patterns, definitely worth a look.

100 Free Seamless Vector Patterns Ideal for Web Design and Print Work » (Pattern Head)

February 17, 2009 in Design Elements

40 Super Sleek Fonts for Clean Web Design

40sleekfonts.png Web Design Ledger has a big round-up of "sleek" fonts that would all go nicely with a clean or minimalist web design. Worth browsing for some new font finds!

40 Super Sleek Fonts for Clean Web Design » (Web Design Ledger)

February 11, 2009 in Design Elements

10 Web Typography Rules Every Designer Should Know

10typogrules.png Webdesigner Depot has a nice article today, looking at some rules of typography that any designer should know and use. Nicely illustrated and worth a read!

10 Web Typography Rules Every Designer Should Know » (Webdesigner Depot)

February 9, 2009 in Design Elements

70+ Website Background Trends, How To's and Best Practices

70trends.png

Background images are very popular right now and site noupe.com has a great, big round-up of examples, how to's and resources for how to get the look.

Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.

Website Backgrounds: 70 Impressive Trends, How To’s & Best Practices » (noupe.com)

February 8, 2009 in Design Elements

Web Design: From Good to Great in 25 Links

Website Ten Thousand Things has a nice list for anyone interested in web design, highlighting articles that focus on refining web design skills. Many may be familiar to anyone who follows these type of links but it's always nice to revisit some of them, as well.

Web Design: From Good to Great in 25 Links (Ten Thousand Things)

February 28, 2008 in Design Elements

How to Make iPhone Webclip Icons

If you're looking for a nice addition to your site, why not consider making an iPhone Webclip Icon? Fortunately, there is an easy how-to to follow. Be sure to read the Addendums at the bottom for some refinements.

HOWTO: iPhone Webclip Icons - Dan Dickinson: The Primary Vivid Weblog

January 16, 2008 in Design Elements

15 Footers with Great Usability

15footers.png

If you've been thinking about sprucing up your website footer, you might like to browse this collection of 15 footer designs.

Footers are becoming an essential strategy to engage visitors. Leaders in the industry are moving toward implementing effective footer features and creating a place for presenting, displaying and branding to their audiences in a very personal way by providing intuitive nature.

15 Footers with great usability

January 7, 2008 in Design Elements

Best of CSS Design 2007

bestcss07.png

Design website Web Designer Wall has worked up a really nice list of what they consider to be the best of CSS design from 2007. If you're looking for some design inspiration, this is a great place to start!

Best of CSS Design 2007

December 30, 2007 in Design Elements

24 Ways to Impress Your Friends, the 2007 Edition

24ways07.png
It's been a pre-holiday, web dev and design must read for the past two years and the 2007 edition of 24 Ways has just posted Day 1 - 24 ways: Transparent PNGs in Internet Explorer 6.

Be sure to grab the feed or bookmark to catch all 24 ways to impress your friends.

November 30, 2007 in Design Elements

Element of Web Design: The Polish

polish.pngElements of Great Web Design: The Polish is a great walkthrough on how to add polish to your web design using Photoshop.

It's well worth a read and be sure to check out the before and after demonstration to get a real feel for the ways you can take a good design and make it a great design.

October 10, 2007 in Design Elements

Complete Typography Guide

typoguide.png Complete Typography Guide - over 200 links related to typography, including typography basics, tips and tutorials, free fonts, online font tools, desktop font tools, resources and more.

May 10, 2007 in Design Elements

Rotate, scale and blur for screenshot presentation effect

rotatescale.png Why just present a plain old screenshot when you can rotate, scale and distort it" Weblog mezzoblue shows you how to apply this cool effect to screencaptures in his blog entry Simulacrum.

May 4, 2007 in Design Elements

Making a Good Favicon

Making a Good Favicon - Snook.ca offers some thoughts and software suggestions for making a good favicon for your site.

February 2, 2007 in Design Elements

Typography for Headlines

Typography for Headlines | Smiley Cat Web Design. Remember the comment showcase from a while back? Well here's another one, only this one is showcasing headlines. This is an excellent way to see the styles and trends and a great way to find inspiration all in one page!

April 1, 2006 in Design Elements

Free Web Page Headers

Free Web Page Headers | High Quality Images for Personal Websites and Blogs - cool! And if you don't already know, they show you how to use them!

March 29, 2006 in Design Elements

All Time Top 5 Designs

Just Keep The Change - All time top 5 designs - at least according to this author.

I think the choices are all pretty solid, although I'm personally not that blown away by #4. I like a lot of the parts of it, just not all the parts together.

March 25, 2006 in Design Elements

Get Color

Netcocktail :: Get Color - a look at color schemes for web design, with screenshots and color chips from well-known websites. File under Inspiration.

March 5, 2006 in Design Elements

Top Color Combinations for Web Design

Top Color Combinations for Web Design - a comprehensive look at color combinations for web design, with lots of nice examples and a guide to color for web design as well.

February 18, 2006 in Design Elements

Current Web Style

Current style in web design - a round up of current sites, and their common elements.

February 9, 2006 in Design Elements

How to Make a Blog Header Graphic

HOW TO: Make a Blog Header Graphic at PaulStamatiou.com - great tutorial.

November 7, 2005 in Design Elements

DarkEye

Dark Eye - Living Design Showcase. The site says that DarkEye is "what you make it" but I say it's a good looking, design showcase/rating/inspiration site with some nice goodies that make it a worthy stop in search for inspiration.

November 2, 2005 in Design Elements

Protruding Image Effect

JeffCroft.com: Simple Protruding Image Effect. Hmmm. Interesting.

October 18, 2005 in Design Elements

Design in Flight

design in-flight - on the web. Good stuff.

August 17, 2005 in Design Elements

Pixel Perfect

Pixel Perfect - Free Image Archive. Always nice to have another resource for free images.

March 19, 2004 in Design Elements

Content in minimalist designs

Adding in tabs, blogmarks and a blogroll | Blog | 1976design.com offers up a really nice way to offer more content, while keeping true to a minimalist design. Some great ideas in this implementation that I'm bookmarking to study later ;)

January 19, 2004 in Design Elements

Pixel2Pixel

Pixel2Pixel - handy tool to re-color gifs, especially useful for altering background patterns to match your page colors.

November 22, 2003 in Design Elements

Get the Look!

AdamPolselli.com :: Get the Look! The newest addition - Chic Simplicity.

October 26, 2003 in Design Elements

Style Guide

Economist.com | Library | Style Guide - a great resource for getting the writing part right.

June 23, 2003 in Design Elements

Design Matters

Design Matters - beautiful and informative!

June 23, 2003 in Design Elements

Top Ten Design Mistakes 2002

Top Ten Web-Design Mistakes of 2002 (Alertbox Dec. 2002)

December 26, 2002 in Design Elements

Web Style Guide

Web Style Guide, 2nd Edition - a wealth of information!

December 8, 2002 in Design Elements

Optimal Web Design

Optimal web design is an interesting site focusing on designing for usability. Lots of good information.

November 17, 2002 in Design Elements

Design Matters

Consumer WebWatch: How Consumers and Experts Rate Credibility on the Web would seem to show that while content may be "king", design does matter. Interesting study on commercial sites and perceived credibility.

November 14, 2002 in Design Elements

Web design reading

Good Practices seems to have some excellent links for web design resources.

November 1, 2002 in Design Elements