Now OneFeed has a tag cloud, more responsive UI across desktop and phone browsers. Also performance of this site is improved a bit.

Tag Cloud

Both Javascript and CSS can implement tag cloud. A JQuery plugin called jQCloud can produce very beautiful tag cloud. But considering Javascript may be disabled, a CSS implementation is more reliable. My implementation is largely based on this CSS tag cloud.

tag cloud

Responsive UI

responsive ui

First of first to implement a responsive UI,

<meta name="viewport" content="width=device-width, initial-scale=1.0">

For others like @media query and relative width, this doc from Google is helpful.

Performance Tuning

Most ORM frameworks like JPA and ActiveRecord have N+1 queries problem, because they fetch associations lazily.

The tag strings on the index page of OneFeed was loaded lazily when the ERB file was rendering, which caused a typical N+1 queries problem. Rails provides includes method to eagerly load associations, which reduces queries to 2 times.