Web 2.0 how-to design style guide - The Diigo Meta page

• 14 Aug 14
  

  John Barbieri

  Imported

• 25 Nov 13
  

  John Atkins

  web2.0 webdesign design web css

• 27 Sep 13
  

  geoffrey90 fre

  web2.0 webdesign design web css

• 07 Aug 13
  

  Chuck Johnson

  web2.0 webdesign design web css

• 30 Dec 12
  

  Web Development

• 14 Dec 11
  

  riki haryadi

  web2.0 webdesign design web css

• 28 Sep 11
  

  Andres Z

  Bookmarks bar Web Design chrome

• 

  Fernando Richter

  webdesign design

• 27 Sep 11
  

  MPL Web

  webdesign Web2.0

• 

  Jochen Fromm

  for:maydi for:pixelqueendotnet webdev webdesign tutorial tutorials web2.0

• 

  Everton Denis

  web2.0 css

• 

  kex kox

  web2.0 delicious

• 

  David Pombar

  Analysis of Web 2.0 design style elements, why they work, how and when to use them

  Menú_Marcadores Programación Desarrollo_Web web2.0 webdesign design css web howto tutorial

• 

  florentin s

  web2.0 design

• 16 Sep 11
  

  Nik Juliani

  web2.0 webdesign design web css howto tutorial

• 01 Jul 11
  

  Steve Millen

  web2.0 webdesign design web css

• 19 May 11
  

  nici_rav

  web2.0

• 29 Jan 11
  

  laura sturman

  web2.0 design webdesign web css

• 13 Jan 11
  

  cynazem

  WEB 2.0

• 23 Dec 10
  

  Vladislav Zlobin

  design articles

• 29 Nov 10
  

  Humprey Cogay

  Web Developer Inspirations

• 08 Oct 10
  

  Alfred Waizenauer

  Web Communities web2.0

• 01 Oct 10
  

  Klaus Wiesmüller

  web2.0 tutorial webdesign

• 16 Jul 10
  

  Valerie Waid

  design

• 30 May 10
  

  dolors reig

  A set of tutorials and case studies exploring the core principles and best practice of creating effective web sites.

  diseñoweb web2.0 twine

• 02 Apr 10
  

  Ira Kaufman

  online marketing Web 2.0

• 30 Mar 10
  

  rosenbach potsdam

  tutorial: web desing

  web2.0 design webdesign web css

• 16 Mar 10
  

  Jorge Landa

  for:@twitter

• 12 Feb 10
  

  zebra404 _

  Weblog Resources Webdesign

• 21 Jan 10
  

  Rishav Dixit

  webdesign tutorial web2.0 design howto tips css

• 15 Jan 10
  

  L McLellan

  web2.0 design howto tutorial

• 14 Dec 09
  

  gomez gomez
• 03 Sep 09
  

  Caitrin Evers

  web2.0 webdesign design css howto web tip tutorial ajax accessibility color

• 24 Jul 09
  

  Luciano Ferrer

  Web 2.0 how-to design guide In this tutorial, I describe various common graphic design elements in modern web ("2.0") design style. I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use ea

  howto web2 webdesign tutorial inspiration

• 05 Jul 09
  

  Roslan Saha

  A great set of tips with many examples to show you how to design effectively.

  Bookmarks graphics programming web2.0

• 12 Jun 09
  

  Shrutarshi Basu

  A great set of tips with many examples to show you how to design effectively.

  Bookmarks graphics programming web2.0

• 21 May 09
  

  Ruslan Madzhitov

  gui

• 16 May 09
  

  Nora Clooney

  web2.0 webdesign reference

• 08 May 09
  

  Nick

  Web 2.0 design style elements listed and explained. Why Web20 design works, how and when to use web-2.0 design elements on your web page designs.

  Web Design

• 06 May 09
  

  Michael Sturgeon

  Web Design

