It’s hard to believe that 2008 has already come and gone. However, the year was not without some fantastic articles, tutorials, tips, and freebies spread throughout the Internet. Today, we will take some time to reflect on the most outstanding development related articles of 2008. So hurry up and review these before the Langoliers get them!
10 Usability Tips for Web Designers.
While were on the topic of user interface design, The Web
Designer Depot presents an article containing tips to keep in mind when designing a website.
Excellent AJAX Effects.
Glen Stansberry brings us a round up of 20 great AJAX effects, techniques, and
resources to use in your projects and websites.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img2.jpg" alt="ScreenShot 2" />
Chris Coyier of CSS-Tricks.com shared a creative use of the backgrond-attatchment property in
order to achieve a unique design result.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img3.jpg" alt="ScreenShot 3" />
Converting a Design
from PSD to HTML.
Jeffrey, the site manager of NETTUTS and ThemeForest, recorded an excellent and very
popular screencast and article on how to convert a design from a psd file to a/an html web page.
src="http://psdtuts.s3.amazonaws.com/001_WebDesignWeek/01_Intro%20to%20WDW/WDW_200.jpg" alt="ScreenShot 3" />
Web Design Week!
For as long as I can remember we’ve gotten requests for more web design posts here on PSDTUTS. Well web design fans, it’s your lucky day because all this week we’ll be bringing you articles and tutorials on just that topic.
10 Principles of the UI Masters.
NETTUTS interviewed 10 UI masters on what principles they use
when working on a project or design. The result was an excellent article great for any web/UI designer.
Golden Ratio in Modern CSS.
A very interesting look at a mathematic approach to web design and
css, using 62%/38% analogies.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img7.jpg" alt="ScreenShot 7" />
Positioning to Create Equal Columns.
Jeffrey shows us how to use absolute positioning instead of
faux columns to achieve 2 or more columns of equal length, regardless of the amount of content.
Compilation of WordPress Code.
WPHacks collected a gigantic list of wordpress codes and “hacks” and
put them all on one web page for your bookmarking convenience.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img10.jpg" alt="ScreenShot 10" />
CSS Fixes, Tools, and Hacks .
A long and well explained list of so common and not so common web
browser hacks to achieve compatibility.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img11.jpg" alt="ScreenShot 11" />
The Top 7
Fonts used by Professional in Graphic Design.
Designer Jacob Cass displays a list of the top 7 fonts
use in graphic design. Sure to be helpful to anyone looking for some typography guidance.
alt="ScreenShot 12" />
How to Get Cross Browser Compatibility Every Time.
in depth look at the cause and effect of browser bugs (mainly IE specific) and how you can go about fixing these
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img13.jpg" alt="ScreenShot 13" />
Happened to UI Consistency?
One of my all time favorite Internet heroes, Jeff Atwood makes some
excellent points in his article pointing out the importance of consistency with UI design.
Creating Custom Write Panels in WordPress.
The guys at WeFunction always produce quality
tutorials, so its no surprise that their recent tutorial on creating custom write panels in wordpress was a very popular
Learning PHP from Scratch.
The first article of the “learning php from scratch” series, Jeffrey
takes us through all the in’s and out’s of starting off with PHP.
Learning PHP from Scratch-Part 2.
The second article of the “learning php from scratch” series
dives right into all kinds of useful PHP functions, arrays, and loops.
This is the most comprehensive (video) security tutorial I’ve found on PHP. 45 minutes of secure goodness.
Code Snippets for PHP Developers.
There is no need to re-invent the wheel if great and free code already
exists, this article covers 10 extremely useful snippets of PHP code, such as email validation and an accurate IP address
TimThumb PHP Script Released!
Using PHP to generate thumbnails of images got
a whole lot easier when Darren Hoyt released TimThumb in early April 2008.
Creating a Photo Admin Site Using PHP and jQuery.
Absolutely one of the best PHP articles of
2008, this video tutorial takes you through the steps of creating your own photography website much like photobucket.
Seven Habits for Writing Secure PHP Applications.
IBM collected a list
of seven great ways to secure your php applications and protect against XSS.
Creating Custom Avatar Icons with PHP.
This tutorial will not teach you how to become a php master,
but it is just plain fun. Learn how to use php and the GD library to create custom avatar icons. Icons such as a drunk
User Membership with PHP.
If you’ve ever wondered how to build your own
user login script from scratch, this tutorial is for you. It covers all the steps from setting up the database, to
logging the user out when finished.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img23.jpg" alt="ScreenShot 23" />
JPG to ASCII
Converter with PHP.
Lets face it, ASCII art is awesome. This fun script/tutorial shows you how to
use PHP to turn a JPG into ASCII art, give it a try!
jQuery for Absolute Beginners: Video Series
I’m not sure if this existed before 2008, and if it did please forgive me. However, I think you’ll agree that visual jQuery is one of the most helpful and quick go to guides for jQuery documentation.
Extending jQuery’s Selector Capabilities
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img25.jpg" alt="ScreenShot 25" />
to Get You Started With jQuery From Scratch.
This article is more than just a list of resources,
it’s a complete walkthrough and introduction into the jQuery framework.
Excellent Tips to Improve your jQuery Skills.
A collection of 25 excellent and thorough tips to
improve your jQuery skills and abilities.
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img28.jpg" alt="ScreenShot 28" />
David Walsh showed us an extremely simple jQuery script to give links a nice ‘nudge’
animation. This effect is now being used on many popular websites, such as CSS-Tricks.com
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img29.jpg" alt="ScreenShot 29" />
Take advantage of this excellent article and series of
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img30.jpg" alt="ScreenShot 30" />
A Lesson in
Accessibility and Progressive Enhancement.
An excellent and in-depth view on how to make sure your web
src="http://d2o0t5hpnwv4c1.cloudfront.net/168_bestOf08/img31.jpg" alt="ScreenShot 31" />
Tutorial for Designers.
WebDesignerWall always seems to deliver quality content and this article is no
exception. Step by step, this tutorial aimed at web designers teaches you many popular jQuery practices.
The jSkinny on jQuery.
Developing a jQuery Plugin.
Another one of my Internet heroes (I have a list), Jonathan Snook
gives us an excellent article on how to develop your own jQuery plugin.
alt="ScreenShot 34" />
Fresh Finance Icons.
Icon Eden was nice enough to give out
this stunning finance icon pack for free, complete with 59 raster and vector icons.
Stunning Free Character Icon Pack.
WeFunction recently released this fun character free for you
to use in any way you wish.
alt="ScreenShot 36" />
Twitter Birds-Icons and Illustrations.
Another great set of
icons released by WeFunction, this time with a focus on twitter.
VanillA Cream Icon Set.
A clean and modern looking free icon set found via DeviantArt.
Icon Set by MannMitDerTarnjacke.
Quite a mouthful to pronounce but it is certainly a lovely and
clean icon set, free to download.
That will do it for now, please add your favorite links and tutorials of
2008 in the comments section below. I also would like to wish all of you a Happy New Year and a wonderful 2009!