h1

2.0 Culture

February 3, 2006

Web 2.0 Design

… in a nutshell   

please use the MUCH EASIER TO READ HTML version (proof of concept itself) at:
http://www.vipedio.com/roman/blog/20culture_full.html

 

Preface:
Please, whenever I am refering to Web2.0/Ajax – I am NOT talking about the technology itself. Apparently I wasn’t able to find a proper term for that very popular design scheme appearing quite often lately in TechCrunch entries or similar reviews. It’s due to the fact that most of these “web applications” are using Ajax technology and benefit from the interconnection of web services (Web 2.0) – so that’s why I tend to call them “Web2.0/Ajax”. I think I’ll name it ”2.0Culture” for now. Right. So let’s stick to that.

In order to get attention to your brand-new 2.0Culture backed website, you need to bring up some decent “up-to-date” design with it. No, I am not talking about CSS instead of tables or suchlike. I am talking about simplicity combined with big fonts, shiny shaders and very, very strange brand names. Despite the fact that you need to do your homework learning about tags, clouds and plenty more of these catchy words – you can still be a great “new wave” designer – without being a pro 2.0Culture technology geek.

Right, let’s get it started while it’s hot.

First of all, check out these sites for a basic overview. Try to identify the major similarities between the various concepts. All of them seem to origin from the very same developer. Even though there’s no guideline (except this one here, wooho!) on that kind of design – it seems that the Bay Area is handing around some secret guide for that particular design scheme. Look here:

https://gtalkr.com/
http://www.flock.com/
http://instantdomainsearch.com/
http://www.silverorange.com/
http://www.read.io/
http://www.noodly.com/
http://instantdomainsearch.com/

As you might notice, these designs are pretty similar. But wait, the 2.0Culture has much more to show than that. This is just a small excerpt and we are going to put a particular focus on that kind of design for this article. There are millions of other sites, looking totally different while still being recognized as a “hmm, this looks like 2.0Culture” design. If you want to learn about the technology behind it, use our SanFran friend, Google.

Major MUST-DO’s:

  • Rounded Shapes
  • Shades
  • Sans Serif
  • Pastell v2.0
  • Footers
  • Buttons
  • Font-Size: Oversized
  • Descriptive HTML (XML style)

Major DO NOT’s:

  • Java Applets (Script is fine though)
  • Animated GIFs (the blinky ones)
  • 100% Flash Websites
  • Visible tables

Right, let’s get our feet wet and start right off with:

Rounded Shapes

Ok, this sort of break-boring-html-rules trend seems to have got quite a must-have nowadays. Frankly, I also prefer rounded shapes over tight rectangles. Same with women, I guess. Nevertheless, some 2.0Culture providers do still stick to the rectangle design schemes. No problem at all, have a look at writeboard.com – their editor is a rectangled interface. Nice as well. To try a “psychological” approach to this difference, I might point out these facts:

  • Rounded shapes look more inventive, younger, flexible and experimental
  • Rectangles do impress with professionality, big-business, trustworthy

So, this is my personal interpretation. Flames welcome. But take your time and think about it yourself. Check out some different designs and make your decision on what’s happening “inside yourself” while looking at them. I guess a decent interconnection between professionality and a fresh young breeze of inventive Bay Area mushrooms might be our perfect fit for this project. How do we achieve that? Simple: Combine. We got 2 solutions:

  • Use a rectangled website container and rounded shapes for interface boxes like content divs and navigation.
  • Use a rounded-shape website container and keep the content divs and navigation very straight.

It’s up to you what you prefer for your project. I do indeed like both. Though I got to say that using the second approach might be a bit easier to implement for the average web designer. You can do a simple Photoshop design for that purpose. Might take you some 15 minutes to get it done. To be honest, I think the trend is going towards a non-bordered website including lots of rounded shapes (which is the first approach then). So get ready to step up a gear and dig some more CSS guides.

I have put together a list of websites that go into detail on how to implement a rounded-shape design:

http://www.alistapart.com/articles/mountaintop/
http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-boxes.shtml
http://web-20-workgroup1-swicki.eurekster.com/rounded+corners/

So get some coffee or tea and open up the virtual books. This might take you some 30 minutes to an hour if you are new on that. But it’s worth the effort. Think of browser compatibility, it’s a tough one.

Shades

Don’t overdo with shades, but think of using them. It’s not obvious for a web designer to think of them, but users feel the difference having them around on a website. It’s not about trying to make a 3D look, but more about pushing the plain, flat designed boxes into a new dimension of visual recognizeability (is this a word?). Mostly used as a nice background for a top heading or around content boxes. Examples do the talking here:

Sans Serif (Arial, Helvetica, …)

I had to update this part of the guide due to heavy complaints about only refering to the Arial font, while Helvetica and other sans-serif fonts just do perfect as well (or better!). It’s that particular font style that’s been around for ages now. I remember a time when it was absolutely out and “nerdy” to use Arial for anything you wrote. Simply because geeks tried to seperate themselves from the every day Word Processor user, who were choosing Arial as most easily readable, besides Times New Roman. And now, wohoo, major come back. Literally Arial (and Helvetica, and similar…) has become a rule for simple, yet great looking web design. Font-Size 8 to 10 was a cool thing to do recently. Now we talking about sizes 14 and up. Not kidding. If someone asked me to design a webpage for impaired visitors I would most likely set up a 2.0Culture website. Even though it was not very popular to stick to “easy navigation and readable content” in recent days, things have changed big time by today. No more Font-Size 8 100% Flash – Please wait while pre-loading 1% – websites. I welcome that. Webdesign tends to become easy with that approach. Assuming CSS3 is really going to make things easier, of course. Remember to mark all your content with relevant terms like “headings”, “lists”, “links”, “paragraphs”. More on that further down then. Just a quick summary of this Arial rule:

  • Use a base font size for your website. And make all other fonts relative to that one (e.g. font-size: 115%). This allows users to get foxy with their mouse wheel to rotate through font-sizes – while your website still looks cool.
  • Do ALWAYS define your font-relevant settings inside a CSS file.
  • As usual: ONE FONT PER WEBPAGE is totally fine, trust me.
  • Never use more than 3 different font-sizes.

Pastell v2.0

This has been known for quite a long time now. The only addition to that is a combination of pastell colors with 100% Green, Blue or Red. Keep your website backgrounds and interface elements in Gray, White or some very light pastell colors. And now, you might be able to use a 100% Green header bar. Or (please, notice the OR, not AND) use a red navigation with white links. Go ahead and Make your download links sky-blue. It’s going to rule. But again, look around and get some first impression on how this looks at professional 2.0Culturals. This should get your started pretty quick. Just don’t overdo, that’s why you should really mind the “OR”. I think you’ll find your way through.
Check out freaky Skype on that: http://www.skype.com

Footers

It has become a must have. Footers. Most users don’t even notice them. You might have never clicked on one as well. But still, they need to be there to make a site look professional. Without them, everyone assumes you run a personal website. Believe or not, try and see yourself. Oh yes, and please, don’t ever think of making your footer stick to the bottom of the screen, behaving totally unimpressed of scrolling. That’s a no no. That’s too much geek, I’m afraid. There are two major sorts of footers, you need to decide yourself, which one is more suitable for your particular design. I have prepared two links with those two major implementations for you:

The difference:
Friendster: A centered approach, containing well aligned elements.
Del.icio.us: Gray horizontal line, left(or right)-aligned links underneath.

Buttons

Within the major trend of moving from a home-computer application interface to a hosted worldwide web based application design, also lies the origin of recent sightings of button-like navigational elements. No, I am not talking about those -go to hell- Java applet buttons. Brrr, freezing. I am talking about “image buttons”. Either rounded or stricly rectangle shaped. And mostly quite large ones as well. The number one usage of these buttons is the must-have: DOWNLOAD button. When used in site navigation, the buttons appear to be a bit smaller. And don’t forget to use Arial for captioning, I told you.
Proof-of-concept:

Font-Size: Oversized

Mhm. Right. Huge fonts. A no no no back in the days of Frontpage heros and free webspace fans a la “Look ma, I got a website!”. But times do change. Johnny Cash is dead and big fonts are back. I wish it was the other way round, but let’s get ourselves updated to 2.0 and accept oversized fonts. No big deal with that, simply remember to set up all your font settings inside your CSS file and define a base font and size, while using relative sizes after that. That’s common procedure. If you are totally uncomfortable with that, I might point you to a 2.0Culture compatible work-around:

  • Use large headings, make them stand out
  • Use medium sub-headings as a fade from large headings to normal content.
  • Use normal sized content.
  • Avoid long blocks of text then, this is crucial.
  • Try to seperate your content into medium boxes

See here: http://clipmarks.com/ or http://www.banshee-project.org/Main_Page

And for everyone comfortable with fancy oversized design:

Descriptive HTML (XML style)

