Blog Categories

Blog Archive

My Latest Tweets

Feedly Mosaic Userstyle, Reclaim Your RSS Grid PDF Print E-mail
April 10, 2013

 

 

 

The outstanding RSS Reader app called Feedly released a new version of the app with v14. Version 14 comes with a lot of new features, bug fixes, speed improvements and much more but unfortunately they decided to kill the "Mosaic" view (Grid) from v14. Feedly decided to replace the "Mosaic" view (my preferred view) with a new "Cards" view which essentially was an attempt to do the vertical column layout style made famous by Pinterest. In my opinion, and many others, this was a mistake. I decided to create a userstyle with the browser addon, Stylish. Before we get to the userstyle that I created and the reasons of why I created it...you should first know what a Userstyle is and what Stylish is.

 

RSS Feed: http://michaeltunnell.com/feeds/feedly-mosaic-userstyle
Latest Update: 4.0.0 (November 14th, 2014) - Blog Post for Latest Update

 

What is Stylish?

Stylish is an extension for Firefox & Google Chrome that allows a user to manipulate the look of a website by altering the CSS of the site. These alterations only apply to the user who has the extension installed and a userstyle installed, it does not actually affect the site itself. You may have heard of the extension "Greasemonkey" which does the same thing but uses javascript instead of CSS.

 

What is a Userstyle?

A userstyle is a collection of CSS code that is installed via Stylish in order to manipulate a site for various reasons. Using a userstyle allows you to alter a site and keep the modifications over multiple sessions so you only have to activate it once to use it over and over.

 

Why I created this userstyle:

Feedly replaced Mosaic with Cards and as I said before...Cards is simply a mistake...it looks great on Android but it is just a ton of wasted space on the desktop versions of Feedly. Below I have provided screenshots of both Cards and my new Mosaics view. Feedly's original Mosaic view did not look like what mine does but it was close enough.

 

Before My Userstyle (Cards)

(click image to enlarge)

 

As you can see the Cards view actually looks pretty good but it wastes a lot of space...so much so that you can only read the item titles of just 3 items. This is not acceptable to me which is why I created this userstyle.

 

After My Userstyle (Mosaic)

(click image to enlarge)

Now the items are presented in a nice Grid layout which allows the items to display the thumbnail of the item, item title, mark as read link and the save for later link all in a nice but condensed layout. This save a LOT of space as you can now see 12 items and their item titles simultaneously.

 

  Before My Userstyle (Cards) After My Userstyle (Mosaic)
Item Thumbnails 6 12
Visible Item Titles 3

12

Mark as Read Link (visible as of v14.0.477)

Icon (when needed)

Save for Later Link (visible as of v14.0.477)

Icon (when needed)

 

Cards: before v14.0.477 the links were hidden so they were not usable until you opened an item.

Mosaic: the icons are hidden until you hover an item, then they display in the top right corner for easy quick access.

 

Known Bugs:

Save for Later Icon doesn't update once saved: this is because Feedly's code does not change anything but the text of the link and unfortunately because of this it forces the icon to not be modified when saved. This could be solved with a greasemonkey script but to require another addon and installing a script for something so small just doesn't seem worth it to me. Hopefully, Feedly will correct this by allowing the code itself to change.

 

How to get the Mosaic Userstyle:

  1. Install the Stylish extension for Firefox or Google Chrome
  2. Install the Mosaic Userstyle into Stylish, from the button below.
  3. Enjoy your new Mosaic view of Feedly!

 

Install Feedly Mosaic Userstyle

(hosted by userstyles.org)

 

What do you think of the Mosaic userstyle I made? Do you have any suggestion to make it better? Let me know in the comments below.

 

 

Userstyle Info:

Version: 3.1.0
Released: April 14th, 2013
Feedly Compatible: 14.0.477+

 

View the Changelog

 

 

blog comments powered by Disqus