Creating that Web 2.0 look?

Associate
Joined
28 Nov 2002
Posts
766
Location
Down the road
When I look at some site designs (http://publicbeta.asp.net/ for example) and see the rounded corders, the gadient headers etc. etc. I often wonder how they achive this type of look, as its something I'd like to recreate. In the above example, how would you create a 'container' such as the ones they use, with rounded corners, a gradient background for the header and a small gradient behind the top of the content text?
I first thought it may just be an image (would solve the rounded corners question), but they boxes are of differing widths, then i thought it may be CSS, or perhaps a combination of the two?

Anyone know of any good resources that show you how to create this type of WEB2.0 effect?

Thanks
 
Use Photoshop or something similar. All this stuff is done with images, except maybe the rounded corners which you can do with JS. That website isn't very nice to look at though, far too squashed.
 
Web 2.0 Checklist:

  • Overused gradients
  • Giant typeface
  • Stripes!
  • Unnecessary use of ajax
  • Compliance buttons for XHTML and CSS at a minimum
  • At least one blog
  • RSS feed for above blog
 
iCraig said:
Web 2.0 Checklist:

  • Overused gradients
  • Giant typeface
  • Stripes!
  • Unnecessary use of ajax
  • Compliance buttons for XHTML and CSS at a minimum
  • At least one blog
  • RSS feed for above blog
You forgot rounded corners on just about everything.
 
Who the hell coined Web 2.0 anyway... 2.0 implies it has replaced other version... which it hasn't.

(Rhetoric, I know it was O'Reilly... I think)
 
Needs a little work.

picture1vb4.png
 
jdickerson said:
Who the hell coined Web 2.0 anyway... 2.0 implies it has replaced other version... which it hasn't.

(Rhetoric, I know it was O'Reilly... I think)
I hate the term too, but most people knows the type of design the term implies...
 
i used to hate all the web 2.0 crap, but now i see it for what it really is, a buzz word, used by the industry to help sell their product to the less computer literate.

There obviously are not different versions to the internet, we know that, but your average business owner might not, and if you asked if they would like a "Web 1.0" application or a "Web 2.0" application, then its obvious which option they will pick.

Web 2.0 simply means the newer technologies, methods and ways of thinking, that have become popular in recent years. Things such as web standards, although they have been around for a while, have only really started to be used by mainstream companies and organizations.

web 2.0 is simply a business term, if your a web designer you should be embracing this term, and using it to your advantage, because trying to fight it is pointless, it isn't going to go away, and by being ignorant towards it will only hinder the success of your design firm.
 
punky_munky said:
O'Rielly coined the phrase and it has (had?) nothing to do with a visual style.
Exactly, web 2.0 refers to sites that are built on user generated content. Myspace, youtube, wikis etc.

Think a lot of people are mixing it up with ajax and what not.
 
Boov said:
i used to hate all the web 2.0 crap, but now i see it for what it really is, a buzz word, used by the industry to help sell their product to the less computer literate.

There obviously are not different versions to the internet, we know that, but your average business owner might not, and if you asked if they would like a "Web 1.0" application or a "Web 2.0" application, then its obvious which option they will pick.

Web 2.0 simply means the newer technologies, methods and ways of thinking, that have become popular in recent years. Things such as web standards, although they have been around for a while, have only really started to be used by mainstream companies and organizations.

web 2.0 is simply a business term, if your a web designer you should be embracing this term, and using it to your advantage, because trying to fight it is pointless, it isn't going to go away, and by being ignorant towards it will only hinder the success of your design firm.


Some excellent points there, sir. :cool:
 
not sure how behind the times i am, but check this

http://validator.w3.org/

W3's new validator, with a fresh "2.0" look and using mootools, to create a interactive yet valid web site. also what an honor for the creators of mootools to have W3 using it, wow
 
Back
Top Bottom