• 04 May 09
  

  Rodrigo de Oliveira

  Descrição dos elementos gráficos de sucesso de um site "web 2.0", bem detalhado

  artigo dica gráfico how-to web2.0 webdesign from_delicious

• 13 Apr 09
  

  Christina Bentheim

  web2.0

• 27 Mar 09
  

  Oscar Illada

  Menú_Marcadores articulos_interesantes

• 19 Mar 09
  

  Igor Rog

  web2.0 design webdesign web css

• 23 Feb 09
  

  An important reference

  web2.0 webdesign style delicious

• 19 Jan 09
  

  Simon Vreeman

  Webdesign Web2.0 web css graphics usability design blog webdevelopment webdev articles tips html photoshop interface layout development inspiration resources

• 01 Dec 08
  

  web2.0 webdesign css howto tutorials

• 27 Nov 08
  

  Alexey Karguine

  web2.0

• 25 Nov 08
  

  Weblog Rock

  
  (tags: webdesign web2.0 usability guide design2.0 design)

  webdesign web2.0 usability guide design2.0 design

• 18 Nov 08
  

  Trevor Thomas

  web2.0 design

• 10 Nov 08
  

  M D

  programmazione

• 

  icy leaf

  web2.0 tutorials

• 09 Nov 08
  

  Design Educational Material

• 07 Nov 08
  

  jhayden9

  Webdesign UI

• 

  Lynn Armstrong

  CIOS246 ecommerce

• 05 Nov 08
  

  Emma Gwen

  webdesign web2.0

• 
• 03 Nov 08
  

  Barbara Grayson
• 31 Oct 08
  

  Cindy K

  Web 2.0 design style elements listed and explained. Why Web20 design works, how and when to use web-2.0 design elements on your web page designs.

  design

• 

  style design computer

• 30 Oct 08
  

  sophia diigo

  webdesign

• 29 Oct 08
  

  Isván László Bártfai

  Web2.0 webdesign

• 27 Oct 08
  

  Adam Roades

  A nicely written post about how to achieve effective web design that emulates many popular web 2.0 sites.

  webdesign web2.0 usability style design

• 24 Oct 08
  

  dotmaster

  Web 2.0 How-To design style guide tutorials tutorial webdesign web2.0 ui pick

• 

  rocbird
• 20 Oct 08
  

  netSpray Staff

  IndustryNews Resources

• 19 Oct 08
  

  Marijus Urbonas

  Computers web2.0 webdesign design css web howto tutorial

• 

  Tony Han
  • focused, clean and simple.
  • remove all unnecessary visual elements
  • the ratio of data-ink to non-data-ink.
  • not enabling communication
  • "non-data ink"
  • often what you're communicating isn't hard data, but soft information
  • whether you can communicate just as effectively with less

  5 more annotations...

• 08 Oct 08
  

  wangyizhuo

  web2.0 webdesign webdev style

• 07 Oct 08
  

  April Mains

  design webdesign

• 06 Oct 08
  

  webdev web2.0

• 03 Oct 08
  

  thomas k

  webdesign web2.0 web tutorials tutorial tips resources reference usability webdev design

• 01 Oct 08
  

  ANGEL REYES

  howto tutorial webdesign design css tips graphics diseño tutorials photoshop

• 

  Antoine Dupin
• 29 Sep 08
  

  markmorga

  web2.0 design webdev reference webdesign

• 

  Hugo Cousin

  design web20

• 24 Sep 08
  

  Taylor Sullivan

  how to design parts of websites

  • The list below is a summary of many of the common features of typical "Web 2.0" sites. 

     

      Clearly, a site doesn't need to exhibit all these features to work well, and displaying these features doesn't make a design "2.0" - or good!
  • • Simplicity
     
    • Central layout
     
    • Fewer columns
     
    • Separate top section
     
    • Solid areas of screen real-estate
     
    • Simple nav
     
    • Bold logos
     
    • Bigger text
     
    • Bold text introductions
     
    • Strong colours
     
    • Rich surfaces
     
    • Gradients
     
    • Reflections
     
    • Cute icons
     
    • Star flashes
