Firefox Reader View(Revisiting :Visited )

Last few days I spent working on reader view mode bugs in firefox. As my mentor Gijs was on PTO, So Jared  helped me a lot.  Firefox has a beautiful Reader View that strips away all of a website’s clutter so that you can focus on what you’re reading. Some awesome features  of this modes:

  • Enable and disable Reader View just by one click Reader mode  !
  • Customize the way things look in Reader View. Aa ? Change the size of the text, switch fonts or change the theme from light to dark for reading in the dark!

And the favorite one 😀

  • Share your favorites articles directly from this mode.

I worked on bug  Bug 1170955 and two more related to reader mode. But this particular bug was my favorite. Because it is related to  something that is always in front of our eyes but eyes are too lazy to notice this 😛

Revisiting :Visited   

Showing whether a link on a web page has been visited or not can be very useful. right? Well, yes obviously it is 🙂  Normally in CSS Links can be styled with any CSS property (eg: color, background, etc.) but in addition, links can be styled differently depending on what state they are in?

There are four states:

  • a:link – a normal, unvisited link
  • a:visited – a link the user has visited
  • a:hover – a link when the user mouses over it
  • a:active – a link the moment it is clicked

Note: When setting the style for several link states, there are some order rules:

> a:hover MUST come after a:link and a:visited

 

> a:active MUST come after a:hover

Let’s take an example:

a:link,
a:link:hover,
a:link:active {

color: #0095dd;

}

Isn’t it is easy and interesting?  Eyes are too lazy to notice that. Bug is fixed now 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s