<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>Assorted notes on the design of Bvckup, fast real-time backup software.
By yours truly,Alex Pankratov

 
    	Cufon.replace('.title', { hover: true });
 </description><title>Bvckup blog</title><generator>Tumblr (3.0; @bvckup)</generator><link>http://bvckup.tumblr.com/</link><item><title>Master Feature List</title><description>&lt;p&gt;&lt;a href="http://bvckup2.com/news/13-06-2012" target="_blank"&gt;Master Feature List&lt;/a&gt; - a comprehensive list of features getting done in V2 is now available.&lt;/p&gt;
&lt;p&gt;If you are subscribed to the updates, you will be receiving an email shortly with a link that lets you vote features up and down.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/25031012787</link><guid>http://bvckup.tumblr.com/post/25031012787</guid><pubDate>Wed, 13 Jun 2012 10:35:00 -0700</pubDate></item><item><title>Would you look at that... an update!</title><description>&lt;p&gt;Check it out here - &lt;a href="http://bvckup2.com/news/23-05-2012" target="_blank"&gt;http://bvckup2.com/news/23-05-2012&lt;/a&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/23618824034</link><guid>http://bvckup.tumblr.com/post/23618824034</guid><pubDate>Wed, 23 May 2012 11:45:15 -0700</pubDate></item><item><title>Moved</title><description>&lt;p&gt;&lt;a href="http://bvckup.com" target="_blank"&gt;Bvckup&lt;/a&gt; and &lt;a href="http://bvckup2.com" target="_blank"&gt;Bvckup2&lt;/a&gt; sites have been moved to a new server. The &lt;a href="http://update.bvckup.com" target="_blank"&gt;update.bvckup.com&lt;/a&gt; has been moved to the same server as well. Should you notice any 404s, empty looking pages, strange messages or something equally amusing, do let me know.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/20192879654</link><guid>http://bvckup.tumblr.com/post/20192879654</guid><pubDate>Fri, 30 Mar 2012 16:12:24 -0700</pubDate></item><item><title>On Backups</title><description>&lt;p&gt;A classification of data backups,  	and how conventional backups (do not) really fit in.&lt;/p&gt;
&lt;p&gt;Check it out - &lt;a href="http://swapped.cc/on-backups" target="_blank"&gt;http://swapped.cc/on-backups&lt;/a&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/18585099337</link><guid>http://bvckup.tumblr.com/post/18585099337</guid><pubDate>Thu, 01 Mar 2012 18:19:51 -0800</pubDate></item><item><title>Merry Christmas!</title><description>&lt;p&gt;&lt;img height="719" src="http://bvckup.com/tumblr/img-misc/merry-2011-xmas-alt-cut-90-dpi.jpg" width="440"/&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/14743959364</link><guid>http://bvckup.tumblr.com/post/14743959364</guid><pubDate>Sat, 24 Dec 2011 15:39:00 -0800</pubDate></item><item><title>Version numbers don't matter</title><description>&lt;p&gt;In the spirit of documenting changes that are &lt;a href="http://bvckup.tumblr.com/post/9101329123/please-confirm-your-email-address" target="_blank"&gt;obvious, but only in retrospect&lt;/a&gt; I want to go over a new versioning scheme that I am adopting for Bvckup. Its executive summary is -&lt;/p&gt;
&lt;p class="emphasized"&gt;&lt;em&gt;No more dotted version numbers.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;In other words, &amp;#8220;Bvckup 2.1.3.14&amp;#8221; becomes &amp;#8220;Bvckup 2, revision 37&amp;#8221; &amp;#8230;or thereabouts.&lt;/p&gt;
&lt;!-- more --&gt;
&lt;h2&gt;In short&lt;/h2&gt;
&lt;p&gt;This is not an isolated change, but rather a part of a larger rework aimed at streamlining the user experience with software updates. The rework that includes three core changes:&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;Dotted version numbers such as 2.3.17 are replaced with a single revision number.&lt;/li&gt;
&lt;li&gt;When prompting for an update, the list of changes will always be shown &lt;em&gt;relative to the user&amp;#8217;s installed version&lt;/em&gt;.&lt;/li&gt;
&lt;li&gt;When prompting for an update, the program will also indicate the importance of updating based on what changes are missing from the &lt;em&gt;user&amp;#8217;s version&lt;/em&gt;.&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;The goal is to evolve from amorphous and pseudo-informative&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lrfnieJxRP1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;to a more concise and actionable&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lrfnisAYku1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;The rationale is simple and it is laid out below.&lt;/p&gt;
&lt;h2&gt;Rationale&lt;/h2&gt;
&lt;p&gt;Dotted versions are a de-facto standard. Comprising major, intermediate, minor and sometimes &amp;#8220;build&amp;#8221; numbers, they are routinely used to indicate the type of changes that a software release carries.&lt;br/&gt;&lt;br/&gt;&lt;img src="http://media.tumblr.com/tumblr_lrfnv3jCNR1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;The exact versioning scheme varies from developer to developer, and sometimes it&amp;#8217;s different even between projects of the same origin&amp;#8230; Ask me how I know :)&lt;/p&gt;
&lt;p&gt;The problem, of course, is that trying to communicate the release summary through a string of numbers is a &lt;em&gt;really &lt;/em&gt;odd thing to do. It opens things to interpretation and leads to critical updates being glanced over, useful changes mistaken for unwanted new features, and so on.&lt;/p&gt;
&lt;p&gt;It&amp;#8217;s also safe to assume that a vast majority of users don&amp;#8217;t care in the slightest which specific version they&amp;#8217;re running. They care if their version is the latest and what they&amp;#8217;re missing if it isn&amp;#8217;t.&lt;/p&gt;
&lt;p&gt;This makes the version number all but useless, or as some would put it - &lt;a href="http://googlesystem.blogspot.com/2010/11/google-chromes-version-number-is.html" target="_blank"&gt;meaningless&lt;/a&gt;. Without a change log, the number cannot be used for anything but understanding if the installation is up-to-date.&lt;br/&gt;&lt;br/&gt;For this reason, version numbers need not and should not be elaborate. And for the exact same reason, the change logs need to go well beyond being just a laundry list of assorted changes. More on this below.&lt;/p&gt;
&lt;h2&gt;Simpler versions&lt;/h2&gt;
&lt;p&gt;There are several obvious alternatives to the dotted versions. These include:&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;A single number, incremented with each public release&lt;/li&gt;
&lt;li&gt;A release date, i.e. we could just tag each version with the date of its release.&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;The latter does not accommodate releasing more than one update on the same day - which &lt;em&gt;does&lt;/em&gt; happen when someone gets sloppy - but it can be easily remedied by:&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;A release date with an &lt;em&gt;optional &lt;/em&gt;release number that is shown only when needed.&lt;/li&gt;
&lt;li&gt;A month/year combined with a release number, e.g. &lt;em&gt;&amp;#8220;&lt;/em&gt;Sept. 2011, release 15.&amp;#8221;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Mixing the date into a version provides an at-a-glance evaluation of a version&amp;#8217;s age. But it also comes with the added hassle of localization. What June is for some, is Июнь for others. Just one of those challenges the support department lives for :)&lt;br/&gt;&lt;br/&gt;In my case, I&amp;#8217;ve decided to go with a release number only.&lt;/p&gt;
&lt;h2&gt;Update notifications&lt;/h2&gt;
&lt;p&gt;Not everyone likes automatic updates, and not everyone uses them. And among these people, there are few who update right away even if a program prompts for it.&lt;/p&gt;
&lt;p&gt;There are plenty of reasons for that - some users are just busy, and some are generally cautious about (not) touching a working setup, the ever popular &lt;em&gt;don&amp;#8217;t fix what&amp;#8217;s not broken&lt;/em&gt; attitude.&lt;/p&gt;
&lt;p&gt;I would argue that by keeping update notifications &lt;em&gt;concise&lt;/em&gt; and &lt;em&gt;relevant&lt;/em&gt; and by allowing users to defer the decision, it should be possible to convince more people to upgrade, either right away or eventually.&lt;/p&gt;
&lt;h2&gt;1. Be concise&lt;/h2&gt;
&lt;p&gt;Remove everything that does not contribute to helping a user make an update decision.&lt;/p&gt;
&lt;p&gt;For example, a new version number is largely irrelevant: it does not add anything, provided we explain the changes elsewhere. Remove it.&lt;/p&gt;
&lt;p&gt;Some update notifications display both new and current  version numbers, as if this helps with the upgrade decision. It does not.  Remove both.&lt;/p&gt;
&lt;h2&gt;2. Be relevant&lt;/h2&gt;
&lt;p&gt;Have a list of changes ready. There is a very good chance someone who opted out of automatic updates will want to look  at the changes.&lt;/p&gt;
&lt;p&gt;Look at the user&amp;#8217;s current version and only include changes that are relevant to the user&amp;#8217;s case. A change log reaching back to the first pre-alpha release is useless. And so is the log that is relative to the  preceding version.&lt;/p&gt;
&lt;p class="emphasized"&gt;&lt;em&gt;It&amp;#8217;s not about what changed; it&amp;#8217;s about what&amp;#8217;s  missing.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Secondly, have all changes sorted by their type first - bug fixes, new features, smaller tweaks, etc. -  and then further sorted by their importance. &lt;em&gt;Not chronologically.&lt;/em&gt; Proper structure greatly simplifies the digestion of information.&lt;/p&gt;
&lt;p&gt;Lastly, exclude irrelevant changes. These are the fixes for issues that were  introduced &lt;em&gt;and resolved&lt;/em&gt; in intermediate releases. For example, if the  user missed two updates and the second fixed a problem caused by the  first one, then such a fix is of no importance to the user. Hide it.&lt;/p&gt;
&lt;p&gt;The result would be going from something like this -&lt;/p&gt;
&lt;p&gt;&lt;br/&gt;&lt;img src="http://media.tumblr.com/tumblr_lr6a4cNXbQ1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;to this (assuming the user is on version 1.0) -&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lr6a5aTjy31qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Note the grouping and re-ordering. Note the lack of 1.0 and  1.2.1 changes and the lack of version numbers. Also note how important bug fixes appear in bold. Had there been critical fixes, they would’ve appeared in red.&lt;/p&gt;
&lt;h2&gt;3. Be helpful&lt;/h2&gt;
&lt;p&gt;Make a suggestion. We have a list of changes, and we know which ones are more important than others. So look at the most important one and tell the user if the update is &lt;em&gt;required, recommended, &lt;/em&gt;or &lt;em&gt;optional.&lt;/em&gt;&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;&lt;em&gt;Required &lt;/em&gt;is for critical updates, i.e. “Y&lt;em&gt;ou’ll be sorry if you don&amp;#8217;t update.&lt;/em&gt;&amp;#8221;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Recommended &lt;/em&gt;is for new features, non-critical bugfixes, performance tweaks, etc.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Optional &lt;/em&gt;is for irrelevant fixes and smaller items such as adding a UI translation.&lt;/li&gt;
&lt;/ul&gt;&lt;h2&gt;4. Be considerate&lt;/h2&gt;
&lt;p&gt;Give the user the option of making the decision later. Ask again in a bit and be intelligent about &lt;em&gt;when&lt;/em&gt;. Interrupting a user who&amp;#8217;s wiggling the mouse and typing on the keyboard is not wise; it&amp;#8217;s annoying.&lt;/p&gt;
&lt;p&gt;The best time would be after the machine has been idle for a while, typically indicating that the user has left for the day. When he or she comes back, it&amp;#8217;ll be a new day and easier to sneak in a smaller decision such as making a software update before the routine starts.&lt;/p&gt;
&lt;h2&gt;Trivial to automate&lt;/h2&gt;
&lt;p&gt;On the development side, the process is easy to automate. When a developer finishes making a  change, he enters its description, its type - a bug fix, a tweak, or a new feature - and selects if the change warrants &lt;em&gt;requiring&lt;/em&gt; or &lt;em&gt;recommending&lt;/em&gt; an update.&lt;/p&gt;
&lt;p&gt;If the change reverses an older change, it can be  tagged with a respective release number. This tag would then be used  to filter irrelevant changes as noted above.&lt;/p&gt;
&lt;p&gt;Lastly, a change may be assigned a relative weight to help position it properly on a sorted list of changes of its type.&lt;/p&gt;
&lt;h2&gt;Comments?&lt;/h2&gt;
&lt;p&gt;There is a &lt;a href="http://news.ycombinator.com/item?id=3001394" target="_blank"&gt;thread on Hacker News&lt;/a&gt; for that.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/10218389389</link><guid>http://bvckup.tumblr.com/post/10218389389</guid><pubDate>Wed, 14 Sep 2011 16:15:00 -0700</pubDate><category>insightfulness</category></item><item><title>Please confirm your email address</title><description>&lt;p&gt;Just a quick post to share something that seems obvious in retrospect, but took a while to notice and fix.&lt;/p&gt;
&lt;p&gt;A mailing list for those wanting to follow &lt;a href="http://www.bvckup.com" target="_blank"&gt;Bvckup&lt;/a&gt; and &lt;a href="http://www.bvckup2.com" target="_blank"&gt;Bvckup 2&lt;/a&gt; progress has been up and active over a year now. Subscribing to the list triggers a typical confirmation email with a link that needs to be clicked on. The odd thing was that a good &lt;em&gt;half&lt;/em&gt; of those subscribed never bothered to do that.&lt;/p&gt;
&lt;p&gt;So last month, after receiving a small rush of sign-ups from &lt;a href="http://betali.st/startups/bvckup-2" target="_blank"&gt;betali.st&lt;/a&gt; I decided to put things in order and run a bit of A/B testing. Good thing I did.&lt;/p&gt;
&lt;p&gt;Simply changing the email subject from this&lt;/p&gt;
&lt;p&gt;&lt;img src="http://bvckup.com/tumblr/img-misc/email-subject-before.png"/&gt;&lt;/p&gt;
&lt;p&gt;to this&lt;/p&gt;
&lt;p&gt;&lt;img src="http://bvckup.com/tumblr/img-misc/email-subject-after.png"/&gt;&lt;/p&gt;
&lt;p&gt;increased the number of completed subscriptions from 51% to 82%.&lt;/p&gt;
&lt;p&gt;The original subject read like&amp;#8230; well&amp;#8230; a &lt;em&gt;confirmation&lt;/em&gt; rather than something that requested an action and people simply did not bother even opening an email. A simple but costly oversight that took me almost two years to realize.&lt;/p&gt;
&lt;h2&gt;Comments&lt;/h2&gt;
&lt;p&gt;There is a thread for that:&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://news.ycombinator.com/item?id=2901727" target="_blank"&gt;Hacker News&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.reddit.com/r/web_design/comments/jntfi/please_confirm_your_email_address/" target="_blank"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://habrahabr.ru/blogs/ui/126672/" target="_blank"&gt;Habrhabr&lt;/a&gt; (in Russian)&lt;/li&gt;
&lt;/ul&gt;</description><link>http://bvckup.tumblr.com/post/9101329123</link><guid>http://bvckup.tumblr.com/post/9101329123</guid><pubDate>Thu, 18 Aug 2011 17:27:00 -0700</pubDate><category>insightfulness</category></item><item><title>BetaLi.st</title><description>&lt;p&gt;Made it to BetaList yesterday and wow, just &lt;strong&gt;wow&lt;/strong&gt;. Steady thick stream of traffic and trending up on their weekly list of populars too.&lt;/p&gt;
&lt;p&gt;Thanks for the sign-ups, mentions and tweets, guys! Very much appreciated. And a big round of applause to &lt;a href="http://twitter.com/marckohlbrugge" target="_blank"&gt;Mr. Köhlbrugge&lt;/a&gt; for conceiving such a useful site.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://betali.st/startups/bvckup-2" target="_blank"&gt;&lt;a href="http://betali.st/startups/bvckup-2" target="_blank"&gt;http://betali.st/startups/bvckup-2&lt;/a&gt;&lt;/a&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/7891269589</link><guid>http://bvckup.tumblr.com/post/7891269589</guid><pubDate>Thu, 21 Jul 2011 10:52:28 -0700</pubDate><category>meta</category></item><item><title>Technical overview of Bvckup 2</title><description>&lt;p&gt;I described several technical aspects of Bvckup 2 while it was on reddit.&lt;/p&gt;
&lt;p&gt;As the development moves forward I will be posting detailed performance numbers for each listed feature, but meanwhile take a look at the overview to get a general feel for the amount of optimization finding its way into V2.&lt;/p&gt;
&lt;p&gt;So here it is - &lt;a href="http://www.reddit.com/comments/iarao/minimalistic_realtime_backup_for_windows_about_to/c22oypk" target="_blank"&gt;A technical overview of Bvckup 2&lt;/a&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/7662462665</link><guid>http://bvckup.tumblr.com/post/7662462665</guid><pubDate>Fri, 15 Jul 2011 13:45:00 -0700</pubDate></item><item><title>Reddit</title><description>&lt;p&gt;Two-day sponsored post on reddit is now live - &lt;a href="http://www.reddit.com/comments/iarao" target="_blank"&gt;&lt;a href="http://www.reddit.com/comments/iarao" target="_blank"&gt;http://www.reddit.com/comments/iarao&lt;/a&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lnknbzdUnW1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;About one quarter through and there is 2300 unique impressions so far, about 40 click-throughs, plus a bunch of opinions which is what I am after. All in all this seems to be beating Adwords hands down.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/7057506884</link><guid>http://bvckup.tumblr.com/post/7057506884</guid><pubDate>Wed, 29 Jun 2011 14:47:00 -0700</pubDate></item><item><title>Bvckup 2, the Teaser</title><description>&lt;p&gt;Things are moving forward and today I am very happy to announce the launch of the Bvckup 2 (teaser) website - &lt;a href="http:///wwww.bvckup2.com" target="_blank"&gt;&lt;a href="http://www.bvckup2.com" target="_blank"&gt;http://www.bvckup2.com&lt;/a&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http:///www.bvckup2.com" target="_blank"&gt;&lt;img src="http://media.tumblr.com/tumblr_ln3znbH2so1qeifvg.png"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;With this launch we are now starting to showcase minimalistic aesthetics of Bvckup 2 and introduce our visitors to the concept of refined single-purpose software.&lt;/p&gt;
&lt;p&gt;This project is a bit of a gamble&amp;#8230; or an experiment, if you will. I really want to try and gauge interest in Windows software that picks the design and engineering quality over the (over-)abundance of features and toolbar buttons. If such software indeed has its place in the Windows ecosystem, there&amp;#8217;s quite a few clever ideas just waiting to be executed.&lt;/p&gt;
&lt;p&gt;Interesting times ahead, stay tuned.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/6735205388</link><guid>http://bvckup.tumblr.com/post/6735205388</guid><pubDate>Mon, 20 Jun 2011 15:01:00 -0700</pubDate></item><item><title>Teaser</title><description>&lt;p&gt;Working on many things including a post on core optimizations and an update of the product identity. With latter trying to tone down some of the grandness of the current logo, to make it a bit more approachable and to better express the nature of product &amp;#8212; a simple software that does just one thing, but does it really well.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lke4g2GnIs1qeifvg.png"/&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/5007792261</link><guid>http://bvckup.tumblr.com/post/5007792261</guid><pubDate>Thu, 28 Apr 2011 00:45:00 -0700</pubDate><category>identity design</category></item><item><title>Version 2 in broad strokes</title><description>&lt;p&gt;Bvckup entered its public beta in &lt;a target="_blank" href="http://www.bvckup.com/support/forums/topic_show.pl?tid=6"&gt;July &amp;#8216;09&lt;/a&gt;, and the past year and a half provided a good insight into what was working, what was missing and what needed fixing. And so it is now ready for its next major revision &amp;#8212;  Version 2.&lt;/p&gt;
&lt;p&gt;The new and improved Bvckup will focus on three things - core improvements, the user interface and speed optimizations. From mundane but useful, to pretty, to nerdy-cool, it got it all.&lt;/p&gt;
&lt;!-- more --&gt;
&lt;h2&gt;Core improvements&lt;/h2&gt;
&lt;p&gt;These are notable changes of a general nature &amp;#8212; useful, but somewhat boring.&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;Enhanced NTFS support &amp;#8212; &lt;a target="_blank" href="http://en.wikipedia.org/wiki/Fork_%28filesystem%29#Microsoft"&gt;alternate streams&lt;/a&gt;, &lt;a target="_blank" href="http://en.wikipedia.org/wiki/NTFS_junction_point"&gt;junctions&lt;/a&gt;, &lt;a target="_blank" href="http://en.wikipedia.org/wiki/NTFS_symbolic_link"&gt;symbolic links&lt;/a&gt;, etc.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;64 bit version&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;Optional archival of deleted items as per &lt;a target="_blank" href="http://www.bvckup.com/support/forums/topic_show.pl?tid=170"&gt;these comments&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;Further reducing the size of the executable and its run-time memory footprint&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Two other features that I am considering are &lt;em&gt;run as a service&lt;/em&gt; and &lt;em&gt;versioning&lt;/em&gt; (either in a form of backup snapshots or per-file archives), but these are fairly big features and each may warrant a separate release.&lt;/p&gt;
&lt;h2&gt;User interface&lt;/h2&gt;
&lt;p&gt;This is where things start to get interesting.&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;New user interaction model whereby the configuration of certain backup parameters will be delayed until such parameters are actually used.&lt;br/&gt;&lt;br/&gt;For example, if the destination does not support symbolic links or if a symbolic link points outside of the source directory, the app will ask what to do when it runs into these conditions.&lt;br/&gt;&lt;br/&gt;&lt;img src="http://media.tumblr.com/tumblr_lhcqdt53oW1qeifvg.png"/&gt;&lt;br/&gt;This change is meant to streamline the initial setup of a backup job by not requiring a decision about what to do in exotic cases.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;Updated the main window to display some status and progress details directly in the list of backup jobs instead of keeping them in the Information panel (that is also getting redesigned for further clarity).&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;Redesigned the file filtering interface, i.e. the file/directory inclusion/exclusion.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;Optional backup job grouping as per &lt;a target="_blank" href="http://www.bvckup.com/support/forums/topic_show.pl?tid=141"&gt;these comments&lt;/a&gt;&lt;em&gt;.&lt;br/&gt;&lt;br/&gt;&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;Advanced section in Preferences to allow for easy access to all .ini settings.&lt;/li&gt;
&lt;/ul&gt;&lt;h2&gt;Speed optimizations&lt;/h2&gt;
&lt;p&gt;And &lt;em&gt;t&lt;/em&gt;&lt;em&gt;his&lt;/em&gt; is where things are starting to get &lt;em&gt;exciting&lt;/em&gt;&amp;#8230; in a nerdy kind of way :)&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;Faster disk scanning, in part due to observing exclusion/inclusion filters.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;Logic for minimizing or avoiding disk scanning whenever it&amp;#8217;s possible.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;File and directory move/rename detection.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Cache-aware reading &lt;/em&gt;&amp;#8212; speeds up file reading from the disk cache if possible and falling back to direct disk access otherwise.&lt;br/&gt;&lt;br/&gt;&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Asynchronous pipelined IO&lt;/em&gt; &amp;#8212; evens out the load that IO activity puts on the OS and eliminates idling time.&lt;/li&gt;
&lt;/ul&gt;&lt;h2&gt;Pipelined IO&lt;/h2&gt;
&lt;p&gt;Pipelined IO is &lt;em&gt;the&lt;/em&gt; change in version 2 as far as speed improvements are concerned. It is a notch up from the &amp;#8220;multithreaded&amp;#8221; disk access favored by some other backup apps.&lt;/p&gt;
&lt;p&gt;This IO model is substantially more complex to implement, but it results in a faster file access with lower system overhead. It also naturally supports various clever auto-tuning techniques. This is very cool, this is what gives the app its smarts.&lt;/p&gt;
&lt;p&gt;More on this in a separate post.&lt;/p&gt;
&lt;h2&gt;Schedule (in &lt;em&gt;very&lt;/em&gt; broad strokes)&lt;/h2&gt;
&lt;p&gt;Most of the speed-related changes are already prototyped and tested, what is left is the integration into the production code. The UI changes on the other hand are in the early stages of sketching, and this is what I will be tackling in the next few weeks (follow the &lt;a target="_blank" href="http://dribbble.com/apankrat"&gt;Dribbble feed&lt;/a&gt; for the updates).&lt;/p&gt;
&lt;p&gt;There is also a separate task of trimming the fat off the application, both its run-time resource usage and the executable size. This translates into another few weeks of work.&lt;/p&gt;
&lt;p&gt;The website refresh is another big item, so all in all it&amp;#8217;s going to be 2-3 months &lt;em&gt;at least&lt;/em&gt;, and more likely double that. &lt;a target="_blank" href="http://tumblr.com/xtg1h8ahs9"&gt;Good things take good time&lt;/a&gt; :)&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3572018216</link><guid>http://bvckup.tumblr.com/post/3572018216</guid><pubDate>Mon, 28 Feb 2011 15:57:00 -0800</pubDate><category>status</category></item><item><title>It's alive!</title><description>&lt;p&gt;This is to officially open this blog for business &lt;em&gt;and&lt;/em&gt; to publicly commit to not spending any more time on tweaking its design. A &lt;a href="http://Got%20a%20lively%20discussion%20(and%20quite%20a%20bit%20of%20foot%20traffic)%20of%20the%20How%20Bvckup%20got%20its%20name%20on%20Hacker%20News.%20The%20main%20problem%20with%20the%20name%20appears%20to%20be%20how%20to%20pronounce%20it.%20And%20the%20answer%20is%20-%20I%20don't%20know.%20" target="_blank"&gt;month and a half&lt;/a&gt; of it should be plenty enough :)&lt;/p&gt;
&lt;p&gt;Do take a look at a &lt;a href="#footer" target="_blank"&gt;beautiful footer&lt;/a&gt; for the ways to keep up with the blog.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3329708557</link><guid>http://bvckup.tumblr.com/post/3329708557</guid><pubDate>Wed, 16 Feb 2011 10:55:00 -0800</pubDate><category>blog</category></item><item><title>How Bvckup got its name</title><description>&lt;p&gt;Bvckup started its life as a small copying utility that I wrote for my own use and back then it was going under the name of JustCopy. Despite its spartan interface and hard-coded configuration that early version proved to be useful. It was a solid prototype of a real product, and a real product needed a name.&lt;/p&gt;
&lt;p&gt;Read on to learn how the app got its name and the logo.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgl2zgEHfU1qeifvg.png"/&gt;&lt;/p&gt;
&lt;!-- more --&gt;
&lt;h2&gt;Name is the first impression&lt;/h2&gt;
&lt;p&gt;Naming a product is hard, and naming it &lt;em&gt;well&lt;/em&gt; is really hard. Name is frequently the first thing someone learns about the product, and this first impression - it really lasts, and it&amp;#8217;d better be absolutely spot on.&lt;/p&gt;
&lt;p&gt;Consider, an example:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lge4dciGCM1qeifvg.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;I can call it a &lt;a target="_blank" href="http://www.iittala.com/web/Iittalaweb.nsf/en/products_eating_cutlery_mango_dinner_spoon"&gt;dinner spoon&lt;/a&gt; or I can call it a &amp;#8220;soup delivering apparatus №2&amp;#8221;. Which one sets a better tone for introducing a one-of-a-kind designer product?&lt;/p&gt;
&lt;p&gt;Exactly :)&lt;/p&gt;
&lt;h2&gt;Making it memorable&lt;/h2&gt;
&lt;p&gt;Good names generally have strong concepts behind them. A concept may be as effective at making the name stick in a memory as hammering it into people&amp;#8217;s heads with brand awareness campaigns. Repetition surely works, but so does the originality.&lt;/p&gt;
&lt;p&gt;&lt;a target="_blank" href="http://www.utorrent.com"&gt;μTorrent&lt;/a&gt; for a really light BitTorrent client - that&amp;#8217;s a very good name. But &lt;a target="_blank" href="http://project-voldemort.com/"&gt;Voldemort&lt;/a&gt; for a distributed storage &amp;#8212; &lt;em&gt;this&lt;/em&gt; is a raw genius.&lt;/p&gt;
&lt;p&gt;Examples are aplenty, and yet the product naming remains more of an art form rather than anything else. Its practicing artisans &lt;a target="_blank" href="http://www.sfgate.com/cgi-bin/article.cgi?f=/c/a/2007/04/08/MNGVQP4S521.DTL"&gt;wield exotic tools&lt;/a&gt; like Swahili dictionaries and Scrabble tiles and not shying away from charging towards 10-20K per project.&lt;/p&gt;
&lt;p&gt;As much as I wanted to try this route, it was clearly an overkill for a file copying tool.&lt;/p&gt;
&lt;h2&gt;DIY naming&lt;/h2&gt;
&lt;p&gt;The first step in the naming endeavor is to write down a bunch of words describing product&amp;#8217;s core function and sprinkle with adjectives describing its attributes. Then stir and combine, see what comes out and go with the associations.&lt;/p&gt;
&lt;p&gt;Here&amp;#8217;s how it worked for Bvckup.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgf0hvtHlU1qeifvg.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Function:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;backup, copy, clone, replicate, mirror, sync&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Attribute:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;light, small, simple, intelligent, fast&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;With these as a starting point, started mixing and after a while arrived at the first option:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Small  &amp;#160;›   Nano  &amp;#160;›   Micro (courtesy of uTorrent)   &amp;#160;›  uBackup  &amp;#160;›   Buckup&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Buckup was a complete LOL, of course, and yet it had something. It was short, it was surely memorable and it had a direct link to the nature of the program &amp;#8212; something that is used to prevent data #uck-ups.&lt;/p&gt;
&lt;p&gt;Set it aside and continued. The second take was through the simplicity angle:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Simple  &amp;#160;›   Trivial  &amp;#160;›   Vulgar  &amp;#160;›   Backupus Vulgaris  &amp;#160;›   &lt;a target="_blank" href="http://www.bulgari.com/"&gt;Bvlgari&lt;/a&gt;s  &amp;#160;›   Bvckup&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Now this was interesting. Not as rude as the first option, but as short and as closely related to the &lt;em&gt;backup&lt;/em&gt; word.&lt;/p&gt;
&lt;p&gt;It also had neat typographic properties. V is a flipped over A and it has a basic form of a shield. V is also pointy so it can be shaped into an arrow, and arrows are good, they capture the motion and agility aspect.&lt;/p&gt;
&lt;h2&gt;Validating the idea&lt;/h2&gt;
&lt;p&gt;It was time to run the idea by other people, see if it holds up.&lt;/p&gt;
&lt;p&gt;For that it really helps to know places where people are not shying away from giving real critique. One such place is a stable and thoughtful community over at &lt;a target="_blank" href="http://typophile.com/forum"&gt;Typophile&lt;/a&gt; forums, and the &lt;a target="_blank" href="http://typophile.com/forum/23"&gt;Corporate ID Design&lt;/a&gt; forum specifically.&lt;/p&gt;
&lt;p&gt;The Bvckup thread is at &lt;a target="_blank" href="http://typophile.com/node/54931"&gt;&lt;a href="http://typophile.com/node/54931" target="_blank"&gt;http://typophile.com/node/54931&lt;/a&gt;&lt;/a&gt; and the responses show that the #uck-up reference was still a bit too strong. That however was something that could be offset by means of visual design.&lt;/p&gt;
&lt;h2&gt;Wordmarks&lt;/h2&gt;
&lt;p&gt;I am a very big proponent of simple logotypes, and best among these are &lt;a target="_blank" href="http://en.wikipedia.org/wiki/Wordmark"&gt;wordmarks&lt;/a&gt;. Take the name, set in a standard font and then tweak it to achieve a distinct look and desired feel.&lt;/p&gt;
&lt;p&gt;For example, here is Landor&amp;#8217;s, the branding agency behind &lt;a target="_blank" href="http://www.landor.com/index.cfm?do=ourwork.by_client"&gt;lots and lots of identity work&lt;/a&gt;:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgf3cxmutW1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Or this:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgf3gkqxmu1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Or this:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgf3grTt2D1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Still unconvinced? :) Head over to David Pache&amp;#8217;s excellent collection of &lt;a target="_blank" href="http://www.helveticbrands.ch/blog/100_Brands_of_Interest/"&gt;100 Brands of Interest&lt;/a&gt; and see how many of the brands are wordmarks. Parts two and three are &lt;a target="_blank" href="http://www.helveticbrands.ch/blog/100_Brands_of_Interest_II/"&gt;here&lt;/a&gt; and &lt;a target="_blank" href="http://www.helveticbrands.ch/blog/100brands3/"&gt;here&lt;/a&gt; respectively.&lt;/p&gt;
&lt;p&gt;In any case, back to Earth.&lt;/p&gt;
&lt;h2&gt;Developing the idea&lt;/h2&gt;
&lt;p&gt;With V being a focus element of the name, it was only natural to build the customization around it. The pointy shape of the V suggested an arrow and a bit of doodling on a paper yielded these two:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgf47bcPcw1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Further varying this and that in both designs led to a larger set of options:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgfe3eU2LN1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Now it was just a matter of selecting a symbol that matched the target feel of the logo the best. This involved just sitting there, staring at the screen and subjectively sorting designs by their appropriateness for the task.&lt;/p&gt;
&lt;p&gt;Anything with the sharp pointy angles was a no-go. Asymmetrical designs were inferior to those with symmetry, and smooth curves looked better than straight and jointed lines.&lt;/p&gt;
&lt;h2&gt;The result&lt;/h2&gt;
&lt;p&gt;After a day or so of intense staring the option at the top left appeared to be the best choice and after a bit more tweaking to smooth its outer angles, the mark was done.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgf4o1gFca1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;It&amp;#8217;s a V and a flipped over A. It&amp;#8217;s a shield and it&amp;#8217;s an arrow referring to &lt;em&gt;stashing&lt;/em&gt; or bolting things down. It is also a very simple and distinct symbol in its own right that works nicely as an application icon.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgfdsj6ZsZ1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Almost a year after someone &lt;a target="_blank" href="http://www.donationcoder.com/forum/index.php?topic=24261.msg220634#msg220634"&gt;pointed out&lt;/a&gt; that V doubled as a flipped over Greek letter Δ. Delta reference is of some significance because it&amp;#8217;s the &lt;em&gt;delta copying&lt;/em&gt; what gives Bvckup its &lt;a target="_blank" href="http://www.bvckup.com/support/forums/topic_show.pl?tid=62"&gt;mind-boggling speed&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;In any case, there you have it - from a list of nouns and adjectives to the name and from your ol&amp;#8217; &lt;a target="_blank" href="http://www.typography.com/fonts/font_overview.php?productLineID=100008"&gt;Gotham&lt;/a&gt; to the product logo. From start to finish - in about one month.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lgfdu0bUfu1qeifvg.png"/&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3283335299</link><guid>http://bvckup.tumblr.com/post/3283335299</guid><pubDate>Sun, 13 Feb 2011 17:23:00 -0800</pubDate><category>identity design</category></item><item><title>Finishing touches</title><description>&lt;p&gt;Tying up some loose ends.&lt;/p&gt;
&lt;p&gt;A gentle warning for those running &lt;a target="_blank" href="http://noscript.net/"&gt;NoScript&lt;/a&gt; plugin. Here is a &lt;a target="_blank" href="http://bvckup.tumblr.com/?noscript"&gt;demo&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lghtz73bNa1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;A notice to introduce this blog on the &lt;a href="http://bvckup.com" target="_blank"&gt;homepage&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lghu3rFc9y1qeifvg.png"/&gt;&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3248269538</link><guid>http://bvckup.tumblr.com/post/3248269538</guid><pubDate>Fri, 11 Feb 2011 23:29:00 -0800</pubDate><category>web design</category><category>blog</category><category>website</category></item><item><title>Regarding the timeframe</title><description>&lt;p&gt;A very reasonable question &lt;a target="_blank" href="http://twitter.com/ckasprzak/status/35718419340853248"&gt;arrived today&lt;/a&gt; over at Twitter:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;a href="http://twitter.com/apankrat" target="_blank"&gt;&lt;span class="status-body"&gt;&lt;span class="status-content"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;strong&gt;&lt;a href="http://twitter.com/ckasprzak" target="_blank"&gt;ckasprzak&lt;/a&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span class="tweet-url screen-name"&gt; &lt;/span&gt;&lt;/strong&gt;&lt;span class="status-body"&gt;&lt;span class="status-content"&gt;&lt;span class="entry-content"&gt;&lt;a href="http://twitter.com/apankrat" target="_blank"&gt;@&lt;span class="tweet-url username"&gt;apankrat&lt;/span&gt;&lt;/a&gt; so is it a web design or app UI? Any ETA on v2?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;span class="status-body"&gt;&lt;span class="status-content"&gt;&lt;span class="entry-content"&gt;And an answer to this question is this:&lt;br/&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;A guy brings a bolt of fine cloth to his Jewish tailor and asks him to make a pair of pants.&lt;/p&gt;
&lt;p&gt;A week later he returns, but the pants aren&amp;#8217;t ready. Two weeks later he returns, but the pants aren&amp;#8217;t ready. Three weeks, four weeks, five weeks - no pants! Finally, after six weeks, the pants are ready, and they fit perfectly.&lt;/p&gt;
&lt;p&gt;Nevertheless, the man can&amp;#8217;t resist a jibe at the tailor. &amp;#8220;You know,&amp;#8221; he says, &amp;#8220;it took God only six days to make the world. But it took you six weeks to make a single pair of pants.&amp;#8221; &amp;#8220;Ah,&amp;#8221; says the tailor, &amp;#8220;But look at this pair of pants … and look at the world!&amp;#8221;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;!-- more --&gt;
&lt;p&gt;In other words, &lt;a target="_blank" href="http://drbl.in/POO"&gt;that screenshot&lt;/a&gt; is just a blog footer :)&lt;/p&gt;
&lt;p&gt;The app UI and the main website designs are to follow. Some parts are sketched, but more work is needed. Tentative v2 development and its release schedule is due soon as well, and so is the list of v2 features.&lt;/p&gt;
&lt;p&gt;Stay tuned, good things take good time, but they &lt;em&gt;are&lt;/em&gt; coming.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3218633865</link><guid>http://bvckup.tumblr.com/post/3218633865</guid><pubDate>Thu, 10 Feb 2011 10:16:00 -0800</pubDate><category>status</category></item><item><title>Input control styling</title><description>&lt;p&gt;Just started on &lt;a target="_blank" href="http://en.wikipedia.org/wiki/Slicing_%28interface_design%29"&gt;slicing&lt;/a&gt; the blog footer &lt;a href="http://en.wikipedia.org/wiki/Comprehensive_layout" target="_blank"&gt;comp&lt;/a&gt;, should be done by Monday.&lt;/p&gt;
&lt;p&gt;The last thing before that was a matter of input control styling. After trying this and that the following was a set of lucky finalists:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lg47yq9o3V1qeifvg.png"/&gt;&lt;/p&gt;
&lt;!-- more --&gt;
&lt;p&gt;As one can plainly see, the issue here is not the &lt;em&gt;lack&lt;/em&gt; of choices, but rather their abundance. One good option typically leads to few more. When it rains, it pours kind of situation.&lt;/p&gt;
&lt;h2&gt;Single-input form&lt;/h2&gt;
&lt;p&gt;While the control looks nice, it also &lt;em&gt;works&lt;/em&gt; in a fairly unique way.&lt;/p&gt;
&lt;p&gt;Click on a control, type the email address and hit Enter (or click on the arrow), see it disable any further input and submit the email to the server. When the server responds, the control shows ✓ for a confirmation and&amp;#160;! for an error:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lg48nnnw9m1qeifvg.gif"/&gt;&lt;/p&gt;
&lt;p&gt;This is as compact as it gets without loosing usability. Consider it my humble contribution to the modern UX design :)&lt;/p&gt;
&lt;p&gt;There is a live version on the existing &lt;a target="_blank" href="http://bvckup.com/follow"&gt;Follow page&lt;/a&gt;. Feel free to play with it and I will clean up the junk submissions later.&lt;/p&gt;
&lt;h2&gt;The dots&lt;/h2&gt;
&lt;p&gt;These spinning dots&amp;#8230; there&amp;#8217;s something hypnotizing about them and it makes me want to put an artificial delay in the processing to keep them spinning a little longer. Doesn&amp;#8217;t work with three dots, nor does it work with one (off-center) dot. Go figure.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3112035124</link><guid>http://bvckup.tumblr.com/post/3112035124</guid><pubDate>Fri, 04 Feb 2011 15:21:00 -0800</pubDate><category>web design</category><category>blog</category></item><item><title>Styling the blog footer</title><description>&lt;p&gt;Half way through redoing the blog footer from its temporary form -&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lfzfovU76u1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;to something a bit more elaborated -&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lfxigxbJ8r1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;The footer will then further be recycled for the main website, so this ties into the styling work of the main site.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/3045724779</link><guid>http://bvckup.tumblr.com/post/3045724779</guid><pubDate>Tue, 01 Feb 2011 00:07:00 -0800</pubDate><category>web design</category><category>blog</category></item><item><title>On sidebar styling</title><description>&lt;p&gt;A pair of sketches to show a bit of the &amp;#8220;behind the scenes&amp;#8221; design routine. In this case it&amp;#8217;s the styling of the sidebar information that accompanies every post.&lt;/p&gt;
&lt;p&gt;The first option used icons as link labels:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lfqzt0EUs41qeifvg.png"/&gt;&lt;/p&gt;
&lt;!-- more --&gt;
&lt;p&gt;It looked good on its own, but when considered in the context of the whole page it happened to add an unnecessary visual noise. Sidebar is a supplementary information after all and it should not be attracting more attention than the post itself. &lt;/p&gt;
&lt;p&gt;The second option was much simpler and it relied purely on a typographic styling:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lfr00zgKpT1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;The issue here was of the implementation nature. The italics are &lt;a target="_blank" href="http://en.wikipedia.org/wiki/Georgia_(typeface)"&gt;Georgia &lt;/a&gt;and it does not render well on Windows in smaller font sizes. For this reason the labels had to be pre-rendered into the &lt;a target="_blank" href="http://bvckup.com/tumblr/img/back-post-what.png"&gt;div&amp;#8217;s background&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Icons&lt;/h2&gt;
&lt;p&gt;Had good time making the icons though :) Here&amp;#8217;s the full set &lt;a target="_blank" href="http://drbl.in/Jvk"&gt;as seen on Dribbble&lt;/a&gt;:&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lfr0b2zFpU1qeifvg.png"/&gt;&lt;/p&gt;
&lt;p&gt;Perhaps will have a chance to recycle them for some other project one day.&lt;/p&gt;</description><link>http://bvckup.tumblr.com/post/2979439913</link><guid>http://bvckup.tumblr.com/post/2979439913</guid><pubDate>Fri, 28 Jan 2011 11:50:00 -0800</pubDate><category>web design</category><category>blog</category></item></channel></rss>