• 23 Sep 08
  

  Tobias Boman

  Web 2.0 design style elements listed and explained. Why Web20 design works, how and when to use web-2.0 design elements on your web page designs.

  webdesign

• 22 Sep 08
  

  Anna Schneider

  how to design a website

  how-to-web2.0

  • In this tutorial, I describe various common graphic design elements in modern web ("2.0") design style. 

     

      I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs.
• 19 Sep 08
  

  tim evans
• 

  Andrew

  web2.0 howto design web tutorial

• 18 Sep 08
  

  Samantha O'Neil

  how to design the web 2.0

  web 2.0

  • "Web 2.0" design style.
• 

  pete k

  this site explains how to use web 2.0 programing

  how-to web2.0

  • Clearly, a site doesn't need to exhibit all these features to work well, and displaying these features doesn't make a design "2.0" - or good! 

     

      I've already addressed some of these factors in my introductory Current Style article. 

     
     
     
    1. Simplicity
     
    2. Central layout
     
    3. Fewer columns
     
    4. Separate top section
     
    5. Solid areas of screen real-estate
     
    6. Simple nav
     
    7. Bold logos
     
    8. Bigger text
     
    9. Bold text introductions
     
    10. Strong colours
     
    11. Rich surfaces
     
    12. Gradients
     
    13. Reflections
     
    14. Cute icons
     
    15. Star flashes
• 16 Sep 08
  

  Sathyam Karyala
• 

  Chris Brainard

  Trailfire web 2.0

• 09 Sep 08
  

  avallbona

  css webdesign design web inspiration web2.0 2.0 style

• 08 Sep 08
  

  Hound Dog

  Website Design Info

• 05 Sep 08
  

  mary canady

  web2.0 design webdesign tutorial howto delicious

• 04 Sep 08
  

  Aldo de Moor

  Web_2.0 website_development design tutorials 2start

• 

  ruechagon

  web2.0 guideline design

• 03 Sep 08
  

  Richard Vanek

  css

• 01 Sep 08
  

  elisa vecchio

  Articolo che analizza gli elementi grafici più comuni del web 2.0: spiega perché siano diventati così popolari e quali siano i loro punti forti, e perché,come e dove inseririli nei nostri progetti.
  
  

  web_design

• 31 Aug 08
  

  fazolet balancana
• 28 Aug 08
  

  Niall Lincoln

  webdev webdesign web2.0 web usability tutorials tutorial tips

• 27 Aug 08
  

  Roger U

  web2.0 web design

• 26 Aug 08
  

  s2 art

  web web2.0 CSS design websites for:pic.australia

• 25 Aug 08
  

  Frank Lerche

  web_2.0 webdesign howtos via:mento.info

• 24 Aug 08
  

  TO-READ web-design

• 19 Aug 08
  

  Ash Buckles

  bms web2.0

• 21 May 08
  

  Cécile Sow

  Web2.0 webdesign HowTo

Page Comments

• 
  Sushiil Bharti on 2006-12-25
  A very helpful guide to design CSS based layouts with ease.
  
• 
  Sushiil Bharti on 2006-12-26
  A very helpful guide to design CSS based layouts with ease.
  
• 
  Asako Yoshida on 2008-06-13
  We have to be careful not to continue trying to "manage" someone's learning with the concept like "human capital." IT is a two-sided sword that you can direct it in either way.
• 
  eshaa eshaa on 2011-05-27
  Webintel spend valueable time and resources in planning for your website, by understanding,more importantly,those of your customers.Where possible,we analyse existing data from server logs to understand current user behaviour and need gaps.This analysis is translated into measurable business objectives.
  http://www.webintel.com.au/website-design.php
  

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.