Title: Page 101 – Alex Kirk

---

 * 
   ## 󠀁[Reddit-like Collapsible Threads for Hacker News](https://alex.kirk.at/2010/02/16/collapsible-threads-for-hacker-news/)󠁿
   
 * February 16, 2010
 * I enjoy consuming and participating at [Hacker News](http://news.ycombinator.com/)
   by [Y Combinator](http://www.ycombinator.com/) resp. [Paul Graham](http://www.paulgraham.com/).
 * One thing that needs improvement is the reading comments there. At times it happens
   that the **first comment develops into a huge thread**, and then the **second
   top-level comment** (which might also be well worth reading) **disappears** somewhere
   down into the page.
 * ⌊Collapsible Threads at Hacker News through a bookmarklet⌉⌊Collapsible Threads
   at Hacker News through a bookmarklet⌉[Reddit](http://reddit.com/) has combatted
   this common problem by **making threads easily collapsible**. I think it is worth
   having this also on Hacker News, so I implemented it and wrapped it into a bookmarklet
   so that you can use this functionality on-demand at Hacker News.
 * Drag this to your bookmarks bar: [collapsible threads](https://alex.kirk.at/page/101/(function()%7Bvar%20s=document.createElement('script');s.type='text/javascript';s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js';document.documentElement.childNodes%5B0%5D.appendChild(s);s=document.createElement('script');s.type='text/javascript';s.src='https://alex.kirk.at/js/hackernews-collapsible-threads-v4.js';document.documentElement.childNodes%5B0%5D.appendChild(s);%7D)();?output_format=md&term_id=1122)
 * As soon as it is available in your bookmarks bar, go to Hacker News and **click
   on it when viewing a comments page**. Next to each thread a symbol [+] will appear.
   Click it to collapse the thread and it will change to a [-]. Click that to expand
   the thread again.
 * I have licensed the source code under an MIT License. Click here to view the 
   source code of [hackernews-collapsible-threads.js](https://alex.kirk.at/js/hackernews-collapsible-threads.js).(
   Actually for caching reasons the bookmarklet currently loads [hackernews-collapsible-threads_-v6_.js](https://alex.kirk.at/js/hackernews-collapsible-threads-v6.js)
   which is actually just the same)
 * The Hacker News HTML source code seems quite fragile in the sense that the comments
   section of a page can’t be identified in a really unique way (for example it 
   does not have an HTML id attribute), so it might break when the layout of the
   page changes. This is why the bookmarklet is actually only a loader for the script
   on my server. I have tuned the HTTP headers in a way that your browser should
   properly cache the script so that the speed of my server should not affect the
   loading of the bookmarklet.
 * Enjoy :)
 * If you use Hackernews on another URL than news.ycombinator.com or hackerne.ws,
   use this bookmarklet: [collapsible threads (no domain check)](https://alex.kirk.at/page/101/(function()%7Bdomaincheck=false;var%20s=document.createElement('script');s.type='text/javascript';s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js';document.documentElement.childNodes%5B0%5D.appendChild(s);s=document.createElement('script');s.type='text/javascript';s.src='https://alex.kirk.at/js/hackernews-collapsible-threads-v3.js';document.documentElement.childNodes%5B0%5D.appendChild(s);%7D)();?output_format=md&term_id=1122)
 * **Update March 18, 2011:** [Paul Biggar](http://www.paulbiggar.com/) has contributed
   a [greasemonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/)
   script that also works on Firefox 4. I have adapted it so that it also works (
   which basically involved copying the jQuery script above mine) in Safari and 
   Chrome (using [NinjaKit](http://d.hatena.ne.jp/os0x/20100612/1276330696)).
 * [Install Greasemonkey script](https://alex.kirk.at/js/hacker_news_comment_coll.user.js?output_format=md&term_id=1122)
 * [Install Paul Biggar’s Greasemonkey script](https://alex.kirk.at/js/hacker_news_comment_coll-paul-biggar.user.js?output_format=md&term_id=1122)
 * **Update November 22, 2011:** Eemeli Aro has sent me a little CSS tweak so that
   the lines don’t move around when collapsing. The code downloadable from above
   contains his code. Thank you!
 * [Web](https://alex.kirk.at/category/web/)
 * 
   ## 󠀁[Colorillo](https://alex.kirk.at/2009/10/22/colorillo/)󠁿
   
 * October 22, 2009
 * Currently I am doing my civillian service in Austria (though only 1.5 months 
   to go), but in summer when I had a little free time I built something small and
   neat: Colorillo.
 * [⌊Colorillo⌉⌊Colorillo⌉[
 * [Colorillo](http://colorillo.com/) is a very simple drawing program on a web 
   site. What makes it particularly fun is that you can **draw together** with other
   people. Whatever someone draws on the page you are currently on, you will see
   right away.
 * [⌊Colorillo⌉⌊Colorillo⌉[
 * Colorillo makes use of a [plethora of interesting technologies](http://colorillo.com/about.php)
   to accomplish simultaneous drawing. Among them are:
    - [HTML5 Canvas](http://en.factolex.com/Canvas:element_html)
    - [Comet](http://en.factolex.com/Comet:programming) through [orbited](http://www.orbited.org/)
    - [rabbitMQ](http://www.rabbitmq.com/)
 * Then in October I got the chance to bring Colorillo onto the LED wall of the 
   [archdiploma 2009 exhibition](http://www.kunsthallewien.at/cgi-bin/event/event.pl?id=3224&lang=en)
   at [Kunsthalle Vienna](http://www.kunsthallewien.at/), so at the moment you can
   stand in front of the building and use Colorillo to draw on it. It’s fun!
 * ![Colorillo on Kunsthalle Wien](https://alex.kirk.at/img/colorillo-kunsthalle.
   jpg)
 * [colorillo](https://alex.kirk.at/category/projects/colorillo/)

 [Previous Page](https://alex.kirk.at/page/100/?output_format=md&term_id=1122) [Next Page](https://alex.kirk.at/page/102/?output_format=md&term_id=1122)