This is a roundup of wonderful design related articles.

Remember, these are articles I “tweet” on Twitter. Click the @username to see the posts of some of the people who I respect and love to “follow” on Twitter, the #hashtags to search the related topics, and of course the actual links to read the awesome articles.

Web Design Resources Roundup

1. Hints, Tips And Tricks For Web Design Part 1: Beyond The Visual http://bit.ly/4hjuI
2. Hints, Tips And Tricks For Web Design Part 2: Production Techniques http://bit.ly/SZ5bl
3. Designers Predict Design Trends for 2010 http://bit.ly/cO0y7 (via @naldzgraphics)
4. 10+ Exceptional Free Tools for Monitoring Your Websites Uptime http://bit.ly/6A2w6
5. RT @jggube: 20 Creative and Unique Typefaces: http://digg.com/d1tmGo?t
6. 20 Examples of Great User Interface Design http://bit.ly/nkpMS
7. RT @mlane: 25 of the Best Photographer Portfolio Websites – Part 1: http://bit.ly/VabgN and 2: http://bit.ly/k4eZC
8. RT @youthedesigner: New blog post: 15 Grandiose Green Website Designs http://bit.ly/13TUcC
9. 12 Excellent Free Tools for Monitoring Your Site’s Uptime http://bit.ly/eIgEk
10. 60 Awesome Sites for Free #Fonts http://bit.ly/191dHS
11. Showcase Of Popular Automobiles Websites #inspiration http://bit.ly/z1L7I
12. 30 ESSENTIAL PDF DOCUMENTS EVERY DESIGNER SHOULD DOWNLOAD http://bit.ly/LL836
13. RT @pfrigerio: 30 More Essential PDF Documents Every #Designer Should Download… http://bit.ly/ukF6D
14. Gallery of 3D Elements in Web Design http://bit.ly/SXqNN
15. 88 Single Page Website Designs For Design #Inspiration http://bit.ly/zIwoU (via @myreactiveone)
16. 21 Awesome #iPhone Apps for Web Professionals: http://bit.ly/H5Dsv (via @sitepointmatt @deakaz)
17. RT @designcoyote 15 Most Useful & Free Collection of Ready-To-Use #Design Freebies | SmashingApps.com http://bit.ly/nRjxu
18. 10 Apps for Web Designers Using a Mac http://bit.ly/bn9PK
19. 20 Tools to Make the Life of a Web Developer Easier http://ff.im/-3M7bq (via @brandonacox)
20. RT @bthnynn: 25 Beautiful One Page Portfolio Websites of Designers on Twitter: http://tinyurl.com/q4hgd4
21. RT @mlane: Hit a Plateau? 4 Ways to Improve Your Skills – http://bit.ly/bvps9
22. RT @DesignerDepot: Popular Design Blogs Share Their Stats: http://tinyurl.com/m5mxnk
23. 50 Inspiring Abstract Illustrations in Web Design http://bit.ly/S9PNW #inspiration
24. RT @chadengle: [NEW SITE LAUNCH] for all you #app devs, designers & enthusiasts! @fuelyourapps http://fuelyourapps.com #FUEL
25. Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You? http://bit.ly/12arFz for Deb
26. RT @logocritiques: 50 Captivating & well-formed #Logo Design http://bit.ly/UARc6
27. RT @Brandensilva @styletime: 5 new Niche Galleries http://bit.ly/NDsgi
28. 10+ Brilliantly Designed Mac and iPhone App Websites http://bit.ly/r6Hx3
29. RT @brandonacox: 15 Coolest Minimalist WebDesigns Using #Photograph as Background http://ff.im/-3OBme
30. 50 Free Handwritten #Fonts for Web Designers and Logo Artists http://bit.ly/kLZqd
31. RT @iamkhayyam @murdamw: 50 Captivating & well-formed Logo Design http://bit.ly/UARc6
32. Eclectic Color Roundup http://bit.ly/1S7mm check out Color Snap by Sherwin-Williams for the iPhone, handy for designers
33. RT @buysellads: The Power of Typography in Design – Quite a Few Lessons from @freelancesw http://bit.ly/oYxwd
34. RT @mlane: ProFolio 1.05 – Featuring Portfolio Navigation – http://bit.ly/izsoH
35. Emphasis in Design – How to Create Interest and Command Your Visitors’ Attention http://bit.ly/ApsMB
36. Best of the Week #68 at abduzeedo #inspiration http://bit.ly/rFQys
37. Left-Brained vs. Right-Brained – The Developer/Designer Paradox http://bit.ly/gfdRx
38. Right Brain vs Left Brain Creativity Test http://bit.ly/G39U
39. RT @simonashley @vectorss: 20 Sleek and Clean #Fonts From Dafont http://bit.ly/3lhoTf
40. Designers and the Need to Get Disconnected – http://bit.ly/10MIN0 (via @mlane)
41. RT @WhiplashDesign: How to Stay Ahead of the Curve as a Designer: http://tr.im/nzcb
42. RT @mlane: The Best RSS Feeds for Designers and Developers from A to Z – http://bit.ly/WNREO
43. Keep an Inspiration Notebook to Retain Offline #Design Inspiration http://bit.ly/tE0gO
44. RT @Reencoded: 12 beautiful home page designs for Inspiration http://digg.com/d1sxz7
45. 10 Tips to Create a More Usable Web http://bit.ly/Osrxk
46. 9 Crucial UI Features of Social Media and Networking Sites http://bit.ly/IUIbM from Smashing Mag
47. How to Stay Ahead of the Curve as a Designer http://bit.ly/QQShF
48. RT @cheth: ★Blogger Labs- Free Blogger Template Generators! http://bit.ly/Yvg6h
49. Fixed vs. Fluid vs. Elastic #Website Layout: What’s The Right One For You? http://bit.ly/OqF1M (via @phaoloo)
50. 40 of the Best #Websites of Non-Profit Organizations http://bit.ly/O8RxR
51. RT @atsmith: Resources for designers by designers + http://twurl.nl/u8ufw7 (Nice!)
52. Sweet Tweets: Design Tweets of the Week #2 http://bit.ly/Xx0yQ
53. RT @designfeed: Best of the Week #67 http://bit.ly/17IgFj
54. RT @designfeed: The Ultimate #Drupal Toolbox: 150+ Themes, Plugins & Resources http://bit.ly/dAAxN (via @Arbenting)
55. RT @styletime: 29 Excellent Typography Tutorials for Designers http://bit.ly/Brk3n (via @iamkhayyam)
56. MyInkTrail, Best of the Design Community, May 2009 http://bit.ly/1318IE
57. 30 Inspiring Dark and Sleek Web Designs http://bit.ly/19rOHO
58. Web Worker Careers: Web Design http://bit.ly/13wZ8R
59. 10 Sleek and Professional #Flash Image Gallery Tutorials http://bit.ly/14fgQd
60. RT @iBlend @DannyOutlaw: 5 Strange Places to Draw Inspiration From http://tinyurl.com/ktop99
61. RT @passionsista @DesignerDepot 20 Light Minimalistic #Website #Designs: http://tinyurl.com/omnzdk (via @arnteriksen)
62. Ultimate List of 32 #Font And Typography Tools http://bit.ly/XAgam (via @creattica @MadysonDesigns)
63. The Creative Brief: Questions to Ask Before Designing a #Logo http://twurl.nl/vpcik8 (via @logocritiques)
64. 35 Amazingly Well-Designed Church Websites http://digg.com/d1sT3Q?t (via Digg) (via @jophillips)
65. RT @playgroundpilot 9 Tips For Brand Building With Web Design http://tr.im/mPyn (via @mikakiviranta)
66. The Best of Twitter – May 2009 – Creattica – http://bit.ly/CqNWN
67. Major Networks of Websites: Trends and Showcase http://bit.ly/160lzs
68. RT @phaoloo: RT @murnahan: Impressive #LEGO V8 Engine http://bit.ly/yNBo9 WOW! Off to buy legos
69. 45+ Exceptionally Useful Free Handwritten #Fonts http://bit.ly/YYd6c (via @styletime)
70. Do you Know “What is Design?” 41 Answers to One Simple Question http://bit.ly/eQiXx
71. RT @Minervity @ThemeForest: 40 Really Awesome Resources for Design #Inspiration http://bit.ly/Tghhb
72. RT @CreativeOpera RT @smashingmag: 50 Ways To Become A Better Designer – http://digg.com/d1sDa7 Huge List!

