Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 169 lines (88 sloc) 8.703 kB
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
1
2 <!doctype html>
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
3 <!--[if lt IE 9]> <html class="no-js oldie" lang="en"> <![endif]-->
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7 <title> Web Design Standards and Why you Need them | Divya Manian</title>
8 <meta name="author" content="Divya Manian">
9
10 <meta name="description" content="I didnt know HTML till I reached second year of University and used to feel insignificant when people used to say as a matter-of-fact, &#8220;yeah, I &hellip;">
11
12
13 <meta name="viewport" content="width=device-width, initial-scale=1">
14
15
16 <link rel="canonical" href="http://nimbupani.github.com/web-design-standards-and-why-you-need-them.html">
17 <link href="/stylesheets/screen.css" rel="stylesheet">
8f21f85 Site updated at 2011-12-11 02:10:56 UTC
Divya Manian authored
18 <link href="http://feeds.feedburner.com/nimbupani" rel="alternate" title="Subscribe" type="application/atom+xml">
19 <link href="http://feeds.feedburner.com/nimbu" rel="alternate" title="Subscribe to Web Development updates" type="application/atom+xml">
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
20
21 </head>
22
23
cd5e6a9 Site updated at 2011-12-24 06:16:39 UTC
Divya Manian authored
24 <body >
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
25 <div class="container">
26 <div class="content">
27 <header role="banner"> <h1><a href="/">Divya Manian</a></h1>
28
69c30f5 Site updated at 2011-12-11 14:45:02 UTC
Divya Manian authored
29 <h2><a class="twitter" href="https://twitter.com/divya">twitter</a> <a class="rss" href="http://feeds.feedburner.com/nimbupani">RSS Feed</a> <a class="youtube" href="http://youtube.com/nimbupani">Youtube Channel</a> <a class="github" href="https://github.com/nimbupani">Github</a></h2>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
30
31 </header>
9d25e1e Site updated at 2011-12-11 01:21:19 UTC
Divya Manian authored
32 <nav class="sitenav"><a href="/">Home</a>
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
33 <a href="/archives">Archives</a>
34 <a href="/about.html">About</a>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
35 </nav>
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
36
37
38
39
40
41
42
43
44 <article>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
45 <nav class="article">
46
47 <a class="previous" href="/are-they-us.html" title=" Are they us">❬</a>
48
49
50 <a class="next" href="/state-of-the-nation.html" title=" State of the Nation">❭</a>
51
52
53
54 </nav>
55 <header>
56
57
58
59
60
61
62
63 <time datetime="2005-07-27T00:00:00-07:00" pubdate><span class='month'>Jul</span> <span class='day'>27</span> <span class='year'>2005</span></time>
64
65 <h1 class="entry-title"><a href="/web-design-standards-and-why-you-need-them.html"> Web Design Standards and Why you Need them</a></h1>
66
67
68
69
70 </header>
71 <div class="entry-content"><p>I didnt know HTML till I reached second year of University and used to feel insignificant when people used to say as a matter-of-fact, &#8220;yeah, I know HTML.&#8221;</p>
72
73
74 <p>I didnt know it till <a href="http://deepak.jois.name">Deepak</a> introduced me to blogging. In fact, my first blog design was implemented by him and &#8220;designed&#8221; by me. I learned it on the way, because I stumbled upon beautifully designed blogs. And luckily for me, they were blogs that loved web standards.</p>
75
76
77 <p>And in that way, I learned CSS and HTML. Good thing I was a newbie and didnt have to &#8220;unlearn&#8221; horrible tables and nonsense spacer gifs (that I had to learn those horrible and disgusting stuff again for a webdesign assignment, is another nightmare to scare you with).</p>
78
79
80 <p>And why should you, as a user, care about standards compliant design? After all, blogger does everything for you! You should, because:</p>
81
82
83 <ul><li><a href="http://timesofindia.com">Slimes of India</a> takes years to load. </li>
84 <li>Most of the text are saved as images and all you get to see are &#8220;img123-332.jpg&#8221; and the browser permanently hanging there.</li><li>Your favourite site can <a href="http://csszengarden.com/">get skinned like your winamp</a>.</li><li>You see horrible spacers staring at you from the screen without anything else.</li><li>The blind using speech readers can finally understand what you are trying to say.</li><li> Google puts you on top of search results</li><li>Because <a href="http://espn.com">ESPN</a> gives you several times improved experience because <a href="http://www.mikeindustries.com/blog/archive/2003/06/espn-interview">it has seen light.</a></li><li>Your university results will come out much sooner than you would think (instead of &#8220;waiting for http://&#8230;&#8221;)!</li><li>You dont have to blame your roommate for choking the bandwidth by downloading 1GB of pirated CDs everyday (which prevents you from accessing your favourite bandwidth wasting website mentioned first in the list).</li><li>Because I care.</li></ul>
85
86
87 <p>Here I present an <a href="http://keikibulls.com/credits/">awesome link</a> to why Web Standards are critical to web design and how you can benefit from it. Demand it from your favourite sites. Write to them. Beg, plead, hit the sites that do not comply with web standards. Throw away browsers that do not comply with standards - you know well about which one I am talking about! </p>
88
89
90 <p>Your first step starts <a href="http://getfirefox.com">here</a>.</p>
91
92 </div>
93
94 <footer>
95 <p class="meta">This post was posted by
96
97
98 <a href="/about.html">Divya Manian</a>
99 on
100
101
102
103
104
105
106 <time datetime="2005-07-27T00:00:00-07:00" pubdate><span class='month'>Jul</span> <span class='day'>27</span> <span class='year'>2005</span></time> in
107
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
108 . If you would like to update this post, <a href="https://github.com/nimbupani/nimbupani.github.com/blob/source/source/_posts/2005-07-27-web-design-standards-and-why-you-need-them.md">please send a pull request</a>.
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
109 </p>
110 </footer>
111 </article>
112
113 <section>
114 <h1>Comments</h1>
115 <div id="disqus_thread" aria-live="polite"><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
116 </div>
117 </section>
118
119
120 </div>
121 </div>
122 <aside id="articles">
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
123 <p><img class="avatar" src="/assets/divya.png" height=50> <a href="http://twitter.com/divya">Divya Manian</a> is a Web Developer in Seattle. <a href="/about.html">More about me ❭</a></p>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
124 <h2>Posts on Web Development</h2>
2cc1469 Site updated at 2012-01-23 12:45:44 UTC
Divya Manian authored
125 <ul><li><a href="/html5please.html">html5please</a></li><li><a href="/mustache.html">mustache, hogan, handlebars</a></li><li><a href="/redesign-notes.html">Redesign Notes</a></li><li><a href="/summary-of-various-exciting-css-drafts-and-proposals.html">Summary of various exciting CSS drafts and proposals</a></li><li><a href="/this-revolution-needs-new-revolutionaries.html">This revolution needs new revolutionaries</a></li><li><a href="/some-css-transition-hacks.html">Some CSS Transition hacks</a></li><li><a href="/safe-css-defaults.html">Safe CSS Defaults</a></li><li><a href="/unplugged-2011.html">Unplugged 2011</a></li><li><a href="/bokeh-with-css3-gradients.html">Bokeh with CSS3 Gradients</a></li><li><a href="/making-pure-css3-demos-better.html">Making "Pure CSS3" demos better</a></li><li><a href="/web-opener-at-opera.html">Web Opener at Opera</a></li><li><a href="/current-color-in-css.html">Current Color in CSS</a></li><li><a href="/css-vocabulary.html">CSS Vocabulary</a></li><li><a href="/active-web-development.html">Active Web Development</a></li><li><a href="/sexy-css3-buttons.html">Sexy CSS3 Buttons</a></li><li><a href="/accessible-css-barcharts.html">Accessible CSS Barcharts</a></li><li><a href="/svg-is-coming.html">SVG is coming!</a></li><li><a href="/wee-marquee.html">Wee! Marquee</a></li><li><a href="/vignettes-with-css3-box-shadows.html">Vignettes with CSS3 Box Shadows</a></li><li><a href="/drop-shadows-with-css3.html">Drop Shadows with CSS3</a></li><li><a class="btn" href="/categories/web-development/">More</a></li></ul>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
126 </aside>
127 <footer role="contentinfo"><p>
3c9d77b Site updated at 2012-01-01 19:06:29 UTC
Divya Manian authored
128 Copy to your heart’s content 2012 - Divya Manian -
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
129 <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
130 </p>
131
132
133 </footer>
134
135
136 <script type="text/javascript">
137 var disqus_shortname = 'nimbublog';
138 var disqus_developer = 1;
139
140
141 var disqus_url = 'http://nimbupani.com/web-design-standards-and-why-you-need-them.html';
142 var disqus_identifier = 'http://nimbupani.com/web-design-standards-and-why-you-need-them.html';
143
144
145
146
147 (function () {
148 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
149 dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
150 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
151 }());
152 </script>
153
154
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
155 <script src="/javascripts/octopress.js"></script>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
156
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
157 <script>
158 var _gaq=[['_setAccount','UA-97188-1'],['_trackPageview']];
159 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
160 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
161 s.parentNode.insertBefore(g,s)}(document,'script'));
162 </script>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
163
164
165
166
167 </body>
168 </html>
Something went wrong with that request. Please try again.