Skip to content

Web2Coder

My Desktop Blog News Articles Tutorials Links Forum
You are here: Home arrow Blog arrow Web 2 Design Tutorials
Web 2 Design Tutorials Print E-mail
Written by Administrator   
Saturday, 14 April 2007
Tag it:
Stumble
Delicious
Digg
feedmelinks
Reddit
YahooMyWeb
Spurl
Technorati
Here is a list of good tutorials and articles on learning the fundamental design elements for web 2.0. Mac style rounded corners, tabs, colors, drop shadows etc are all covered.
  • The Web 2.0 Design Kit by Tommy Maloney is a fantastic guide for mastering soft shadows, gradients, patterns, and of course rounded corners. Tommy is a great teacher and explains this stuff ain’t all that tough from a Photoshop design perspective.
  • Is it just me or do rounded corners make you want to spend money? Ok admit it, while nothing new rounded corners are pretty much the craze with the 2.0 web space. Design mirrors culture and one look at the consumer electronics space should illustrate that corners are hella cool. Corners can also come off like Liberace. With that in mind take a look at Schillmania’s very informative article on building More Rounded Corners with CSS. His inline dialogue boxes are very schwing.
  • Tabalicous. Zebra tables. Mountain top corners & drop shadows oh my! Alistapart gives the lowdown on everything bleeding edge relating to design and really should be in your RSS list if it already isn’t. Start in their design category.
  • Gradiants. Here is a top notch gradiant tutorial. If that is not enough here is a list of a few more.
  • Aussie designer Miles Burke has a web 2.0 color palette you can download and import straight into Photoshop. Get your pastel on.
  • Alessandro has an article on Zoom Layouts with references and code samples.
  • Max Kiesler explains why The Big Font Conspiracy isn’t actually just trendy but design smart.
  • Jakob has an interesting take on building your own web 2.0 layout. Step by step.
  • Fontshop has a decent article on The Logos of Web 2.0.
  • I have a lame penchant for cartoons in my design. I have actually lost friends over it. This is something I will eventually shake, but for now you can grab some professional and free comic fonts from blambot.
  • For inspiration you might check out: InspirationKing, cssimport, or cssbeauty.
Trackback(0)
Comments (0)Add Comment

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley

security code
Write the displayed characters


Copyright 2007. All Rights Reserved.
busy
Last Updated ( Saturday, 14 April 2007 )
 
< Prev   Next >

Login


[+]
  • Narrow screen resolution
  • Wide screen resolution
  • Auto width resolution
  • Increase font size
  • Decrease font size
  • Default font size
  • fresh color
  • hot color
  • natural color
  • dark color