There are also several articles and posts on fonts and typography surfacing lately. SitePoint offers The Anatomy of Web Fonts which is a good article on typefaces for the web; the only drawback is the lack of discussion of scalable fonts.

The Elements of Typographic Style Applied to the Web is a companion site for the book Elements of Typographic… Both the book and site are devoted to typographic style on the web.

Mark Boulton blogged Semantic Typography: Bridging the XHTML gap – links and patterns between typographic theory and Web Standards.

The Beauty of Simplicity describes why making things simple is the new competitive advantage.

Vitaly Friedman presents 20 Best License-Free Official Fonts, an excellent round-up of 20 of the best license-free fonts.

About.com offers Top 10 Places to Find Free Images For Your Blogs

Future-proof your CSS with Conditional Comments from Bruce Lawson explains how to use conditional comments rather than CSS hacks to correctly display your pages in all browsers.

Speaking of cheat sheets, Code by Matt, has cheat sheets for Photoshop, Illustrator, CSS, PHP, Dreamweaver, htacess, and more.

Great article at 43 folders on Writing sensible email messages. 43 folders is a personal productivity blog by Merlin Mann with a lot of excellent tips!

Typesetter – oh I love this new typeface comparison tool! You can select three typefaces, sizes, colors, etc., and they will display on the screen so that you can select the best font for your web pages. Be sure to bookmark this valuable resource!

