Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

220 lines (107 sloc) 9.972 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>Redesign of nimbupani.com | Divya Manian</title>
<meta name="author" content="Divya Manian">
<meta name="description" content="Finally, the 3 month long redesign of nimbupani.com is complete. The design was first explored in nimbu.in, and, as you can see, I made minor changes &hellip;">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://nimbupani.github.com/redesign-of-nimbupani-com.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="/using-data-uris-in-css.html" title="Using Data URIs in CSS">&#x276C;</a>
<a class="next" href="/simple-desktop-wallpaper.html" title="Simple Desktop Wallpaper">&#x276D;</a>
</nav>
<header>
<time datetime="2009-12-06T00:00:00+05:30" pubdate><span class='month'>Dec</span> <span class='day'>06</span> <span class='year'>2009</span></time>
<h1 class="entry-title"><a href="/redesign-of-nimbupani-com.html">Redesign of nimbupani.com</a></h1>
</header>
<div class="entry-content"><p>Finally, the 3 month long redesign of nimbupani.com is complete. The design was first explored in <a href="http://nimbu.in">nimbu.in</a>, and, as you can see, I made minor changes while adapting it to this site. Here are some of the changes that you can look forward to:</p>
<h3>HTML 5</h3>
<p>This site uses HTML 5 markup and uses HTML 5 valid code (at least for the recent posts), which unfortunately means Firefox 2 users will get weird layout issues. Sorry Firefox 2 users, please <a href="http://feeds.feedburner.com/nimbupani">subscribe</a> or turn off styling for a better experience.</p>
<p></p>
<h3>Better Reading Experience</h3>
<p>My posts on this blog have become longer and the previous design did not allow readers to read the post comfortably. The default font size is bigger, and has more contrast with the background. I have removed other distracting elements like the delicious links (which are anyway bundled with the <a href="http://feeds.feedburner.com/nimbupani">main feed</a>) and twitter updates.</p>
<h3>Exploration of Archives</h3>
<p>There are more than 600 posts, dating from <a href="http://nimbupani.com/test.html">27th July 2003</a>, on this site. The previous design did not allow exploration of older posts (and a dysfunctional search form did not help). I am still tinkering with an efficient way of presenting the archives, but I am pleased that many people are <a href="http://twitter.com/nekessa/status/6393730779">already discovering older posts after the redesign</a>.</p>
<p></p>
<h3>Fewer Categories</h3>
<p>I was, unfortunately, one of the mindless millions who enabled tagging on their blogs just because it was &ldquo;cool&rdquo; thing to do at that time. That has brought along an excess of tags that I really did not need, so I have grouped them in to mainly these categories: Illustration, Drupal, Web Design, Book Reviews, and Others. Others is where all the rest of tags go and die. This is a work in progress, and would change depending on how people use this site.</p>
<p></p>
<h3>Better Search</h3>
<p>The good news is I actually have a search form on every page that <em>works</em>. I have also enabled advanced search on the main search page. If you are interested in the books I have reviewed, now you have a better chance of finding if I have reviewed them.</p>
<p></p>
<h3>Drupal 6</h3>
<p>To say it was hard to develop in Drupal 6 is an understatement. <a href="http://www.markboulton.co.uk/journal/comments/design-in-open-source">Mark Boulton nails it</a>. It seems to me, the answer to design questions for Drupal developers seems to be to create another module, use SQL queries, or Drupal functions. The UX for the Site Administrator functions has remained unchanged for 6 years, and still horrible. More details coming in a post about creating HTML5 themes for Drupal 6.</p>
<p></p>
<h3>Printing</h3>
<p>The last design used a <a href="http://drupal.org/project/print">ready-to-use print CSS available as a Drupal module</a>. I included a print CSS with this design and uses paged media properties which is not supported by Safari and IE 7-.</p>
<h3>Site architecture</h3>
<p>The &#8220;portfolio&#8221; that was hanging on the homepage served no purpose. So, the blog again takes the main stage. My intention is this site will remain as a collection of all my writing online.</p>
<h3>Feedback</h3>
<p>I would love to hear your opinions on the new design and experience of using nimbupani.com. You can either post them as comments here or as replies to my <a href="http://twitter/nimbuin">twitter updates</a>.</p>
</div>
<footer>
<p class="meta">This post was posted by
<a href="/about.html">Divya Manian</a>
on
<time datetime="2009-12-06T00:00:00+05:30" pubdate><span class='month'>Dec</span> <span class='day'>06</span> <span class='year'>2009</span></time> in
<span class="categories">
<a class='category' href='/categories/web-development/'>Web Development</a>
</span>
. If you would like to update this post, <a href="https://github.com/nimbupani/nimbupani.github.com/blob/source/source/_posts/2009-12-06-redesign-of-nimbupani-com.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/redesign-of-nimbupani-com.html';
var disqus_identifier = 'http://nimbupani.com/redesign-of-nimbupani-com.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>
Jump to Line
Something went wrong with that request. Please try again.