Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 220 lines (107 sloc) 9.804 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>Redesign of nimbupani.com | Divya Manian</title>
8 <meta name="author" content="Divya Manian">
9
10 <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;">
11
12
13 <meta name="viewport" content="width=device-width, initial-scale=1">
14
15
16 <link rel="canonical" href="http://nimbupani.github.com/redesign-of-nimbupani-com.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="/using-data-uris-in-css.html" title="Using Data URIs in CSS">❬</a>
48
49
50 <a class="next" href="/simple-desktop-wallpaper.html" title="Simple Desktop Wallpaper">❭</a>
51
52
53
54 </nav>
55 <header>
56
57
58
59
60
61
62
63 <time datetime="2009-12-06T00:00:00-08:00" pubdate><span class='month'>Dec</span> <span class='day'>06</span> <span class='year'>2009</span></time>
64
65 <h1 class="entry-title"><a href="/redesign-of-nimbupani-com.html">Redesign of nimbupani.com</a></h1>
66
67
68
69
70 </header>
71 <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>
72
73
74 <h3>HTML 5</h3>
75
76
77 <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>
78
79
80 <p></p>
81
82 <h3>Better Reading Experience</h3>
83
84
85 <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>
86
87
88 <h3>Exploration of Archives</h3>
89
90
91 <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>
92
93
94 <p></p>
95
96 <h3>Fewer Categories</h3>
97
98
99 <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>
100
101
102 <p></p>
103
104 <h3>Better Search</h3>
105
106
107 <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>
108
109
110 <p></p>
111
112 <h3>Drupal 6</h3>
113
114
115 <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>
116
117
118 <p></p>
119
120 <h3>Printing</h3>
121
122
123 <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>
124
125
126 <h3>Site architecture</h3>
127
128
129 <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>
130
131
132 <h3>Feedback</h3>
133
134
135 <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>
136
137 </div>
138
139 <footer>
140 <p class="meta">This post was posted by
141
142
143 <a href="/about.html">Divya Manian</a>
144 on
145
146
147
148
149
150
151 <time datetime="2009-12-06T00:00:00-08:00" pubdate><span class='month'>Dec</span> <span class='day'>06</span> <span class='year'>2009</span></time> in
152
153 <span class="categories">
154
155 <a class='category' href='/categories/web-development/'>Web Development</a>
156
157 </span>
158
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
159 . 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>.
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
160 </p>
161 </footer>
162 </article>
163
164 <section>
165 <h1>Comments</h1>
166 <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>
167 </div>
168 </section>
169
170
171 </div>
172 </div>
173 <aside id="articles">
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
174 <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
175 <h2>Posts on Web Development</h2>
2cc1469 Site updated at 2012-01-23 12:45:44 UTC
Divya Manian authored
176 <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
177 </aside>
178 <footer role="contentinfo"><p>
3c9d77b Site updated at 2012-01-01 19:06:29 UTC
Divya Manian authored
179 Copy to your heart’s content 2012 - Divya Manian -
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
180 <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
181 </p>
182
183
184 </footer>
185
186
187 <script type="text/javascript">
188 var disqus_shortname = 'nimbublog';
189 var disqus_developer = 1;
190
191
192 var disqus_url = 'http://nimbupani.com/redesign-of-nimbupani-com.html';
193 var disqus_identifier = 'http://nimbupani.com/redesign-of-nimbupani-com.html';
194
195
196
197
198 (function () {
199 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
200 dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
201 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
202 }());
203 </script>
204
205
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
206 <script src="/javascripts/octopress.js"></script>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
207
e42f8f2 Site updated at 2011-12-11 00:44:12 UTC
Divya Manian authored
208 <script>
209 var _gaq=[['_setAccount','UA-97188-1'],['_trackPageview']];
210 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
211 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
212 s.parentNode.insertBefore(g,s)}(document,'script'));
213 </script>
418c130 Site updated at 2011-12-10 19:57:24 UTC
Divya Manian authored
214
215
216
217
218 </body>
219 </html>
Something went wrong with that request. Please try again.