Last but never least – boring rules. Stop! Not this time. This is a must must must. Leave them out and allow your website to drown in browser-compatibility wars. I hate the term, but it’s a best-fit here: KISS. Yes, keep it small and simple. If you try to get one of those very, VERY old webdesign books, teaching you on how to implement “a href” and paragraphs, lists, headings – take it serious. I remember when I read through those articles back then, thinking that this might be ok for “University professor webdesign” but not for cool – i am a geek – design issues. How wrong I was. Retro style is hot again. Not because it looks cool, but much more because it’s perfectly descriptive. Ok, in order to understand this, you might need to have done some first steps in XML to get an idea. As Jeff Bezos put it recently: Web 2.0 is making the web more readable for computers. That’s the actual reason behind. Consideration of APIs for your website HAVE TO be connected to that descriptive approach. Just imagine you were using a Web 2.0 API while having to adjust your overall design to that particular content. Uhw, ugly. Simple Web 2.0 content is made out of lists, paragraphs, HEADINGS (very important) and non-javascript links. Very simple, isn’t it. Another benefit of using this approach is a better integration into search engines. Check out SEO forums and you’ll find truth. Google loves basic websites. You are a Google hero if your website starts with simple H1-like headings. Try yourself. Don’t overdo with tables or similar. Keep it simple if you want to have 2.0Culture.

View sources of:

Great so far. I will not go into any details concerning the DONTs here. You might be able to figure it out yourself. Feel free to ask any questions you might have by e-mail: software@mittermayr.com

Roman

blog.mittermayr.com (link-credits: tc0.net)
software@mittermayr.com

About these ads

