This post includes graphic design and web development articles (and web designed-focused articles as well) but the articles have been chosen, mainly, with web designers in mind.

Website Designs – General

• 10 Fantastic and Creative Web Design Styles - Inspect Element - Nov ‘09
• 30 Web Designs with Amazing Attention to Detail - Design Mag – Nov
• 44 Examples of Nature Inspired Website Designs - Naldz Graphics – Oct ‘09
• Minimal - Snook - Sep ‘09

Blog Design

• 40 Killer Minimalist Blog Designs – Spyreststudios – Oct ‘09
• Blog Headers: 20 Great Examples and Best Practices - Web Designer Depot - Oct ‘09
• 9 Things You Can’t Forget When Designing a Blog - Tutorial 9 - Sep ‘09
• 60 (Latest) Beautiful And Enticing Blog Designs – Hongiat – Aug ‘09

WordPress

• 16 WordPress Sites to Help You Build a Better Blog - Six Revisions – Nov ‘09
• WordPress Visual Cheat Sheet - Woorkup - Nov ‘09
• 20 great corporate websites made with WordPress – Designer Daily – Nov ‘09
• WordPress Plugins To Help Your Blog Earn Money – webm.ag – Nov ‘09
• 12 Essential Plugins that Extend WordPress as a CMS - Web Design Ledger - Oct ‘09
• 10 Outstanding Corporate WordPress Themes for Freelancers and Small Business Owners – Inspired Mag – Oct ‘09
• 8 ways to make WordPress easier to use for your clients - Designer Daily – Oct ‘09
• WordPress Website Design Process for IT-IS Ltd - Spoon Graphics – Oct ‘09
• Compress WordPress output and speed your blog’s load speed - WP Recipes - Oct ‘09
• Automatically resize pictures on your WordPress blog – WP Recipes - Oct ‘09
• 10 Ways to Customize and Personalize your WordPress Blog – Pro Design Blog - Sep ‘09
• 300+ Resources to Help You Become a WordPress Expert - Web Designer Depot – Sep ‘09
• 24 Great Tips & Tutorials To Get The Most Out Of WordPress – Spyreststudios – Sep ‘09
• 7 Very Simple Tips and Tricks for getting More out of WordPress - Inspect Element - Aug ‘09
• Useful WordPress Tricks - Stylized Web – Aug ‘09
• The Ultimate WordPress Guide For The Absolute Beginner Part 1 - Elite By Design - Jan ‘09
• How to make TimThumb work with WordPress mu – BinaryMoon - Oct ‘09

Joomla

• 50 Beautiful And Professionally Looking Joomla Templates – Hongiat.com – Nov ‘09
• 40 Hand-Picked Themes For Joomla - Pro Design Blog - Nov ‘09
• Joomla Developer’s Toolbox – Smashing Magazine - Jan ‘09

Blogger

• 50 Surprisingly Amazing Themes for Blogger – Speckyboy – Oct ‘09

Drupal

• How to build a Social Networking Website with Drupal - Woorkup - Nov ‘09
• 40 Professional and Free Drupal CMS Themes - Speckyboy - Jun ‘09

CMS

• 10 Best Content Management Systems for Designers - Web Design Ledger – Oct ‘09
• When Bad Things Happen to Good Content Management Systems – Freelance Switch – Oct ‘09

Open Source

• Design in Open Source – Mark Boulton – Aug ‘09

Breadcrumb Navigation

• Breadcrumb Navigation Examined: Best Practices & Examples – Hongiat – Nov ‘09

Mac

• 20 Free Mac Apps For Web Designer’s Toolkit – Noupe - Nov ‘09
• A Collection of Useful Mac Apps – Designer Reviver – Oct ‘09
• The Ultimate Collection of 37signals Mac & iPhone Apps – Mac App Storm – Oct ‘09
• 35 Mac Apps to Improve Your Web Browsing Experience - Mac App Storm – Oct ‘09

iPhone

• How to Create Your First iPhone Application – Smashing Magazine – Aug ‘09

Firefox

• 4 Ways to Boost Productivity Using Firefox – Reencoded – Nov ‘09
• Ten Most Popular Firefox Plugins of Web Designers – Web Design Ledger – Oct ‘09

Droplr

• A Preview of Sharing Files With Droplr - Mac App Storm – Oct ‘09

Portable Applications

• 70 Free Useful Portable Applications You Should Know– Hongiat – Oct ‘09

E-commerce

• 35 Excellent Ecommerce User Interface Designs - Vandelay Design – Nov ‘09
• 15 Common Mistakes in E-Commerce Design – Smashing Magazine – Oct ‘09
• Open Source E-Commerce Shopping Carts – Best Of – Hongiat – Oct ‘09
• 5 Tips and Tricks For An Effective eCommerce Site With 10 Brilliant Examples – Onextrapixel – Aug ‘09
• E-commerce Considerations - CSS Tricks - Jul ‘09

Image and Icon Search Engines

• 41 Image And Icon Search Engines Designers Should Know – Hongiat – Sep ‘09

Bookmarklets

• 100+ Useful Bookmarklets For Better Productivity | Ultimate List – Hongiat – Sep ‘09

Dynamic Image Replacement

• Dynamic Image Replacement: Practical Techniques And Tools – Hongiat – Sep ‘09

Photoshop

• 20 Photoshop Actions to Add Flair to Your Photos - Spoon Graphics - Nov ‘09
• Minimal and Modern Layout: PSD to XHTML/CSS Conversion – Six Revisions - Nov ‘09
• Free Hi-Resolution Paint Stroke Photoshop Brushes - Spoon Graphics – Nov ‘09
• 30+ Professional Business Website Design Tutorials In Photoshop – Smashing Share – Nov ‘09
• 70 Of The Best Photoshop Actions For Enhancing Photos - Creative Nerds – Nov ‘09
• Advanced Photoshop Techniques that you may not be aware of - Inspect Element – Oct ‘09
• 40 Amazing Photoshop Brush Directories and Collections – Speckyboy – Oct ‘09
• 20 Handy Photoshop Tips For a Faster Workflow - Spoon Graphics – Oct ‘09
• 1st Photoshop Web Design Professional Layout Tutorial – Deviant Art – Oct ‘09
• 60 High Quality Photoshop PSD Files For Designers – Hongiat – Sep ‘09
• 56 Absolutely Brilliant And Intriguing Photoshop Video Tutorials – Hongiat – Sep ‘09
• How to Make an Impressive Blog Layout in Photoshop – Six Revisions – Sep ‘09
• Brushing Up On Photoshop’s Brush Tool - Smashing Magazine – Nov ‘09
• 33 Remarkable Photoshop Brushes That You Must Bookmark – Onextrapixel – Sep ‘09
• The Meaning of Photoshop - Subtraction – Sep ‘09
• 16 Great Photoshop Light Effect Tutorials - Design Shard – Aug ‘09
• 30+ High Quality Metallic Texture, Pattern, Brushes And Photoshop Tutorials – Hongiat – Jun ‘09
• How to Convert a Photoshop Mockup to XHTML/CSS - Line 25 - Jul ‘09
• Create a Clean Modern Website Design in Photoshop - Line 25 – May ‘09

Vector Graphics

• 49 Amazing Resources for Free Vector Graphics - Speckboy - Sep ‘09
• Weekly Vector Inspiration #21 - Vec Tips - Jun ‘09

Fireworks

• Fireworks vs Photoshop Compression – Web Designer Wall – Oct ‘09

My SQL

• Top 20+ MySQL Best Practices - Net Tuts+ – Nov ‘09

PSD

• Top 10 Tutorials To Learn PSD To HTML Conversion - Webdes Dndev – Nov ‘09
• 25 (amazing) high quality free PSDs for your projects - Francesco Mugnai - Oct ‘09

HTML

• 15 Useful Resources to Get Clued Up on HTML5 – Line 25 – Nov ‘09
• What Beautiful HTML Code Looks Like - CSS Tricks - Nov ‘09
• HTML Editors War: What are you using? – Woorkup – Oct ‘09
• Get Ready for HTML 5 – A List Apart – Sep ‘09
• 10 HTML Tag Crimes You Really Shouldn’t Commit – Line 25 – Jun ‘09

