
**TLDR;** [https://github.com/vraa/css-timeline](https://github.com/vraa/css-timeline)

Just finished updating/redesigning (or messing up) [my online resume](https://veerasundar.com/resume/). For the new design, I needed a timeline like UI component to show my work history. The componenent need not to be a perfect timeline, with actual scaling and all. But it should look like one and should respond to the screen width.

Here's a screenshot of the timeline component from my resume's work history section.

<a
  href="http://www.flickr.com/photos/94921037@N05/12284453065/"
  title="timeline by v33ra, on Flickr"
>
  <img
    src="http://farm4.staticflickr.com/3786/12284453065_87e377c0e9_c.jpg"
    width="800"
    height="557"
    alt="timeline"
  />
</a>

And, here's the responsive layout of the timeline in smaller screens.

<a
  href="http://www.flickr.com/photos/94921037@N05/12284483625/"
  title="timeline-responsive by v33ra, on Flickr"
>
  <img
    src="http://farm8.staticflickr.com/7391/12284483625_0f187a5924_c.jpg"
    width="501"
    height="800"
    alt="timeline-responsive"
  />
</a>

After implementing the design, I thought of separating the timeline code alone as a re-usable component. Hence the new github repo: [https://github.com/vraa/css-timeline](https://github.com/vraa/css-timeline).

If you have a need to use something similar in your code, feel free to fork and use. Customize the variables in timeline.less file to your taste and compile it with less.js.

Fair warning: There are few limitations with the current implementation, which I'll fix in near future. If you happened to patch any bugs, please send me a pull request. TIA.


Responsive timeline with CSS and HTML


Recently I happened to use Windows to do some cross browser testing (no prizes for guessing the browser). It's  been a long time since I used Windows and Ubuntu has become my primary OS then. And, when I was a windows user, I never cared about its command prompt. Mainly because I never had anything to do in the command line.

But things have changed, thanks to Git. Now, the command line has become an inseparable tool in my dev life. Ubuntu has console which is quite effective to work with. But, Windows command prompt is never programmer-friendly.

For an example - have you ever tried to copy & paste text in command prompt? If you'd, you know its PITA. So, I was eagerly searching for an command prompt alternative just because of this one reason.

Thanks to [Console2][1], I found one.

[1]: http://sourceforge.net/projects/console/ "Console2 - command prompt alternative"

[![][3]][3]

[]: http://sourceforge.net/projects/console/

Here's why I like this little tool:

1.  Copying is now really simple: **Shift Left click **and **drag **to select text and copy. You can even enable the option to auto copy when you select the text.
2.  Pasting is *dead *simple - just **middle click**.
3.  Support for tabs - you can have multiple console tabs inside single window.
4.  Ability to set 'startup directory' and configure shortcut keys.

Now this Console2 has completely replaced the Windows command prompt & Power shell. If you are in Windows, try this - you won't regret.


#util (2)