Essential List and Resources on Firefox Extensions from Lifehacker. These extensions would fall into the category of personal productivity rather than web developer. I use many of these extensions and they’re great!

The Opera web browser is now free. That’s $$$ free and ad free!

Microsoft is now offering the Internet Explorer Developer Toolbar (beta) – Here is info on the toolbar from the Microsoft site:

Overview
The IE Developer Toolbar provides several features for deeply exploring and understanding Web pages.

1. Explore and modify the document object model (DOM) of a web page.
2. Locate and select specific elements on a web page through a variety of techniques.
3. Selectively disable Internet Explorer settings.
4. View HTML object class names, ID’s, and details such as link paths, tab index values, and access keys.
5. Outline tables, table cells, images, or selected tags.
6. Validate HTML, CSS, WAI, and RSS web feed links.
7. Display image dimensions, file sizes, path information, and alternate (ALT) text.
8. Immediately resize the browser window to 800×600 or a custom size.
9. Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
10. Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
11. Display a fully featured design ruler to help accurately align objects on your pages.

We will install and check this new toolbar out in class this afternoon.

Please don’t forget to vote in the Macromedia vs. Adobe poll that’s running in the forum.

StopDesign has a new article on Zoom Layouts for accessibility.

CSS design for the future: workaround vs hacks – a discussion of hacks vs. workarounds in CSS.

Communicating error messages accessibly. This article addresses the need to write clean application errors (form validation for example).

Atomic Fonts has over 25,000 free fonts for download.

I know some of you are trying to restyle your WordPress blogs. Here is a WordPress 1.5 Theme CheatSheet.

How about another color scheme generator.

I love these Meyers-Briggs typology tests. So what are you?

Cairo helps you to find the best deal in town. Enter your zip code and the item that you’re looking to buy and Cairo will search for sales in your area for that item. It will even display a thumbnail of the newspaper ad that the item was found in. If it can’t locate the exact item, it will display similar items.

Become is search engine to help you make informed purchasing decisions. It searches buying guides, articles, forums, reviews, specs and information from across the web to help you buy the right product. This looks great for finding reviews on the digital camera or other electronic product you may be searching for.

Speaking of search engines, you can find out the latest offerings from Google at the Google Blog. If searching still has you frustrated, try my Google Search Tutorial.

CSS still have you stumped? Take a look at the Complete CSS Tutorial. – Link removed due to “dated” material.

Here is a little Div Mania for you all. Everyone who is working on the CSS unit or has completed it would benefit from reading this article.

Check out the top 100 fonts being downloaded at Dafont, another free font site.

Andy Budd’s article 10 Bad Project Warning Signs is worth reading if you’re considering freelancing.

How about creating some chrome text with Fireworks today.

WhatTheFont? allows you to submit images of fonts that you are trying to identify to a font forum where “font gurus” may be able to help to identify the font.

I have heard a lot of positive things about the Job Connections’ meetings in Danville on Saturdays. You can learn more about this networking group at their web site.

1. Gimp is a free image editor
2. Irfanview is a free image viewer that can be used to convert and optimize images
3. The Adobe Studio Exchange has all kinds of free Photoshop actions, filters, brushes, and other goodies.
4. Photofiltre is also a free image editor

I personally use BreezeBrowser to view images from my digital camera and to convert RAW images. I’ve used this program for years it’s fast and easy to use.

Have I mentioned NoNags lately? There are all kinds of great freeware applications listed at this site including graphic editors and viewers.

Simple Bits has made a Call for Typography Resources. There are a lot of resources listed in the comments.

I also have some basic scanning directions for HP and Epson scanners for today’s lecture. Special Note: In order to use the scanner in our classroom, you must ask me to login to the scanning workstation.

There is a new article on Progressive Layouts at Pro.HTML.IT. It’s hard to keep track of fixed, fluid, liquid, jello, elastic, progressive, and the other assorted CSS layouts!

YourTotalSite has a great article entitled Simple Design Tips for Non-Designers. I think there are a lot of informative articles on the site, worth adding to your RSS feeds in Sage.

Ok, now this is cool, Colr.org allows you to type in words to pick colors. Great for determining what colors you should use depending upon the mood or emotion you want to project on your site. You can also select random colors from any image that you load. This site is in progress, but it’s really neat!

Do you want to see what your web site looks like in all different browsers? Visit browsershots.org and submit your URL. This is an awesome service!

I’m sneaking this in – Part 5 of the five simple steps to better typography series is now available.

Star Wars anyone?