Tables

• HTML Table Building: 30+ Beautiful Examples And Useful Javascripts – Hongiat – Jul ‘09

Htaccess

• The Definitive Guide to htaccess Techniques: Do’s and Don’ts – Noupe – Aug ‘09

Javascript

• 17 Hours of JavaScript from the Masters – Net Tuts+ - Nov ‘09
• Google Closure: How not to write JavaScript - Sitepoint – Nov ‘09
• The Basics of Object-Oriented JavaScript - Net Tuts+ – Nov ‘09
• 200+ Javascript / jQuery Tutorials for Designing Awesome Websites – Powerusers – Nov ‘09
• Sorting Values with JavaScript - Net Tuts+ - Nov ‘09
• 6 Advanced JavaScript Techniques You Should Know – Six Pixels – Oct ‘09
• You Know You Should Use JavaScript When… - CSS Tricks - Sep ‘09
• Javascript For Designers: Getting on Your Feet Fast – Noupe – Aug ‘09

PHP

• Exploring PHP Frameworks: CodeIgniter - Woorkup - Nov ‘09
• 20+ PHP Tutorials & Resources - Powerusers - Sep ‘09
• PHP Quick Profiler - Particle Tree - Apr ‘09

Flash

• 10 Killer Flash Tips For Beginners – Hongiat – Sep ‘09
• 30 gorgeous websites designed in Flash – Design Daily – sep ‘09

CSS

• 10 Best CSS Hacks - Stylized Web – Nov ‘09
• 5 Simple, But Useful CSS Properties – Web Designer Wall – Nov ‘09
• 10 Tips for Writing Better CSS - Web Design Ledger – Nov ‘09
• Simple CSS Tips that Go a Long Way – Inspect Element – Nov ‘09
• 50 Awesome Submissions From The CSS Awards – Spyreststudios – Nov ‘09
• 9 CSS3 Properties You Can Use Now - Elliot Swan – Nov ‘09
• CSS Sprites: What They Are, Why They’re Cool, and How To Use Them - CSS Tricks – Oct ‘09
• 5 Rules To Write More Readable CSS Files - Woorkup – Oct ‘09
• Really simple CSS trick for equal height columns - Woorkup – Oct ‘09
• CSS Rounded Corners ‘Roundup‘- Smiley Cat - Oct ‘09
• How to distribute elements horizontally using CSS - Wookup - Oct ‘09
• Using Rounded Corners with CSS3 - Build Internet – Oct ‘09
• Browser support for CSS3 and HTML5 - Deep Blue Sky – Oct ‘09
• CSS: Design Out Of The Box – Web Designer Wall – Sep ‘09
• 10 Top-Notch CSS Editors - Six Revisions - Sep ‘09
• Perfect Full Page Background Image - CSS Tricks – Aug ‘09
• 5 Innovative CSS Techniques You Should Know About - Typesett Magazine – Aug ‘09
• 15 Must Read Articles for CSS Beginners – Line 25 - Jun ‘09
• Text Rotation with CSS - Snook – Jul ‘09
• Placing a CSS background image horizontally right on an h2 using a span element - Veerle’s Blog - May ‘09
• Essential CSS/HTML Lists Styling Techniques – Noupe – Nov ‘09
• Simple scalable CSS based breadcrumbs - Veerle’s Blog - Feb ‘09

Ruby on Rails

• Creating Your First Ruby on Rails Application From Scratch - Fuel Your Coding – Aug ‘09
• 10 Useful Tips For Ruby On Rails Developers - Ruby on Rails – Feb ‘09

jQuery

• 10 Awesome Techniques and Examples of Animation with jQuery - Six Revisions – Nov ‘09
• Animated background image with jQuery – Cats Who Code – Nov ‘09
• 10 Fresh jQuery Tutorials to Enhance Navigation Menus - Web Design Ledger – Oct ‘09
• 35 Fresh and Useful jQuery Plugins – Noupe – Oct ‘09
• 10+ astonishing jQuery resources to spice up your website – Cats Who Code – Oct ‘09
• jQuery Lessons Series: How to Interact with HTML Forms - Woorkup – Oct ‘09
• 10 Easy jQuery Tricks for Designers – Six Revisions – Sep ‘09
• 73 Turn any webform into a powerful wizard with jQuery (FormToWizard plugin) – Janko At Warp Speed - Sep ‘09
• How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 – Spyreststudios – Aug ‘09