353 comments

  1. Good article. Just posted a link on my site to it.

    Thanks!!!


    • Great summary, not sure I agree with all of your opinions but each to their own. I’ve posted a response more targeted at the digg.com comments of your article on my website.

      mehri.


  2. Thanks for the backlink. I will post a follow up article soon, I might use some info from your blog, had a quick read through – looks great.


    • Great summary, not sure I agree with all of your opinions but each to their own. I’ve posted a response more targeted at the digg.com comments of your article on my website.

      Farhad Mehr.


  3. Great summary, not sure I agree with all of your opinions but each to their own. I’ve posted a response more targeted at the digg.com comments of your article on my website.


  4. 2.0Culture, fad?

    I came across a good summary of the current state of web progress (by which I mean how new sites/apps are being created) on digg today, but reading some of the digg comments I felt the need to respond.
    Many felt that the way things are going is just a …


  5. Hi, I liked the article however I thougth you were going to focus on other features of web2.0 like the easy-to-share, groupware, among others.
    Anyway, great, I added to you to my blog!


  6. Use Arial? Yeesh, I’d rather see sites focus in on supporting Lucida Grande for Mac clients and Tahoma/Segoe UI for Windows clients.

    Arial’s not a bad font, by any means, but I don’t believe it’s nearly as attractive as the aforementioned fonts.


  7. You are right Aaron, same for me. But then again, this article was meant to be an analysis of the current web 2.0 / ajax hype, and apparently they are heavily using Arial as their most favoured font. I am a big Trebuchet MS fan though. So please consider this as a reflection of today’s situation.


  8. I like this wave. I think very soon more IT people will care about such good thing as SIMPLICITY!!!

    Though I respect Georgia very much :)

    Thanks for the article.


  9. Arial is the devil. And the Firefox site doesn’t use Arial, more like Verdana or Tahoma or something along those lines.


  10. Other than “use Arial” (screw Arial, use Verdana) all of the advice is not web2.0, it’s basic good design principles from the mid to late 1990s. Duh.


  11. If you look at the CSS for most of these, they’re using Arial as a fallback only if Helvetica (and Helvetica Neue) isn’t installed. MS had Arial it designed because they didn’t want to pay to license Helvetica to ship with Windows. The two fonts have identical character widths, which makes it an easy substitution, but design-wise Arial isn’t half the classic font Helvetica is.


  12. Another site to add to the list of web 2.0 design sites is http://www.blinklist.com


  13. Good reading. [No Trackbacks here??]


  14. Interesting article. I totally agree with most of it. Some things on the list I can work and make them look professional, but whenever I try to use Arial for logos or buttons, it just ends up looking like a kid did it with mspaint.


  15. @echilon:
    You might succeed doing some aliasing with your Arial font on your logos. It’s not html though, but totally fine on a logo. Some sharp aliasing should be great looking then.


  16. [...] Leo en mittermayr.wordpress.com un interesante artículo sobre lo que debería ser el aspecto de la llamada Web 2.0. Me encanta el toque retro y ¡la proclamación de la letra Arial como la más mejor del mundo mundial! ¡Si es que nunca me habeis querido hacer caso ;-)! Y no… esto no es un tipo de letra. [...]


  17. Arial is an ugly plagiarised rip off of the glorious Helvetica type face. If you use Arial you are showing any type/design geek in the area that you don’t have a clue when it comes to typography. The only font worse than Arial is Comic Sans. Avoid it. Please


  18. lol, web design for 1.0 or 2.0 is not about constraining your site to aesthetics. your guideline is still web 1.0.

    and please, arial sucks – a freakin rip-off of helvetica. if this is your idea of the next web, then your web 2.0 is pretty boring.


  19. @sensei:
    Please, I appreciate any comment, but would you take the time to actually read through the article first and flame about afterwards? I mentioned at the very beginning that this has absolutely nothing to do with Web2.0 in it’s original, actual meaning, same for Ajax. It is just a web design trend (visual only!) that I have noticed and described on how to duplicate that. I know the deal about Web2.0 but I thought it’s boring to post a guide on what Web 2.0 IS, so I posted on a totally different topic. And concerning Arial, please read my excuse above and I have also made a clarification inside the guide. Thanks anyway for your comment. Next time, be keen enough to supply a real e-mail address, so I can answer personally.


  20. [...] Den kompletten Artikel kann man hier lesen. [...]


  21. [...] Web 2.0 Design … in a nutshell [...]


  22. You forgot a very important part of web design. Spell checking. Grammar checking would be a close second.


  23. So true! Your article hits te spot.


  24. [...] Mucho más y mejor explicado en el propio post. [...]


  25. nice article. on oswd we recently had a very similar discussion. check it out at
    http://www.oswd.org/forum/topic/id/1628
    (the login is down for maintainance now, maybe you can post later)
    maybe you could use some of it for the follow-up article. anyway, amazing article with lots of truth in it :D

    *thumbs up*


  26. Brilliant Article, truly delicious, food for thought. It’s interesting to see that the other than AJAX, the coding and the design of the sites too have a part to play.

    And you refer Sans-Serif to people? Weird I thought Verdana or Tahoma were the web 2.0 fonts.

    Cheers and bring us more and better articles..


  27. Good article, see this ironic page about web 2.0, it takes everything to the point: wankr


  28. beautiful.


  29. Your approach is just spot-on, at least I KNOW what is Web 2.0 now… not everything but all that I need to know!


  30. [...] So I work for two years on a redesign and I come up short on Web 2.0 layout. Seamus is a sad panda now. [...]


  31. Very interesting article!


  32. [...] 2.0 Culture (Web2.0 Design) Popular design themes in web2.0/AJAX websites and applications (tags: web2.0 design CSS AJAX 2.0Culture) [...]


  33. I honestly thought this was a sarcastic piece of satire.

    You really are all getting excited over nothing. I just wish this shit would die down and the real developers can pick off n00b carcasses again (like we did between 2001 and 2004)…
    :-)


  34. [...] Anyway, everyone should go and read this article. I am sick of seeing so many dated designs popping up all over the place. It is also very to find any good designers that can design websites that resemble the cool new web 2.0 style. Heck – most designers don’t even know what web 2.0 means. [...]


  35. very interesting, quite a markup


  36. [...] Web 2.0 As stated in my article about web 2.0 culture being a fad–in response to Roman Mittermayr’s post on 2.0Culture–web 2.0 is NOT DHTML. Please stop making the comparison. They share similar traits, yes, but they are also very different. DHTML was never about usability (well, not for most anyway) it was about finding new ways to annoy people with floating images, cursor trails, pop-up ads within a page (as in no new window), etc. Web 2.0 is about usability, period. People want web applications to be fast, simple and act like their desktop applications. [...]


  37. Intresting read …


  38. [...] In the meantime, check this out. [...]


  39. This an awsome article. You have been blogged on http://www.thewebdesignblog.com


  40. [...] Web 2.0 is the buzz of the internet right now, you can’t go anywhere now without hearing about it. This is a great resource for designers to get started designing in a more web 2.0 style. Rounded corners, shades and the rest. (Link found on j0n.org) « Pick color codes from websites within firefox   [...]


  41. I’m not having a stab at the article author, but why try to look so Web 2.0-ish? What would we to bland out blogs, with boring round corners and pastels? Can’t we all just opt for our own individual style, without following a formula like this? The blogosphere will end up like one big 80′s-pastel cloud without any variation in design characterics or distinctiveness. I’m glad there’s a fairly big anti-crowd to balance things.


  42. Hi, I think you are totally right. Great! – :) Susan.


  43. [...] 2.0culture: una entrada en el blog Naked IT que versa sobre esas caractersticas (de diseo y estilo) que comparten aquellos sitios reconocidos como parte de la llamada "Web 2.0". Interesante para los bloggers que quieren estar a la moda ;) (este si creo que fue va del.icio.us) [...]


  44. [...] Web 2.0 design I absolutely love digg’s series of Web 2.0 design posts. Besides the fun that has been made over these sites, their fresh look is definitely welcomed and let’s face it – they look far better than usual ones. [...]


  45. [...] ——— This is a good guide on Web 2.0: Naked IT – Web 2.0 Design… in a nutshell [...]


  46. [...] Anyway, the site iteself isn’t great at the moment and there’s not much there at all in terms of content. I’ve just been messing about with gradients and other various tricks. [...]


  47. [...] Web 2.0 Design in a nutshell 02/06 19:58, 2006 [...]


  48. [...] Naked IT » Blog Archive » 2.0 Culture (tags: Tech WebDesign Web2.0 Guide) [...]


  49. [...] Naked IT » Blog Archive » 2.0 Culture t’s due to the fact that most of these “web applications” are using Ajax technology and benefit from the interconnection of web services (Web 2.0) – so that’s why I tend to call them “Web2.0/Ajax”. I think I’ll name it ”2.0Culture” for (tags: Tech Web2.0 Guide Design AJAX) [...]


  50. [...] Naked IT » Blog Archive » 2.0 Culture [...]


  51. [...] 2.0 Culture 一般 web 2.0 網站的版面設計特點 [...]


  52. superb article, submitted to digg.


  53. Great article mate! Keep up the good work!


  54. this is more stupid than the first time i read it, in its original incarnation – http://forum.deviantart.com/community/programming/586729/

    the internet appears to be populated with misguided fools, lately.


  55. [...] Web 2.0 Design … in a nutshell – A good indepth post on how to design a Web 2.0 site. [...]


  56. I only use webdings for my Web2.0 sites.


  57. Great item, really interesing


  58. You should also have in mind that footers are for psychological use. If user sees it, he knows that the page is loaded. If there is no footer, the user might get the feeling that the page did not fully loaded and something is wrong (many times pages are “cut” because of the bandwidth or inproper use os js).


  59. [...] read more | digg story [...]


  60. Interesting read. Keep up the good work!


    http://www.wirah.com


  61. Your font color in this article is horribly bright. It’s harder for me to read it using a typical small LCD monitor. I keep seeing these light-grey fonts on white background on the web nowadays, and it’s quite annoying.


  62. A lot of interesting info.

    Steve
    Cisco Networking Forum
    http://www.networking-forum.com


  63. [...] read more | digg story • • • [...]


  64. i love the smilie in the bottom left corner


  65. We just launched a small site trying to be “Web 2.0″ and we followed most of these tips. They definitely lead to a much cleaner design as opposed to what we had earlier.


  66. [...] read more | digg story [...]


  67. Jsut thought i would point out Natwest’s web site… http://www.natwest.com it makes good use of rounded buttons.


  68. Two comments:

    1. This comes off as half-baked because it hasn’t been proofread for grammar, spelling, or usage problems, all of which abound throughout the article.

    2. In advocating such specific mimicry of a preconfigured aesthetic, you display a startling lack of understanding of what constitutes good design.

    Your advice will suit a talentless web 2.0 lackey well. I hope serious designers and students of design don’t pay this much mind though. It’s so formulaic and stale, and not based on sound design principles.


  69. [...] Here is a tounge-in-cheek look at what makes up current web 2.0 designs. Everything from Oversized Sans Serif font, to Pastel gradients and Rounded Shapes is covered in this guide. [...]


  70. I’m going to call the “Web 2.0″ style – thin lines, underweight sans-serif, sparse layouts and formulaic logos? I’m going to call it “Ikea.”

    “Let’s Ikea up this site. The linkswarms and anigif bullets have got to go.”


  71. In regards to the “Descriptive HTML (XML style)”, I think it’s unfair to attribute semantic markup to 2.0Culture. It’s just common sense good web development practice. Some of us have been doing it for years.

    Same goes for well defined navigation UI, clear headings and text larger than 10px even footers!!!


  72. [...] Este artculo, titulado “La cultura del 2.0″, trata de reflejar que elementos debe tener una web, para considerarse 2.0, desde el punto de vista del diseo: esquinas redondeadas, tipografas, diseo de los botones…etc. Un sinfn de cosas para leer, ver algunos ejemplos, quedarte con las cosas que te gustan, y luego disear como te d la gana. Por cierto, que despus de leer el artculo, y luego echarle un vistazo al rediseo de este blog, creo que la nueva versin de gootish la englobaremos en web 1.5. Eso s, web 1.5 beta. [...]


  73. Nice, a good overview of the web2.0 trend… although perhaps you could have gone into more detail about coding standards (w3c validating code?), accessibility and the like. Web2.0 might seem cool at the moment but I believe that it is already being overdone and designers will need to find new ways to express themselves and need to innovate to stand out from the herd?


  74. [...] Naked IT » Blog Archive » 2.0 Culture Breaks down the current wave of website design. Covers every element of a site from colors to fonts. (tags: design blog web2.0 css html xhtml) [...]


  75. [...] read more | digg story [...]


  76. [...] Naked IT » Blog Archive » 2.0 Culture Making your site LOOK like a Web2.0 site. (tags: ajax design inspiration web2.0) [...]


  77. [...] Naked IT » Blog Archive » 2.0 Culture [...]


  78. Good article. I took it as half tounge in cheek, though I’m not sure it was intended – i.e. pointing out trends in current (2.0) web design, but also poking fun at them. Which I think is a great approach to the deisgn – here is the current trend, but remember it’s just the current trend. This too will pass. Execept the XML style coding – that should be taken seriously.


  79. [...] http://mittermayr.wordpress.com publicējis interesantu viedokli par to, kapēc lietot nevis Web2.0, bet gan 2.0. Culture nosaukumus, lai apzīmētu visas jaunās  “2.0″ interneta tehnoloģijas. Tomēr vizuālit  tās ir sekojošas lietas: [...]


  80. [...] TechCrunch » Skype + Outlook = Skylooklunamoth 3rd ~ 태터툴즈 FeedBurner 플러그인, RSS 구독자 통계@hof 블로그 » Blog Archive » del.icio.us에 개인북마크 기능 추가Naked IT » Blog Archive » 2.0 CultureHow To Create A RSS Feed From Any Web Page – Robin Good’s Latest News [...]


  81. [...] Web 2.0 Design(PDF) Naked IT- Rounded Shapes, Shades, Sans Serif, Pastell v2.0, Footers, Buttons, Font-Size: Oversized, Descriptive HTML (XML style) [...]


  82. [...] Have you been hearing all of this talk about Web2.0 and wondered what it’s all about?  Oreilly has a really good article on what Is Web 2.0.  Two other interesting articles that I found, Web 2.0 Design in a nutshell  and Building your very own web2.0 layout, focus mainly on Web 2.0 design. [...]


  83. [...] Blog Archive – 2.0 Culture Tagged as: blog design web [...]


  84. [...] His Daily Sucker page led me to a post on how to look like a Web2.0 site. The Web 2.0 generator was fun, as was the web 2.0 Logos , and the strange similarity in fonts that they all use. Reinforced at Naked IT where they also comment on the rounded shapes and shading they have in common. [...]


  85. [...] Web 2.0 Design in a nutshell 02/06 19:58, 2006 [...]


  86. Excellent read. Someone actually find the time to put all these together. Truly admirable effort. Had posted it on my BLOG.


  87. [...] I like sites with an effective use of a very small amout of colors, but I refused to use that neon green that all Web 2.0 sites seem to love.  So, you get orange.  Deal with it.  Now, I’m off to do a sudoku puzzle and fall asleep. [...]


  88. [...] Et bud på web 2.0 er, at det er en række designprincipper bestående af store skriftstørrelser, pastelfarver og runde hjørner og meget mere, denne artikel har en god oversigt over hvad web 2.0 design blandt andet er: Web 2.0 Design… in a nutshell [...]


  89. [...] Naked IT � Blog Archive � 2.0 Culture: “simplicity combined with big fonts, shiny shaders and very, very strange brand names.” [...]


  90. [...] I kind of like the look of the newer Web 2.0 sites. I found an article on Web 2.0 site design, and I think I’m going to try and convert my website to have more of that type of look and feel. I’m already using CSS (Cascading Style Sheets), which will help, and I’ve added my first bit of DHTML (Dynamic HTML) code to the site. If you’re wondering what I’ve added, it’s the menu on the left hand side. Notice how when you mouse over it the button grows darker, then lighter when you mouse away from it? That’s all DHTML. I must say, it is a lot cleaner then my old menu. [...]


  91. Roman, that’s one of the best posts on summarizing “common sense” web design standards I’ve read in a fair old while … nuff respect!

    And for those of you moaning at Roman about “Arial’s a ripoff of Helvetica” – he knows … we ALL know … but unless Microsoft start shipping Vista with it or includes it as a download from their website, Arial it is!

    There’s no point trying to use a font, that 90% of visitors probably won’t have on their system!

    Don’t flame Roman, moan at Microsoft … why a multi-billion dollar company couldn’t/wouldn’t pay the license to use it I’ll never understand …

    Just my 2 cents

    Adam


  92. Mba degree program


  93. [...] No I’m not talking about the technology. Forget AJAX.. forget the new cool applications and everything. I’m just talking about the look. One author coined the term “2.0 Culture”. [...]


  94. [...] for yourself: No Comments so far Leave a comment RSS feed for comments on this post. TrackBack URI Leave a comment Line and paragraph breaks automatic, e-mail address never displayed, HTMLallowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> [...]


  95. [...] That’s all fine.  I like clean and neat, but I get the impression that all Web 2.0 desginers are reading from the same book.  Why does all design need to be the same to achieve usability and functionality.  Don’t get me wrong, there are aspects to this school of design that I like.  Some significant improvements have been made to the old school text-link farms.  [...]


  96. [...] You can read more about current web design trends at the Naked IT blog and a good list of examples can be seen at the Webdesignfromscratch site. I am going to try and follow these current design themes when we get into re-doing the template a little later in the series. [...]


  97. fds


  98. Wow nice blogs keep up the good work

    Artur,
    http://shrooms-that-grow-on-dung.easymushrooms.com


  99. VERY usefull.
    Finally I know everything about the 2.0 term :)


  100. Yesh! this’s totally cool


  101. All the lyrics you want at http://www.lyricshunt.com


  102. hi


  103. The trends of web design has changed drastically, but I think Web 2.0 actually has a promising future.

    But then again, most Web 2.0 sites are less usable then they are minimalistic.


  104. This article really helped!


  105. Web 2.0 Design Competition now live at:
    http://www.veetro.com/Competition.aspx


  106. I saw that you have a page that discusses patent-related resources at http://mittermayr.wordpress.com/2006/02/03/20-culture/. I wanted to suggest adding http://www.freepatentsonline.com to the page. This web site has free PDF downloading (instead of having to page through TIFFs like at the US PTO). It is by far the best free patent searching site.


  107. Wow, this is the best web2.0 transition article i have read. thx a lot.


  108. hello, nice blog and info, enjoyed the read and got good help from some of this. thanks.


  109. [...] Web 2.0 Design. [...]


  110. Thanks for the design info on web 2.0 sites. I think that the css styling is the difficult part of designing a web 2.0 site.


  111. FRAMETASTIC does a wonderful job in rearranging a web 2.0 layout. Search for it at google. ;)


  112. Love the ajax style.


  113. It’s a new way of thinking for the web as a different medium.I think web need to put behind the properties of it’s ancessester medium print and took a fully functionel new face both in the usability and look.The terms like ‘page’ should go …although it is getting improving like in wml card and duck .It’s not a shift in the word but shift in the world.All these kind of efferts are towards that direction .Great intention. all the best and thanks


  114. Great piece – you are so right that keeping it simple is the best approach.


  115. I’ve got a question for you. This guideline and another that I found by Ben Hunt both make totally on-point observations. But here’s my pickle: WHERE can one go about finding designers who are adept at this new school of design? These aren’t content-heavy sites, so the search results suck. What should I do?


  116. (ps your advice is greatly appreciated) thanks…


  117. Nice work. I’d like to see where you could take this with some considerations about the markup itself, and also the relation of the content within the code for search engine friendliness. I think there are some important points to be noted there.


  118. [...] We’ve become very familiar with the various design techniques that make up the “Web 2.0 Design Style”. Rounded corners, excessive use of gradients, over-sized icons and type, image reflections, and the like are now so popular that articles list these design techniques as essential for joining Web 2.0 revolution. These trends are so well identified and dissected that you can even type your name into the Web 2.0 logo generator to attain Web 2.0 flair without any knowledge of design at all. [...]


  119. Buon luogo, congratulazioni, il mio amico!


  120. [...] For more web 2.0 design criteria, knowledge and tutorial, you can have a look here, here and here. [...]


  121. [...] Die folgenden Links sind schon etwas älter, aber da ich zu Beginn des Web 2.0-Buches sage, dass das Web 2.0 nicht einfach nur ein Redesign ist, möchte ich dem Leser nicht vorenthalten, dass es auch eine andere Meinung gibt, wie Web 2.0-Seiten eigentlich auszusehen haben. Ich bin immer noch der Meinung, dass man eine Seite der Web 2.0-Bewegung zugehörig einstufen kann, auch wenn sie nichts davon befolgt. Auch Tim O’Reilly betont, dass es verschiedene Eigenschaften sind, die Web 2.0 ausmachen, abgerundete Ecken sind nicht in seiner Aufzählung zu finden. Wer nicht zu viel Zeit verschwenden möchte, der nutzt gleich den Web 2.0 Logo Creator. [...]


  122. [...] web 2.0 culture [...]


  123. Maybe it aint as practical or ground-breaking as many people think cause it does use a lot of old trends, but then again, we live in a retro trending market, usually what was hot 10 years ago just went thru the microwave yestarday and just got hot again.

    The people from Apple are known to use the best design trends available for their image marketing, and the use “culture 2.0″, so it might not be a big deal but, if it gets the job done and looks nice, why criticize it? just go with the flow… If you people out there just think that its crap, create something to adapt it and evolve it into something as usefull but better.

    “criticism is the worst weapon of mass destruction of ideas when it comes from people not willing to make things change for the better”


  124. Is very interesting http://portaldiscount.com/national-city-mortgage/


  125. Excellent tongue-in-cheek article. But you forgot to mention one of the most common hallmarks of 2.0 design: Piss Yellow AJAX Highlighting.


  126. haiii… i just wanna ask u all about something..
    is anyone know how to change admin password without theri premission.. plzz email me ok… thanks..


  127. haiii… i just wanna ask u all about something..
    is anyone know how to change admin password without theri premission.. plzz email me ok… thanks..

    pitmanto@gmail.com


  128. Article was fantastic and very helpful for our under going web design progjects.
    Thank You

    -Sania
    http://www.logo-brands.com


  129. Very useful article! thanks!


  130. Hey guys, this message board software this website runs on, is it something i can buy for my own website or is it propriatary?

    The Dermacia Dude


  131. Great article. Passed it onto some of the [overseas] designers who have yet to get it.


  132. INSANE INCOME … $300-$1000/DAILY
    $13,958 A WEEK!

    This Software is Making Us Rich!
    God’s Honest Truth http://www.everydaycashonline.com

    If you are tired of not making money on the Net
    and want somthing that really works, then go to:
    http://www.everydaycashonline.com


  133. Get a free gift here: http://www.Toys4Free.com/23849

    This page explains everything and includes proof pictures!


  134. [...] uit zijn lijstje en  vond een site die toch wel alle puntjes van de web 2.0 mooi afloopt. Op  http://mittermayr.wordpress.com/2006/02/03/20-culture/ vind je duidelijke info over waar je je aan moet houden, wat belangrijk is en wat je zeker niet mag [...]


  135. Welcome to the bhttp://bballworld.info


  136. [...] Web 2.0 Design… in a nutshell http://mittermayr.wordpress.com/2006/02/03/20-culture/ [...]


  137. [...] to the new era of Internet Computing !!! You may want to read a nice article on web2.0 culture here. My current Web 2.0 favorites: netvibes, Money [...]


  138. Very informative onb web2.0

    sanjo


  139. Excellent article! I think its such a great thing to define ‘styles’ so every site can look the same! fantastic! Im all for uniformity! I certainly dont think design should reflect content, it should just be a pre defined look, preferably whatever look is popular right now!

    As a designer myself I have no interest in doing original work, or producing design the old fashioned way – that is to extrapolate strategic requirements then form a visual language that best fulfills those requirements. I would much rather just copy whatever everyone else is doing!


  140. hi… welcome to my blog…tnx


  141. hi… welcome to my blog..tnx


  142. Pretty nice site, wants to see much more on it! :)


  143. [...] designer – without being a pro 2.0Culture technology geek. Read the rest of the article:  http://mittermayr.wordpress.com/2006/02/03/20-culture/ —————– March 21st 2007 Posted to Julians Thoughts, [...]


  144. nice article


  145. Re: Flunky

    I agree, let’s all down tools and just buy some of those free, off the shelf, ready made templates. That way we can spend less time solving problems creatively and more time picking fleas off each other.


  146. [...] 2.0 Culture indeholder: [...]


  147. [...] This is a fun and interesting read on current Web 2.0 design trends. 2.0 Culture « Naked IT [...]


  148. I really liked the simple approach the SalaryBase guys took to support as simple usable web site as possible


  149. [...] on social design Web 2.0 Design Kit Web 2.0 Design in a nutshell Web 2.0 design tutorials What is web 2.0 – o’reilly Web 2.0 design zen Web 2.0 for Designers [...]


  150. Hi Y’all
    I bet you have never seen WordPress used for ecommerce. I run a flower delviery business in Thailand and i made this web site Thailand Flower Delviery for free using wordpress. You can easily modify the blog function for adding products…. for anyone interested i can give you a free tool to make all the html for the products (from excel spreadsheet) autumatically!!
    Perhaps you would give me a link from your site for orniginality!


  151. Gee that’s a useful article – thanks.
    You guys at this level of expertise might also like to know about Portal Feeder (if you don’t already!) which is about to admit a few more members shortly. By registering to be notified, you’ll also receive a complementary copy of Orwell, a 14,000 user, free content finder (by keyword).
    The url is to a blog which briefly outlines some of the power of the system. Be sure to see the video for a good overview.
    Feel free to ask any questions. I’ll be happy to help.


  152. test


  153. [...] Web 2.0 Design in a nutshell [...]


  154. Good Work. Thanks.


  155. Good job, thanks =)


  156. fishing, lures, rods, reels

    great fishing site


  157. Pets Wholesale Pet Supply

    nice site…


  158. Wedding Wedding in Vegas

    nice site…


  159. Chocolate

    nice site…


  160. Carpet Cleaners

    nice site…


  161. Cleaning

    nice site…


  162. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  163. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  164. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  165. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  166. Men Health,Health Spa

    Great site and interesting commentary


  167. used computers monitors,laptop vs desktop computers,ratings for laptop computers ibm dell

    Great site and interesting commentary.Love It.


  168. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  169. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  170. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  171. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  172. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  173. travel, vacations, trips, get aways

    Very informatie article. Thank you for providing this information.


  174. Yahoo Domain Name Usb Laptops

    nice site…


  175. Yahoo Domain Name Usb Laptops

    nice site…


  176. Yahoo Domain Name Usb Laptops

    nice site…


  177. american history, general information, general resources

    Nice site with good info!


  178. american life, general information, general resources

    Just found your site. Will definitely come back soon!


  179. american life, general information, general resources

    This is a site I\\\’ll most definitely come back to visit again!


  180. american history, general information, general resources

    Like your site! Got it bookmarked. Have a nice day!


  181. american life, general information, general resources

    Hope you don\\\’t mind my bookmarking your site!


  182. american life, general information, general resources

    Nice looking site you have!


  183. americans, general information, general resources

    Your site sure got some useful information!


  184. americans, general information, general resources

    Excellent site!


  185. americans, general information, general resources

    I will recommend your site to my friends definitely.


  186. americans, general information, general resources

    I like how you link your pages together.


  187. americans, general information, general resources

    I like how your site looks. Keep it up!


  188. american history, general information, general resources

    Keep up the good work!


  189. world history, general information, general resources

    Looks like you\\\’ve put a lot of hard work into your site. It shows!


  190. american history, general information, general resources

    Looking at your site makes me wish I had started one like it….maybe I will now!


  191. american history, general information, general resources

    What a well-organized site! Something I could learn from…


  192. world history, general information, general resources

    Nice site graphics!


  193. world history, general information, general resources

    You provide only good and useful info. Thanks for that!


  194. world history, general information, general resources

    Wished there were more sites like this around!


  195. world history, general information, general resources

    Fantastic website you have! Have yourself a wonderful day!


  196. world history, general information, general resources

    Glad to be here for the first time. Will certainly check back soon.


  197. adventures, general information, general resources

    Looks like a well-maintained site that\\\’s worth bookmarking.


  198. adventures, general information, general resources

    Here I am visiting your website…please visit mine too if you have a minute.


  199. adventures, general information, general resources

    Wow this site is getting more and more visitors!


  200. My Keyword1 My Keyword2

    Thank you for posting this stuff.


  201. adventures, general information, general resources

    What a nice bunch of people! I like this place!


  202. american history, general information, general resources

    More posts like the one above would be greatly appreciated.


  203. american life, general information, general resources

    Talk about useful information!


  204. american life, general information, general resources

    I would have liked to have found this site 2 months ago!


  205. american life, general information, general resources

    This is a site I\\\’ll most definitely come back to visit again!


  206. americans, general information, general resources

    Like your site! Got it bookmarked. Have a nice day!


  207. americans, general information, general resources

    Hope you don\\\’t mind my bookmarking your site!


  208. americans, general information, general resources

    Nice looking site you have!


  209. americans, general information, general resources

    Your site sure got some useful information!


  210. americans, general information, general resources

    Excellent site!


  211. american history, general information, general resources

    I will recommend your site to my friends definitely.


  212. world history, general information, general resources

    I like how you link your pages together.


  213. american history, general information, general resources

    I like how your site looks. Keep it up!


  214. american history, general information, general resources

    Keep up the good work!


  215. world history, general information, general resources

    Looks like you\\\’ve put a lot of hard work into your site. It shows!


  216. world history, general information, general resources

    Looking at your site makes me wish I had started one like it….maybe I will now!


  217. world history, general information, general resources

    What a well-organized site! Something I could learn from…


  218. world history, general information, general resources

    Nice site graphics!


  219. world history, general information, general resources

    You provide only good and useful info. Thanks for that!


  220. adventures, general information, general resources

    Wished there were more sites like this around!


  221. adventures, general information, general resources

    Fantastic website you have! Have yourself a wonderful day!


  222. adventures, general information, general resources

    Glad to be here for the first time. Will certainly check back soon.


  223. adventures, general information, general resources

    Looks like a well-maintained site that\\\’s worth bookmarking.


  224. american history, general information, general resources

    Here I am visiting your website…please visit mine too if you have a minute.


  225. american life, general information, general resources

    Wow this site is getting more and more visitors!


  226. american life, general information, general resources

    What a nice bunch of people! I like this place!


  227. americans, general information, general resources

    Wow this site is getting more and more visitors!


  228. americans, general information, general resources

    What a nice bunch of people! I like this place!


  229. americans, general information, general resources

    More posts like the one above would be greatly appreciated.


  230. americans, general information, general resources

    Talk about useful information!


  231. americans, general information, general resources

    I will recommend your site to my friends definitely.


  232. health acne rosacea skincare

    This is greate site with lots of useful info


  233. health acne rosacea skincare

    great site love the info presented.


  234. tattoos henna temporary tattoos

    great site love the info presented.


  235. music, humor, education

    Love the post, I learned something today


  236. thank you very much … good description, very useful


  237. a4qZ0G amklvfmkasldfvmcla


  238. ySj544 bhsdrjkvbfjksbhfsvkbdhfkv


  239. Adorei o blog de vcs!!! Se puderem visitar meu site sobre regressão e terapia de vidas passadas ,ficarei muito grato!!! http://www.espacoauryn.com . abraços


  240. [...] 2.0 Culture by Naked IT [...]


  241. [...] magazine 2.0 culture webdesign from [...]


  242. [...] 2.0 Culture [...]


  243. […] Naked IT » Blog Archive » 2.0 Culture t’s due to the fact that most of these “web applications” are using Ajax technology and benefit from the interconnection of web services (Web 2.0) – so that’s why I tend to call them “Web2.0/Ajax”. I think I’ll name it ”2.0Culture” for (tags: Tech Web2.0 Guide Design AJAX) […]

    […] Naked IT » Blog Archive » 2.0 Culture t’s due to the fact that most of these “web applications” are using Ajax technology and benefit from the interconnection of web services (Web 2.0) – so that’s why I tend to call them “Web2.0/Ajax”. I think I’ll name it ”2.0Culture” for (tags: Tech Web2.0 Guide Design AJAX) […]

    […] Naked IT » Blog Archive » 2.0 Culture t’s due to the fact that most of these “web applications” are using Ajax technology and benefit from the interconnection of web services (Web 2.0) – so that’s why I tend to call them “Web2.0/Ajax”. I think I’ll name it ”2.0Culture” for (tags: Tech Web2.0 Guide Design AJAX)
    […] Naked IT » Blog Archive » 2.0 Culture t’s due to the fact that most of these “web applications” are using Ajax technology and benefit from the interconnection of web services (Web 2.0) – so that’s why I tend to call them “Web2.0/Ajax”. I think I’ll name it ”2.0Culture” for (tags: Tech Web2.0 Guide Design AJAX) […]
    http://www.3rbtime.com


  244. Hi.. cool blog.. I was wondering if you would consider allowing me to add your blog feed to my news section on my webmaster website . I realise that not all of your posts are strictly webmaster related but ive written a script to only show posts containing certain keywords so theres no need to worry. Anyway, like i said.. cool blog.. some interesting stuff.. thanks


  245. Hola faretaste
    mekodinosad


  246. This is my first post
    just saying HI


  247. [...] web 2.0 always means rounded-corner, oversized text, reflection, gradients and so on? Read about Web 2.0 Design in a nutshell by Roman and watch the slide show of Designing for Web 2.0: The Visual Ecosystem by Luke [...]


  248. Its wonderful, Good Luck!


  249. [...] Web 2.0 Design in a nutshell [...]


  250. ya bcp des java script la http://www.vala.c.la


  251. I agree, well said. Very good website.


  252. hello


  253. An excellent article. The only thing which would have made it better is some illustrations of Web 2.0 design styles (eg: large fonts, rounded corners, etc.) This would have made it much easier to navigate than having to go away from this page and come back to read more.

    But thank-you! I will be posting about this on my blog as I’m sure my readers will also appreciate this simple and well thought out explanation of the xurrent style trend in web design.


  254. Brilliant Article, truly delicious, food for thought. It’s interesting to see that the other than AJAX, the coding and the design of the sites too have a part to play.

    And you refer Sans-Serif to people? Weird I thought Verdana or Tahoma were the web 2.0 fonts.

    Cheers and bring us more and better articles..


  255. I have developed a blogging website using PHP that is actually a Bangla Blog which covers lots of features of Web 2.0. But I cant figure it out, which key parts of Web 2.0 it have. Can you figure it out?


  256. Love you article.
    LP


  257. very good and informational article, looking for more articles about web 2.0 …


  258. thank u bro, very interesting information [url=http://www.herba.biz/hornefors/modules.php?name=Forums


  259. Hello everyone!
    Today I just found this FREE HOST with:

    - 250 MB of Disk Space
    - 100 GB Bandwidth
    - Your own domain hosting
    - cPanel Control panel
    - Over 500 website templates ready for download
    - Free POP3 Email Box and Webmail access
    - FTP and Web based File Manager
    - PHP, MySQL, Perl, CGI, Ruby.
    - No Ads at all !

    Check it out Here: http://freehosting.sakukita.com


  260. This is a fantastic site and will enhance the experience of all visitors.When you have time you can submit your articles to my directory to start building those crucial baklinks in order to increase your pagerank. You can also submit to http://www.articlesdynamic.com. Your article will be approved in 24 hrs. Good luck and keep it coming.


  261. I see that you have a page that discusses patent-related resources at http://mittermayr.wordpress.com/2006/02/03/20-culture/. I recommend adding http://www.wikipatents.com to the page. WikiPatents has the largest database of patents open for public comment on the internet, allows PDF downloading of patents, free patent translation into multiple languages, and additional information and resources. It is the best free patent site on the web.

    Have a nice day,

    Jamie


  262. good article, not sure I agree with all of your opinions but each to their own.


  263. Great summary


  264. Nice article. Good to read. Thanks


  265. Webdesign is constantly changing as people and the technology changes as a designer at webdesign leeds we often have to reconsider a strategy for the next generation of surfers.


  266. The 2.0 platform is very popular and is used by many marketers to promote anything and everything, there are some really good blogs on these as is this one and the singen476 blog, some of the big ones eg Facebook has the capacity to reach millions of people so it is a very viable alternative to ads and promotions, if you can get something viral on this platform literally millions of people will see it and pass it on. Big potential.


  267. godd artlice but css3 !!!


  268. good artlice but css3 !!!





  269. Great List of information. I think this thing will get more confusing and complicated in future. It is very heard to keep up to date yourself know a days.


  270. Hello,
    I am Ashish functioning with Rapidsoft Technologies in business development. We are a custom software development company and a Microsoft certified partners. Our main focus areas of functioning are social networking, Web 2.0 space, development of mobile apps on all platforms and all other IT related services.

    One of our recent developments in web 2.0 is http://www.JamNow.com. JamNow is built on the idea of creative collaboration where music, the internet and social networking converge to allow musicians and enthusiasts to create audio contents online and broadcast them real-time. It combines social networking with real-time multi-media streaming over the internet and instant messaging technologies.

    We are looking for fresh business alliances and new ideas to increase our horizon. We have good presence in US and Canada with most of our clients from the region. We are also working on number of projects and would also like to explore any scope of working together.

    We have recently launched our social networking software package as a free trial. The architecture of the software is completely customizable and you can own this software the way you want. With this software you can own your own social networking site which many of us dream about with so many features and flexibility into it. You will own the site and control your complete network as you wish. You can change the look and feel with the extra themes integrated to the site, can rebrand it (may be after your name), can manage your advertisements in the ad section, can also add any third party application to it and many more.

    You can download the free trial using the link: http://v1.rapidsnet.com. We have also decided to give away special discount on the actual cost of this software as an early bird for the first 100 users who register with us for the free trial and later become our registered user.

    I’d also be interested to work with you on any of your present or future outsourcing requirement. Please feel free to contact me for any further clarification from my end. I will look forward to your response and to work with you very soon.

    Warm Regards,
    Ashish Kumar
    Business Development
    http://www.rapidsofttecnologies.com


  271. Patent Retriever http://www.patentretriever.com lets people download patents in PDF for free. Its a simple and easy to use web site and requires no registration beforehand and doesn’t insert logos into the PDF pages.

    I use it all the time, and you should try it out next time you want a patent PDF without paying any money.


  272. Ive been working on CSS based sites for sometime but still get the odd error in firefox ! wish they just played ball the same when designing, would make life a whole lot easier for everyone involved… but then that would be to simple and obvious…lol


  273. Thanks for the post


  274. [...] Web 2.0 Design in a nutshell [...]


  275. Web 2.0 is passe. Web 3.0 please ;-) Go Social


  276. Nice article!


  277. [...] kind of like the look of the newer Web 2.0 sites. I found an article on Web 2.0 site design, and I think I’m going to try and convert my website to have more of [...]


  278. Custom Application Development

    http://www.xetatech.com/


  279. Freelance Web Designer in Delhi

    http://www.websolutioncentre.com/


  280. hi all. Reveal not every secret you have to a friend, for how can you tell but that friend may hereafter become an enemy. And bring not all mischief you are able to upon an enemy, for he may one day become your friend.
    I am from Ukraine and learning to read in English, please tell me whether I wrote the following sentence: “Having read a lot of resumes over the years, jeffrey nails it in his post how to write a bad resume.”

    Thank :p Floyd.


  281. It’s a great blog,I am impressed by your writing style.
    Thanks.


  282. its a wonderfull coleection thanks thanks alot


  283. Excuse me, but shall we now hear of Web 2.0 from the elders’ perspective? The author of this fine blog entry sure does hold the Right Idea in common with myself, as I see from the vipedio.com link at the head of their article. But the explicit demo apparently does not make its way into their otherwise highly instructional and human-compassionate body text on down the line. The point is swamped right out, I find.

    I think it is time to separate the Real Life Values from the SpongeBob® cartoon foolishness here and now. Two years into the 2.0cultureshock, I am becoming pissed.

    People, all the 2.0culture effects can be very nice and impressive. The article provides some really decent design tips. But why oh WHY is it that every criking Web2.0 site on Earth’s “clouds” provides the main meal (the body text, that is) exclusively in a nastily luminance-diluted and utterly watered-down pastel LOW CONTRAST manner?

    People, I and many others of the prior generation – you know, the one that who pioneered the Web1.0 that you newcomer kids with all your fancy trained-by-college vocational degrees all now take for granted and have come out to improve upon with your 2.0culture schlock, are now over fifty years young. Our bodies are slowing down, so we drink less coffee and eat less fat than you hollow-legged office-lurkin’ young’uns.

    But these superior time/resource efficiencies and related mature-soul improvements in our experienced bodily operations are offset by one horrid 2.0culture reality:

    GREY BODY TEXT EVERYWHERE! KIDS, THAT SUCKS!

    You youngsters have apparently decided that it is a Really Neat Thing to grey your page body text right out to near-subliminal intensity on the page background. Right out to the point that we elders, whose aging eyes have seen so much change and even a little improvement in this wicked-ized youth-cultural world just cannot any longer, without major needless effort on our own tech-savvy part, even read most of what you write!

    This is so even with that nice big 2.0culturized sans-serif font sizing

    Fact: On most 2.0culture sites, I find I must highlight the entire page to read the pastel content at all. A click+drag often (but not always) makes for an ugly though readably high-contrast workaround. Click+control-A also does the trick, albeit in a VERY ugly manner indeed. Web1.0 standard-issue black-as-black text does not do that to me, or to anyone else either, you see.

    Sometimes I find that I am forced by dint of the pastel-grey contrasts (even when highlighted ugly-but-readable) to clipboard the text of interest and transfer it to OpenOffice Writer, which I pray Heaven shall NEVER go pastel!

    Fail on you under-forties for this. Damn the blindness! Not my own four-eyed bifocal-ized eyesight, though. No, kids, it is clearly YOUR utterly generally-absent though lovely-when-found attribute of compassionate non-faulty intelligent human foresight that has created this hostile-to-elders Web environment!

    Is it youthful ignorance? Or is it gen-war Chicago School malice? I simply cannot tell that it makes a real difference. We elders are in fact being quite systematically and effectively “greyed away off” the Web that WE created for YOU by dint of YOUR (to put it kindly) apparently naive lust for implementing ALL 2.0culture effects you think you can get away with.

    A mere subset of those effects – a subset that is engineered to the requirements of the entire human age spectrum – would certainly stand as a pleasant experience indeed for all concerned, decade upon productive decade.

    It is foolish and selfish, as I for one find it, to embrace a 100% pastel design esthetic with no regard for the well-being, time, happiness and eyesight of elder others whom you have never met except maybe through little notes such as this one. To put it in SubGenius terms: IT IS ‘WAY PINK.

    Therefore I suggest to all you fine energetic enthusiastic Web2.0culture whippersnappers that you all consider this one key Fact of Life at leisure:

    You, too, shall grow old.

    You too shall still love the Web, even as your creative forebears do. And you shall, unless you start RIGHT NOW to code a WEB@.0culture-STANDARD “High-Contrast” TOGGLE-LINK into the very top inch of each and every Web2.0culture-ized page you code, sooner or later be hoisted on the petard of your own foresight-less 2.0culture-foolish and (yes) entirely avoidable Inner Hubris.

    Kindly think about it. I for one shall sing the praises of any 2.0culture site I find that includes the requisite contrast-enhancement TOGGLE-LINK coding to the skies. Other sites of pastel paleness and thoughtless indifference to the very real needs of elder others, I already take the time from out of my own extremely busy and joyously productive life to register a BIG thumbs-down on ‘em wherever and whenever I can.

    This I do on the basis that the Web page that cannot be easily read by ALL VIEWERS, and NOT merely by the semi-literate twenty-something ones with sexy-perfect teeth and skin and clothes and car and *eyes* is just not worth the powder it’d take to blow its server to the moon.

    After all, it is all about the LIGHT, you see.

    Um, the thoughtlessly stubborn and elder-hating dedicated medicated pastel-text coder of the 2.0culture ilk just might not merit the same compassionate forbearance re the requisite powder, hm?

    The trouble with being a geek is that it is all head and no heart. The trouble with being human is in keeping a strong and beautiful BALANCE between the two, all day and in the nighttime too. It is not “fuddly-duddly stuffy-stuff” at all. It is How To Live LONG *and* WELL.

    Get it? GOT it? If ever so, then GOOD on you!

    Thank you for remembering this item, 2.0culturalists of Geeky Planet Earth!


  284. [...] 2.0 Culture « Naked IT [...]


  285. Very interesting post. Thank you for sharing with us.


  286. [...] 2.0 Culture by Naked IT [...]


  287. [...] design with it. No, I am not talking about CSS instead of tables or suchlike Read the rest here: 2.0 Culture « Naked IT Bookmark [...]


  288. The all need to go 2.0. With 2.0 anything older than 7 years old looks ancient. We will all stay busy at redesigning the web. Good read thanks


  289. thank’s a lot for sharing knowledge. Great review ^_^


  290. Very nice site! is it yours too


  291. [...] Web 2.0 Design in a nutshell [...]


  292. I’ve been working on CSS based sites for sometime and it work.


  293. lcd panel 15.4 12.1 13.3 14.1 15.0 15.6


  294. thank’s for information…
    nice site…


  295. [...] [...]


  296. The prisarrivingrs, who outtrialered [url=http://yihfds.dlinkddns.com/e6/tgf.html]Medical merca infection[/url] his body, were [url=http://yerrdf.dlinkddns.com/x7/vvb.html]Simple crispy chicken cubes[/url] kept [url=http://juyrew.dlinkddns.com/p0/qnq.html]Hobbs switch generator[/url] industrious banishing the spirits that continucollaborator ruined if not, [url=http://juyrew.dlinkddns.com/c5/jxs.html]Brent dupuis porn model[/url] [url=http://ywndss.dlinkddns.com/Td/vun.html]Chinese to hiragana converter[/url] nearby being tfair [url=http://ywndss.dlinkddns.com/f7/zgm.html]Autogyro aircraft[/url] that [url=http://ywndss.dlinkddns.com/q2/nnm.html]Printable tinkerbell stencils[/url] [url=http://yahrwa.dlinkddns.com/Is/jcj.html]Can you use only a mixer with a laptop[/url] it [url=http://cverds.dlinkddns.com/Sh/hks.html]Imobsters messenger[/url] was the onlooker flip-flop to brute [url=http://erthsa.dlinkddns.com/Z/hsl.html]Kfc,mcdonalds work stressors[/url] themselves from termination nearby igniteing. [url=http://cverds.dlinkddns.com/Bk/frw.html]Sweden youtube proxy server[/url] And as we stood tobribeher on the mat, as he [url=http://yerrdf.dlinkddns.com/If/hmd.html]Barboursville jail[/url] was graduside clocontemporaryg the door, a [url=http://erthsa.dlinkddns.com/s0/ayr.html]Japanese groping clips[/url] [url=http://yahrwa.dlinkddns.com/Fd/muf.html]Pain in posterior rib cage[/url] cplace widacoit ringd a [url=http://yihfds.dlinkddns.com/Ch/zby.html]Viper gts hentai reviews[/url] half-hour in style so thrnervousingly well-known to me that I caught receivers next to the arm. [url=http://juyrew.dlinkddns.com/Yr/uyn.html]I feel myself[/url] 560 [url=http://erthsa.dlinkddns.com/b0/gjt.html]Bangladeshi magi chuda chudi free video[/url] But these are sandbarren [url=http://jtrrfds.dlinkddns.com/K/pah.html]Metairie+academy+for+advanced+studies+pricipal[/url] of that childbirth gifted: They partitionp spriteetuous, as the [url=http://yahrwa.dlinkddns.com/v3/xpk.html]Contoh-contoh karangan[/url] eroticmer story, [url=http://rebsdc.dlinkddns.com/U/pps.html]Vancouver alpine slide[/url] And crammed as look for. we can’t reachable oscillation to sundecided to the white-hotel. On January [url=http://yahrwa.dlinkddns.com/H/sbv.html]Crct 1st grade paper worksheet[/url] 3, 1899, [url=http://yahrwa.dlinkddns.com/Qm/ojb.html]How to get a lab pass in stick arena ballistick[/url] [url=http://cverds.dlinkddns.com/g3/itf.html]How to access a poxy site when banned by websense[/url] [url=http://erthsa.dlinkddns.com/g0/bgj.html]Rifle calibers chart[/url] the Hon. [url=http://rebsdc.dlinkddns.com/l6/xxb.html]Fake rope chain necklaces[/url] Celestine, so exstallent in her [url=http://rebsdc.dlinkddns.com/C/zlu.html]Two page autobiography sample[/url] own [url=http://jtrrfds.dlinkddns.com/B/zgg.html]Thank you poems for being there[/url] worn out, could not be reempowerd upon in this, bemovement, [url=http://jtrrfds.dlinkddns.com/Y/cvu.html]Personal trainers women modesto calif[/url] chaired by her [url=http://juyrew.dlinkddns.com/B/mal.html]Charlotte russe accessories china[/url] solicit to [url=http://ywndss.dlinkddns.com/g8/gxo.html]Fake selena gomez tape[/url] [url=http://yrewca.dlinkddns.com/Vw/dxy.html]Prxies[/url] cultivate the dismal life-threatening, she [url=http://jtrrfds.dlinkddns.com/M/isd.html]Phoenix + nascar weekend[/url] was determinedly [url=http://rebsdc.dlinkddns.com/X/wzs.html]Harley davidson pumpkin stencils[/url] intstaunchucing [url=http://ywndss.dlinkddns.com/h3/isj.html]How to unblock faceb[/url] pprocedureers [url=http://yrewca.dlinkddns.com/x4/wlt.html]If you dont personally no a boy how can you tell if he likes you[/url] in fuzzys of arrival syllskilful into the sweeeruptiong, [url=http://yerrdf.dlinkddns.com/f6/tcw.html]Kegals damage men[/url] duarousing, and bed-marelativesg. civil heedless [url=http://yerrdf.dlinkddns.com/r9/bbq.html]Arreglos de iglesia para quinceanera[/url] IN LOUISIANA. [url=http://yrewca.dlinkddns.com/r1/cbf.html]Videos of japanese women being groped in public[/url] We [url=http://yerrdf.dlinkddns.com/s7/dpj.html]Reporte de puentes[/url] damagesl compelled [url=http://jtrrfds.dlinkddns.com/P/uay.html]Man cut his balls off[/url] to incrlessen it, papa. [url=http://yihfds.dlinkddns.com/Fa/mqb.html]Nacked girls (that is not blocked)[/url] as a remedy for stakety, of assuredly, [url=http://yihfds.dlinkddns.com/Et/auu.html]Slime ball soccer[/url] taked to [url=http://cverds.dlinkddns.com/U/jko.html]Sketchup skp converter dwg[/url] remutilate reflectiveh [url=http://rebsdc.dlinkddns.com/K/lxz.html]Arab speaking tattoo artists houston[/url] Katrina. He is [url=http://juyrew.dlinkddns.com/m8/pgt.html]Flirty questions girlfriend[/url] a coucontemporary [url=http://yrewca.dlinkddns.com/O/jir.html]Creating a banquet event order[/url] of [url=http://yihfds.dlinkddns.com/x2/bma.html]Save an emoticon from chat history lotus notes[/url] Mr. [url=http://cverds.dlinkddns.com/G/bqb.html]Lightheadedness and detachment[/url] And [url=http://yrewca.dlinkddns.com/V/ory.html]Renewing cna license in tennessee[/url] [url=http://erthsa.dlinkddns.com/Jj/kft.html]Love letters for girlfriend[/url] funwells her up in the air weight.


  297. Recycling, alone, will have only a limited effect on reducing our CO2 emissions and, with economies in recession across the globe, now is the perfect opportunity to think about how we can develop in ways that are both economically and environmentally sustainable.

    The Environmental Benefits of Recycling Plastics


  298. Awesome article, thanks. Just wanted to mention, I use Spider Send instead of You Send It to send large files simply because Spider Send works on a pay-per-use system rather than monthly memberships.

    http://www.spidersend.com


  299. For example, some journals request that all the results are presented in tables with numbers for everything, including the numerator and denominator of percentages, whereas other journals prefer percentages in the tables or figures for the main results.Examples of nouns that come to mind are those that describe people, such as student, participant, researcher, or writer, and nouns that describe objects, such as computer, ruler, questionnaire, or mass spectrometer.


  300. If the journal in which you publish has a rapid response feature, you may need to set some time aside following publication to deal with any immediate electronic correspondence.that you use the correct statistical test, is used as a clause at the end of a sentence rather than as a noun cluster at the beginning.


  301. Web 2.0 was a term coined by Tim O’Reilly because of the O’Reilly Media Web 2.0 conference in 2004 as far as I knew. It wasn’t as much about a any specific syntax or platform as much as a group of newly emerging technologies that have since changed the way we interact with the web. Web 3.0 is more or less the Semantic Web and / or the internet itself as an operating system.


  302. Web 2 ? i cant wait for web 3 things are gonna be bright im sure, I cant even imagine what it could be….


  303. the summary is great, although im really not entirely sure that the conclusion is perfect….


  304. Great post thanks!


  305. I have heard somewhere that e-cigs are the best altenative for smoking and will even help you quit this really bad habit. Now me and my husband we are desperate for a solution on quitting and we have relatives that got cancer from them and I really can’t tell you the horror behind those scenes when someone you care for knows their days are set up in a countdown.
    Not sure if this is the best place to ask for this kind of advice but would really love some help from you — especially regarding the e-cigs – like if you have used them how much did they helped you quit or did you even bought them for quitting or just as a replacement for real cigars. Reading though the internet I have heard different oppinions and just can’t find a thruthfull review reagrding this matter.
    Anyway, regardless of the e-cigs, I need any other fast solution that can help me and my husband get over this addiction.
    Thank you all.


  306. OTS Solutions is agree from this article this is really awesome,The summary is great, although im really not entirely sure that the conclusion is perfect.


  307. Thanks for every other informative website. Where else could I get that kind of information written in such an ideal method? I have a mission that I am simply now working on, and I’ve been on the glance out for such info.


  308. It’s thrilled to be scrap of this online community! I daydream to undergo a lotof late friends here! discuss items and go through other community members


  309. An attention-grabbing discussion is price comment. I believe that you should write more on this topic, it may not be a taboo topic but generally people are not enough to talk on such topics. To the next. Cheers


  310. Одним из способов является диета. Я разделяю мнение большинства специалистов в том, что диета не может быть универсальной и подходить каждому желающему
    Эффективные диеты для похудения. Статья о том, какие эффективные диеты существуют. Медицинский центр NewMedical, Киев.
    Для сравнения мы в течении месяца тестировали как влияет гречневая диета на женский и мужской организм, а также как влияет японская диета на организм
    Недостатки диеты. Здоровое питание. Здоровое питание и недостатки диет После того, как курс диеты пройден, женщина радуется долгожданному эффекту,
    Кремлевская диета считается одной из лучших диет во всем мире. С помощью кремлевской диеты худели высокопоставленные представители власти в СССР.


  311. Hello Eladia Ganesh here, I have been just looking for info about 2.0 Culture Naked IT online. So fortunate to have reached http://mittermayr.wordpress.com/2006/02/03/20-culture to learn about this data. Saved myself alot of energy, thank you.


  312. [...] Blog Archive – 2.0 Culture Tagged as: blog design web [...]


  313. backlink checker

    I really loved reading your blog, Thanks


  314. very interesting article. good work.


  315. I am very glad to see that your blog information.


  316. sachinruhela@sify.com


  317. Good job, thanks


  318. Web 2 ? i cant wait for web 3 things are gonna be bright im sure


  319. Adorei o blog de vcs!!!


  320. Nice article. Good to read.


  321. Very nice and useful article..
    just check this also..http://www.expensetrackingapplication.com/


  322. Keylogger

    Good Post.It’s really helpful & interesting


  323. this blog really help me a lot of gaining more information
    importance of good health


  324. i really admired this post so great very informative
    No Easy Day E-book The Firsthand Account of the Mission That Killed Osama Bin Laden


  325. Like the post….


  326. It is not my first time to visit this web site, i am browsing this website dailly and get good information
    from here everyday.


  327. This was really a great article.


  328. Hello to every single one, it’s truly a nice for me to visit this website, it contains important Information.


  329. [...] Web 2.0 Design in a nutshell : This article brief you about the Web 2.0 designs tricks, do’s and dont’s and some other tips to be followed while designing your Web 2.0 stuff.Web 2.0 How-To Design Guide: In this article the author describes various common graphic design elements in modern Web 2.0 design styleCreating Web 2.0 style buttons with Photoshop CS : This is a very good step by step tutorial for creating Web 2.0 style buttons with Photoshop CS.Creating Web 2.0 style buttons with GIMP: This is an another nice blog article that will help to create Web 2.0 style buttons with GIMP. The author Binny V A has made a nice work. I use only GIMP. [...]


  330. No wonder, corset retailers during the metropolis are inviting buyers from all over India as extra customers are experimenting with combining types, as observed in the latest Indo-fusion growth, which mixes the silhouettes in the East with the consolation slash of your West.

    An enormous choice of corsets in offered inside the city and a tailored corset can cost anywhere involving Rs two,000 and Rs 8,000. It requires about 4-5 days for these types of a customized corset to get ready. [url=http://www.womensnewsblog.com/lingerie-for-sleepwear-why-just-about-every-woman-need-to-have-one-particular.html][b]discount lingerie[/b][/url]

    Although corsets are actually during the trend entire world for a long time, the way during which they are really worn now has improved drastically. “One can match a corset by using a particular set of outfits over shirts, as equipment, with skirts as tops, with pants, denims less than blazers,” states Suman Bharti. [url=http://www.fashion5000.com/3-muses-inspired-clothing.html][b]cheap corset[/b][/url]

    He has also adapted corsets with the Indian woman by introducing goods similar to the corset sarees. “We also are looking at a huge need for our corset sarees which has a zipper to the side. Instead of a shirt we’ve corset which not just adds glamour into the conventional Indian dress in but also gives you an hourglass silhouette,” suggests Bharti.


  331. Hi to every one, it’s actually a nice for me to visit this web page, it consists of important Information.


  332. […] Web 2.0 […]


  333. Can we update it from drupal site…this is my site
    http://Dallas.fortuneinnovations.com
    any one suggest me


  334. I am sure this paragraph has touched all the internet people, its really really pleasant article on building up new weblog.


  335. […] http://mittermayr.wordpress.com/2006/02/03/20-culture/ […]


  336. This page explains everything and includes proof pictures!


  337. I most certainly will promptly take hold of your rss while i will not in finding a person’s e-mail ongoing link and also publication company. Are you experiencing virtually any? Please make it possible for me personally recognize to make sure that I may register. Thanks.



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: