DON’T MISS: The Best Design Articles from May 2008Posted on 02
As usual I round up the best design articles from around the web however as I leave in 4 days I am extremely busy trying to get everything sorted before my trip around Europe so instead of going through all of my feeds I have scoured the net for the best round up posts and combined them here on this page. The sources come from Vandelay Design, Noupe and Smashing Apps. This post will keep you very busy.
How to create a rather cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience. Checkout the Tutorial
It’s just not always that simple to create perfectly seamless patterns, especially with geometric forms. Veerle shows us how to create a geometric pattern shape and fill a background with it using the method described in this tutorial
Ever wondered how the great icon designer do it? Well, here are 15 Photoshop Tutorials that lets you peek behind the curtain and get you started. Check it out.
In this Photoshop tutorial you’ll be making those cool supermarket-style badges, then you’ll be turning them into subscribe buttons for your website, a must-have for any blog! Visit Tutorial.
In this tutorial, David Leggett will show you how to design some amazing vector based Retro Rainbow Curves using Adobe Photoshop. These retro artifacts have become a popular trend in modern design! Visit Tutorial.
Here are three simple uses of the “clouds” filter (Filter > Render > Clouds) in photoshop. Using both the foreground and background color, it creates a misty/cloudy fill. This simple filter can be used for all kind of interesting things, especially when combined with other filters, layer effects, and layer modes. Visit Tutorial.
How to add ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. With awesome animation effect. Checkout out the demo here.
Yahoo! Design Pattern Library are thrilled to be sharing patterns and code with the web design and development community. Checkout it out.
This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth “Web 2.0 style” animation. It’s a popular effect on many social networking/ comment sites. Check it out.
1kb horizontal accordion script can be used for menus, images, presentation content and more. Check it out.
When you put focus on a link in Opera Mini it puts a hover effect on not only the current link, but all other links with the same URL. This script gives you the same effect when used in your website. Check it out.
An iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. This drilldown menu provides easy navigation of complex nested structures with any number of levels. Check it out.
An impressive optical illusion using the CSS parallax technique. Check out the demo page and resize your browser to see the effect.
In this article you’ll get an overview of the current batch of CSS Grid Frameworks and which you should choose to use.
How to build a contact form using HTML/CSS, as well as add some validation with jQuery, and make it tick with PHP. Checkout the Demo
An excellent review by bitsonewmedia to five solid HTML editors that get the job done.Visit Review
Are you one of the CSS coders that use div-tags for anything and add classes to every element? Learn why it’s wrong to do that and how you can cure your CSS disease.Visit Post
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.Check it out.
This article explains what is the Divine proportion and what is the Rule of Thirds and describes how you can apply both of them effectively to your designs. Visit Article
Footers can be much more than an afterthought containing the fine print of a web site. With the right design they can reinforce brand awareness and drive internal traffic. Here is an awesome collection of some of the best designed footers on the web.
Here are a few ways to tell the user to never come back to your website. Visit Post
More color does not necessarily equal a better design. There is no need to jazz things up with buckets of color if the site does not warrant it. This article explains why you might want to use a monochromatic design and how it’s done. Visit Article
If someone’s ever ripped off your site design or theme, some of these stories will truly make your blood boil but beyond that, how to fight back! Visit Article.
Usability has become a hot topic and everyone wants a piece of it by writing their own list of guidelines. This article focus on two rule of thumbs. Those two are to make it easy to read and make it easy to find stuff. Visit Article
One of the most important and hardest things to overcome when designing is to understand when the piece you are designing on is actually finished. So 23 Pro Designers share their opinion here .
These were hand sketched on pencil/paper then scanned and converted to a nice decorative vector element. Checkout it Out.
Sitepoint are giving away a free download of an extensive e-book for designers for a limited time only! IF you are interested in downloading the free eBook simply go to the The Photoshop Anthology Home Page.
A new calendar icon set has been released on graphic design forums! Simply head on over the design forums to download the free calendar icon set.
32 free icons to use or remix in your eCommerce projects complete with master SVG file. Enjoy.
Milky is a fresh, crisp and beautiful vector icon set. You can use Milky for both personal and commercial work with free of charge. Milky is available in vector format (EPS), as well as transparent PNGs.
A short Python script that lets you know how to find similar del.icio.us users who share similar interests. Check it out.
This application can search through your images collection and find duplicates not only by file name or size, but also by visual similarity.
It done by implementation of some public domain algorithm to do its work. Check it out.
Dissecting the default WordPress theme’s comments.php structure and giving you various snippets of code to make your skinning easier. Visit Tutorial.
Explanation on how to separate comments from trackbacks. Visit Article.
Yet Another Related Posts Plugin (YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site. Visit Article.
A stunning collection of Free Premium WordPress Themes, most of them have magazine or grid layouts. Checkout it Out.
How you can create a fancy frontpage slideshow on the frontpage of your WordPress powered site. Visit Tutorial.
By looking at great posters, you can learn a lot about composition, typography, and use of color. Here is a list of beautifully designed posters guaranteed to leave you inspired. Visit Post
Calligraphy is the art of writing and the best thing is that you just need to things to start learning and improving your skills: a pen and a paper. Here are some examples what you can do with it. Visit Post
A well designed and printed business card can impress and make people take notice and remember you . A badly designed or printed card can leave a bad impression or even worse be simply forgotten. Here is a collection of cool business cards to inspire you. Visit Post
A new search engine for finding free Clipart works by searching through millions of web pages to bring you back the most accurate free clipart and free vector art search results possible. Visit Site
Eden launches a FlashDen sister site, with AudioJungle, growing the microstock audio market and targeting musicians and sound effect creators.Visit Site
Steven Snell compiled a list of 40 different options for Converting PSD to HTML with some details on their services.Visit the article.
An excellent set of resources for ornaments, fleurons, and frilly bits compiled by Cameron Moll. Visit Post.
An amazing compilation by Steven Snel to over 50 designer’s Twitter profile, which should give you a great start to following some talented designers.Jonathan Snook, Jeffrey Zeldman, Veerle Pieters and more. Check it out
A post highlighting some of the best sites that covers fields relating to web development – such information architecture, user interaction, and web/graphics design. Luckily Noupe was one of them :). Visit Post
Chuck Anderson worked for clients for whom the words ‘high-profile’ seem like an understatement: Adidas, Microsoft, Pepsi, Absolut, Rolling Stone, Nokia, Sony, Reebok: the impressive list goes on. Collis Ta’eed, recently had the opportunity to ask Chuck how all this success came his way. Checkout the interview
An exciting interview with Rick Valicenti sharing his secrets of success and his thoughts on having faith in his creativity.Visit the interview.
Eric Odom had put together a fairly solid list of tips to use when linking to your own content via a new post or page.Visit the article.
This is an SEO guide for designers who want to learn about making it easier for websites or blogs to be found by search engines. Visit Article.
Matt Cutts explains how Google alerts webmasters of potential hacked websites through google’s webmaster console
Web Design and Development:
Which CSS Grid Framework Should You Use for Web Design from NETTUTS.
Improving Code Readability with CSS Styleguides from Smashing Magazine.
30 Websites to Follow if You’re into Web Development from Six Revisions.
SEO Guide for Designers from Web Designer Wall.
What Everybody Ought to Know About Usability and Web Design from Blog Design Blog.
The Official “Successful Website Checklist Challenge” from Chromatic Sites.
Getting Design Approval: The Single Mockup Theory from Fadtastic.
5 Free HTML Editors that Get the Job Done from Bits O’ NewMedia.
Masters of Graphic Design: 25+ Interviews from Noupe.
Advice for Online Graphic Design Portfolios from David Airey.
30 Great Examples of Graffiti Writing and Graffiti Street Art from You the Designer.
Now More Than Ever: 50 More Excellent Blog Designs from Smashing Magazine.
24 Kick Ass Portfolio Designs from Fuel Your Creativity.
20 Blog Designs that Stand Out from PureBlogging.
25 Kick Ass Blog Designs (My Favorites) from Spyre Studios.
Creating Geometric Patterns in Illustrator from Veerle’s Blog.
How To: Resizeable Background Image from CSS Tricks.
Create a Dark Themed Web Design from Scratch from PSDTUTS.
Create a Spectacular Grass Text Effect in Photoshop from PSDTUTS.
Freelancing and Business:
How to Achieve Freedom from Freelance from Copyblogger.
10 Ways to Get More Design Work from Outlaw Design Blog.
How Freelancers Can Stand Up Against Large Design Studios from Detached Designs.
Diversified Income for Web Designers from Templamatic.
The Costs of Underpricing Your Design Services from Most Inspired.
5 Sure-Fire Ways to Meet Deadlines for Freelancers and Web Workers from Freelance Folder.
Why Your Website Content Loses 7 Percent of Customers from Men With Pens.
Design Tips, Tricks & Tutorials
Artwork, Digital Photography and Inspiration
xHTML and CSS
So there way have it, enough articles to keep you busy for weeks.
- 18 Insider Web Design Tricks to Simplify Your Process & Workflow (5)
- 7 Online Business Ideas You Can Start and Run from Home (8)
- 30 Awesome Free Web Design Resources You Must Add To Your Collection (12)
- 5 Must-Know Visionaries of Modern Graphic Design (7)
- 15 Stunning Font Combinations For Your Inspiration (12)