Grid

• Flud Grids - A List Apart – Mar ‘09

Gradients

• Taking Design from Good to Great with Gradients – Creative Curio - Jun ‘09
• 25 Great Examples of Using Gradient Effects in Web Designs - Six Revisions – May ‘09

Typography

• 20 Do’s and Don’ts of Effective Web Typography – Design Ledger - Nov ‘09
• 50 Examples of Effective Uses of Typography Within Web Design - Speckboy – Nov ‘09
• Rich Typography On The Web: Techniques and Tools – Smashing Magazine – Oct ‘09
• 40 Beautiful uses of Typography in Web Design – Reencoded - Oct ‘09
• Web Fonts – Where Are We? - i love typography – Jul ‘09
• 8 Simple Ways to Improve Typography In Your Designs - AisleOne – Jun ‘09
• Type Online - The Ministry of Type – Feb ‘09

Fonts

• 35+ Funky Cartoon Fonts for Logos and Headers – Pro Design Blog – Nov ‘09
• The A-Z List of Free Grungy & Dirty Fonts for Commercial Design – Design Mag – Oct ‘09
• Becoming a Font Embedding Master – Snook - Oct ‘09
• 6 Characteristics of Great Logo Design - Fuel Your Creativity - Oct ‘09
• 30 Stunning Fonts To Enhance Your Designs – Instant Shift – Oct ‘09
• @font-face in Depth – User Agent Man – Sep ‘09
• 25 Excellent Handwritten Fonts - Design Mag - Aug ‘09
• 40 Free Unique Cartoon And Comic Fonts – Hongiat – Aug ‘09
• 25 Classic Fonts That Will Last a Whole Design Career - Spoon Graphics - Aug ‘09
• Fonts Used In Logos of Popular Design Blogs - Build Internet - Oct ‘09
• 76 Dirty, Extreme And Creative Free Grunge Fonts – Deviant Art – Sep ‘09
• 40 Free High Quality Hand-Drawn Fonts – Hongiat – Aug ‘09
• 15 Beautiful Free Web 2.0 Fonts – Dzineblog - Aug ‘09

Text on photos

• Overlaying Text on Images: What You Need to Consider – Inspect Element - Nov ‘09

Textures

• The Big Collection Of Free Design Textures – Noupe – Nov ‘09
• 36 Examples of Textures used in Web Design - Inspiredology – Sep ‘09

Adobe Illustrator

• How to Create a Crafts Inspired Vector Kids Illustration - Spoon Graphics – Nov ‘09
• Create a Rolling Stones Inspired Tongue Illustration – Spoon Graphics - Nov ‘09
• 40 Adobe Illustrator Text Effect Tutorials – Noupe – Oct ‘09
• 55 Adobe Illustrator Icon Design Tutorials – Noupe – Oct ‘09
• How To: Create a Seamless Diagonal Pattern in Illustrator – Bittbox – Oct ‘09
• Top Places to Find Quality Illustrator Tutorials Online - Spoon Graphics - Oct ‘09
• Illustrator type technique using shapes – Veerle’s Blog – Aug ‘09
• Illustrator: Abstract Vector Art – Web Design Wall – Aug ‘09

Illustrations – Web Design – General

• Illustration in web design: 30 wonderful examples – Designer Daily - Nov ‘09
• 40+ Creative Cartoon Character Illustration Tutorials - Design Buzz - Oct ‘09

Infographics

• 27+ Beautiful Examples of Infographics - Dzineblog - Oct ‘09

Adobe Air

• The Best Adobe Air Apps to Increase Productivity - Fuel Your Creativity – Oct ‘09

Online Image Editor

• Online Image Editors – Why To Use Them And 5 Amazing Ones For Designers - Web Resources Depot – Nov ‘09

Social Media – Design

• Embedding Social Media Channels in Modern Web Design – Inspired Mag – Nov ‘09
• Social Network Design: Examples and Best Practices - Smashing Magazine - Jul ‘09

Twitter – Design

• Four Different Ways of Implementing Twitter on your Site - Inspect Element - Oct ‘09
• HOW TO: Create Custom Twitter Backgrounds - Mashable – May ‘09
• WordPress and Twitter: The ultimate List of Twitter Plugins for WordPress - Sharebrain – Nov ‘09
• Effective Twitter Backgrounds: Examples and Current Practices – Smashing Magazine – Sep ‘09
• 10 Superb Twitter API Tutorials - webm.ag – Nov ‘09
• 10 code snippets to interact with Twitter – Cats Who Code - Sep ‘09

Drop Down Menu

• Drop-Down Menu: 30+ Useful Scripts To Enhance Header Navigation – Hongiat – Aug ‘09

Menus – general

• 20 Super Creative Website Menus - PSDFAN - Nov ‘09

Thumbnails

• Sproing! – Make An Elastic Thumbnail Menu - Build Internet - Sep ‘09

Gui Icons

• 40 Free And Useful GUI Icon Sets For Web Designers – Hongiat – Jul ‘09

Logos

• 50 Clever, Creative Logos – Design Mag – Nov ‘09
• Tutorial: How To Create An Iconic Logo Design - Just Creative Design – Nov ‘09
• Logo Design Toolbox: 60+ Resources for Logo Design - Design Mag – Oct ‘09
• 33 Creative and Beautiful Logos – Web Design Ledger - Oct ‘09
• 35 Smart Logos With Second Thought To Make You look Twice - Deviant Art – Oct ‘09
• 25 Amazing Logo Collections - Youthe Designer - Oct ‘09
• 34 Excellent Punctuation Inspired Logo Designs – Spyreststudios – Sep ‘09
• 31 Outstanding Logo Tutorial - Pro Design Blog - Sep ‘09
• Logo trademarking tips: A legal perspective - David Airey – Aug ‘09
• 80 Creative And Well-Designed Logos – Hongiat – Jul ‘09

Icons

• 50 (fresh) Beautiful and High-quality Free Icon Sets - Dzineblog - Nov ‘09
• Icons for interaction – Hick Design – June ‘09

Graphic Design Starter Kits

• 27 Must-Have Starter Kits For Web Designers – Hongiat – Jun ‘09

Interaction Design – General

• The Future of Interface Design – Ux Booth – Nov ‘09
• 5 Easy Ways To Improve User Experience – Spyreststudios – Nov ‘09
• Best Practices for 6 Common User Interface Elements - Web Designer Depot - Nov ‘09
• Tools for Sketching User Experience – Ux Box - Oct ‘09
• Minimizing Complexity In User Interfaces – Smashing Magazine – Oct ‘09
• Interactivity in Web Design: A Beginner’s Guide - Design Tech – Oct ‘09
• 10 Useful Usability Findings and Guidelines – Smashing Magazine – Sep ‘09
• An Introduction to Web Usability for Graphic Designers - Graphic Design Blog – Aug ‘09
• 10 Most Common Misconceptions About User Experience Design – Mashable – Jan ‘09

Grid-based Web Design

• To Grid or Not to Grid: Advantages and Disadvantages - Web Designer Depot - Nov ‘09
• Ultimate Guide To Grid-Based Web Design: Techniques and Tools – Noupe – Nov ‘09

Information Architecture

• Complete Beginner’s Guide to Information Architecture – Ux Booth – Mar ‘09

Buttons

• How to Design Buttons to Help Improve Usability - Inspect Element - Sep ‘09

Forms

• Creating a Usable Contact Form – Ux Booth – Sep ‘09
• Contact Us Page Best Practices with 22 Fabulous Showcases – Onextrapixel – Oct ‘09
• 51 Form Element Resources and Tutorials Using CSS And Javascript - Deviant Art - Sep ‘09

Applications – General

• 16 Intelligent Sites For Application Review - Instand Shift – Nov ‘09

Website Backgrounds

• 40 Creative and Inspiring Website Backgrounds Techniques – Noupe – Sep ‘09

Web Design – General

• Web Design Trends for 2010 – Web Design Ledger - Nov ‘09
• 50 Inspirational and Fresh Minimally Designed Web Sites – Speckyboy – Nov ‘09
• 26 Must Have Resources for the Web Developer’s Toolbox - Fuel Your Creativity - Nov ‘09
• Coding a Web Design for Speed and Quality - Web Designer Depot - Nov ‘09
• 50 Clean, Sleek, and Modern Website Designs - Outlaw Design Blog - Nov ‘09
• 40 Incredibly Useful Web Design Tools You Should Use Daily – Deviant Art – Nov ‘09
• 6 Ways To Take Your Webdesign From Good To Great - My Ink Blog – Nov ‘09
• 25 Examples of Clean and Well designed Web Sites - Design Shard – Oct ‘09
• 20 Do’s and Don’ts of Effective Web Design – Web Design Ledger – Oct ‘09
• 7 Things Web Designers Hate Hearing from Clients - Six Revisions – Oct ‘09
• Five Favorite Web Applications of Designers – Six Revisions – Oct ‘09
• Super-Clean and Minimal Web Designs: 70+ Stunning Examples and Resources - Instant Shift - Oct ‘09
• 22 Really Useful Online Tools for Web Designers and Bloggers - Design Tech - Oct ‘09
• 30 Bad Practices of Web Designers - Pro Blog Design - Sep ‘09
• 16 Cheat Sheets on 16 Essential Topics for Web Designers - Pro Blog Design – Aug ‘09
• The Details That Matter – A List Apart – Feb ‘09
• Are You Focusing Too Much on Your Home Page? - Smiley Cat – Feb ‘09

Blurred/Focused Effect

• Create A Simple Preview/Highlight Circle - My Ink Blog – Nov ‘09

Design – General

• 100 Great Resources for Design Inspiration - Mashable - Mar ‘09

Wireframing

• Using Wireframes to Bring Your Site Together - Designer Reviver - Oct ‘09
• Why Your Next Website Should be Designed with Wireframes – Build Internet - Sep ‘09

Web Development – General

• 40 New Useful Web Development Tools and Resources – Noupe – Nov ‘09
• 10 Rules of Front End Coding - Fuel Your Coding - Jun ‘09

Web App Development

• Creating a Web App – CSS Tricks – Nov ‘09

Portfolio

• How to Design a One-Page Portfolio in Photoshop - Design Mag – Sep ‘09
• Tutorial: Design a Clean Good-Looking Portfolio In Photoshop - Francesco Mugnai – Nov ‘09
• The Remedies For A Great Designer Online Portfolio With 25 Impressive Showcases – Onextrapixel – Aug ‘09
• 50+ Sites to Promote your Portfolio, Web Design, Blog - Design Tech - Jan ‘09

Online Ads

• Six Creative Solutions in Online Advertising – Noupe – Oct ‘09

Email

• 20 Email Design Best Practices and Resources for Beginners - Net Tuts+ - Nov ‘09
• No More Ripping your Hair Out: New Email Templates Category - Net Tuts+ – Nov ‘09

Mobile

• 7 Tips To Make Your Web Site Mobile-friendly - Sitepoint - Nov ‘09

Freelancer

• 15 Tips for Breaking in as a Part-Time Freelancer – Design MAG – sep ‘09
• 15 Online Resources A Freelancer Must Know - Webm.ag - Nov ‘09

Web Optimization

• Ultimate Guide To Web Optimization (Tips & Best Practices) – Hongiat – Aug ‘09
• Speed up Your Website with Better Image Optimization in Photoshop – Ux Booth – Jul ‘09

SEO – for Web Designers

• Useful Tips Every Web Designer Should Know About SEO – Woorkup – Nov ‘09

RELATED CONTENT:

• Website Design Case Studies – UK
• Online Interactive Case Studies – UK
• Online Interview with David Airey (graphic design / logo blog)
• 10 Key Words for Creative Thinking

Go to Source

This entry was posted on Tuesday, December 1st, 2009 at 8:44 am and is filed under UK News. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.