Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
169 lines (88 sloc) 8.66 KB
<!doctype html>
<!--[if lt IE 9]> <html class="no-js oldie" lang="en"> <![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title> Web Design Standards and Why you Need them | Divya Manian</title>
<meta name="author" content="Divya Manian">
<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;">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://nimbupani.github.com/web-design-standards-and-why-you-need-them.html">
<link href="/stylesheets/screen.css" rel="stylesheet">
<link href="http://feeds.feedburner.com/nimbupani" rel="alternate" title="Subscribe" type="application/atom+xml">
<link href="http://feeds.feedburner.com/nimbu" rel="alternate" title="Subscribe to Web Development updates" type="application/atom+xml">
</head>
<body >
<div class="container">
<div class="content">
<header role="banner"> <h1><a href="/">Divya Manian</a></h1>
<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>
</header>
<nav class="sitenav"><a href="/">Home</a>
<a href="/archives">Archives</a>
<a href="/about.html">About</a>
</nav>
<article>
<nav class="article">
<a class="previous" href="/are-they-us.html" title=" Are they us">&#x276C;</a>
<a class="next" href="/state-of-the-nation.html" title=" State of the Nation">&#x276D;</a>
</nav>
<header>
<time datetime="2005-07-27T00:00:00+05:30" pubdate><span class='month'>Jul</span> <span class='day'>27</span> <span class='year'>2005</span></time>
<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>
</header>
<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>
<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>
<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>
<p>And why should you, as a user, care about standards compliant design? After all, blogger does everything for you! You should, because:</p>
<ul><li><a href="http://timesofindia.com">Slimes of India</a> takes years to load. </li>
<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>
<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>
<p>Your first step starts <a href="http://getfirefox.com">here</a>.</p>
</div>
<footer>
<p class="meta">This post was posted by
<a href="/about.html">Divya Manian</a>
on
<time datetime="2005-07-27T00:00:00+05:30" pubdate><span class='month'>Jul</span> <span class='day'>27</span> <span class='year'>2005</span></time> in
. 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>.
</p>
</footer>
</article>
<section>
<h1>Comments</h1>
<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>
</div>
</section>
</div>
</div>
<aside id="articles">
<p><img class="avatar" src="http://a2.twimg.com/profile_images/1696865113/me_normal" height=48> <a href="http://twitter.com/divya">Divya Manian</a> lives in SF. <a href="/about.html">More about me ❭</a></p>
<h2>Posts on Web Development</h2>
<ul><li><a href="/diversity-in-conferences.html">Diversity in Conferences</a></li><li><a href="/using-decimal-percentage-values-in-responsive-design.html">Using decimal percentage values in responsive design</a></li><li><a href="/using-background-clip-for-text-with-css-fallback.html">Using background clip for text with CSS fallback</a></li><li><a href="/markup-free-icon-fonts-with-unicode-range.html">Markup-free icon fonts using unicode-range</a></li><li><a href="/jscamp-css-next.html">JSCamp: CSS Next</a></li><li><a href="/some-updates.html">Some Updates</a></li><li><a href="/css-object-model.html">CSS Object Model</a></li><li><a href="/fake-bolding-of-web-fonts.html">Fake Bolding of Web Fonts</a></li><li><a href="/html5please-api.html">Html5please API</a></li><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 class="btn" href="/categories/web-development/">More</a></li></ul>
</aside>
<footer role="contentinfo"><p>
Copy to your heart’s content 2013 - Divya Manian -
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>
</footer>
<script type="text/javascript">
var disqus_shortname = 'nimbublog';
var disqus_developer = 1;
var disqus_url = 'http://nimbupani.com/web-design-standards-and-why-you-need-them.html';
var disqus_identifier = 'http://nimbupani.com/web-design-standards-and-why-you-need-them.html';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
<script src="/javascripts/octopress.js"></script>
<script>
var _gaq=[['_setAccount','UA-97188-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>