{"id":523106,"date":"2010-04-11T01:50:59","date_gmt":"2010-04-11T05:50:59","guid":{"rendered":"http:\/\/techie-buzz.com\/?p=22676"},"modified":"2010-04-27T10:05:56","modified_gmt":"2010-04-27T14:05:56","slug":"remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on","status":"publish","type":"post","link":"https:\/\/mereja.media\/index\/523106","title":{"rendered":"Remove Colors and Backgrounds From Webpages With NoColor Firefox Add-on"},"content":{"rendered":"<p>Quite often, you may find some blogs with horrible designs and backgrounds. The content is good and you want to read the page but the colors used in the site&#8217;s layout make it impossible to read. If you want to get rid of all the colors from a webpage, the Nocolor Firefox add-on will come in handy. The add-on removes all the background images and colors, thus offering a clean reading environment.<\/p>\n<p><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/5758\">Download the No Color Firefox add-on<\/a>. Internet explorer users can try <a href=\"http:\/\/techie-buzz.com\/internet-tools\/iesurfgear-wipe-out-clutter-from-webpages-in-internet-explorer-for-easier-reading.html\">IESurfGear<\/a> instead.<\/p>\n<p>Once the add-on is installed, restart Firefox and go to Tools &gt; add-ons &gt; Nocolor &gt; Options. Choose the text and background color which you want to see once you use the extension.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;\" title=\"nocolor-settings\" src=\"http:\/\/cache.techie-buzz.com\/images\/postimg\/NoColorRemovesColorsandBackgroundsfromWe_9B38\/nocolorsettings.png\" border=\"0\" alt=\"nocolor-settings\" width=\"526\" height=\"312\" \/><\/p>\n<p>The add-on adds a small button in the status bar and a link in the &#8220;View&#8221; menu so that you can quickly remove all the background garbage from cluttered webpages and read the content at ease.<\/p>\n<p>I tried the add-on on Techie Buzz and here are the results:<\/p>\n<p>Before<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;\" title=\"before-using-nocolor\" src=\"http:\/\/cache.techie-buzz.com\/images\/postimg\/NoColorRemovesColorsandBackgroundsfromWe_9B38\/beforeusingnocolor.png\" border=\"0\" alt=\"before-using-nocolor\" width=\"400\" height=\"229\" \/><\/p>\n<p>After<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;\" title=\"after-using-nocolor\" src=\"http:\/\/cache.techie-buzz.com\/images\/postimg\/NoColorRemovesColorsandBackgroundsfromWe_9B38\/afterusingnocolor.png\" border=\"0\" alt=\"after-using-nocolor\" width=\"400\" height=\"225\" \/><\/p>\n<p>Note that the add-on is not an ad blocker and neither it removes the borders. It will remove the background colors and replace the text color with your chosen color from the add-on options.<\/p>\n<h3>How this add-on can be used as a Design tool<\/h3>\n<p>If you love designing websites and themes, often you would search the web for design inspiration. Whenever I am designing something and want to create a CSS structure for a theme or layout, I will head over to a popular blog or website and see how the designer has implemented the CSS. I would turn on Firebug and then see the different Div tags one by one and learn to code myself.<\/p>\n<p>But most of the themes contain colors, images and other graphics which is of course a barrier when you are learning to code. <strong>The Nocolor add-on, paired with Firebug helps to copy the CSS structure with all colors disabled.<\/strong><\/p>\n<h3>Techie Buzz Verdict<\/h3>\n<p>The add-on removes the colors but should have more options to choose from. I would love to see more features included in the future versions &#8211; remove the borders, block the ads etc.<\/p>\n<p><strong>Techie Buzz rating: <\/strong>3\/5 (average).<\/p>\n<div style=\"font-size:12px\">\n<strong>Share:<\/strong><br \/>\n<a href=\"http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html#commentrespond\" rel=\"bookmark\" >Comment on This Post<\/a> |<br \/>\n<a href=\"http:\/\/twitter.com\/home?source=techiebuzz&#038;status=Remove%20Colors%20and%20Backgrounds%20From%20Webpages%20With%20NoColor%20Firefox%20Add-on%20http%3A%2F%2Fbit.ly%2Fc65EUE%20via%20@techiebuzzer\" rel=\"bookmark\" >Tweet This<\/a> |<br \/>\n<a href=\"http:\/\/www.facebook.com\/sharer.php?u=http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html\" rel=\"bookmark\" >Share on Facebook<\/a> |<br \/>\n<a href=\"http:\/\/del.icio.us\/post?url=http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html&#038;title=Remove%20Colors%20and%20Backgrounds%20From%20Webpages%20With%20NoColor%20Firefox%20Add-on\" rel=\"bookmark\" >Save to Delicious<\/a> |<br \/>\n<a href=\"http:\/\/www.stumbleupon.com\/submit?url=http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html\" rel=\"bookmark\" >Stumble This<\/a> |<br \/>\n<a href=\"http:\/\/digg.com\/submit?phase=2&#038;url=http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html&#038;title=Remove%20Colors%20and%20Backgrounds%20From%20Webpages%20With%20NoColor%20Firefox%20Add-on\" rel=\"bookmark\" >Digg This<\/a> |<br \/>\n<a href=\"http:\/\/www.reddit.com\/submit?url=http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html&#038;title=Remove%20Colors%20and%20Backgrounds%20From%20Webpages%20With%20NoColor%20Firefox%20Add-on\" rel=\"bookmark\" >Reddit This<\/a>\n<\/div>\n<p><\/p>\n<div><strong style=\"font-size:11px;\">TAGS:<\/strong> <span style=\"text-transform:uppercase;font-size:11px;\"><a href=\"http:\/\/techie-buzz.com\/tag\/firefox-add-ons\" rel=\"tag\">Firefox Add-ons<\/a><\/span><br \/>\n<\/small><\/div>\n<div>\n<br \/>\n<font size=\"4\"><strong>Announcement:<\/strong> Missing Mobile News in the Main RSS Feed? We have decided to remove the mobile content from the main feed, please subscribe to our dedicated <a href=\"http:\/\/go.techie-buzz.com\/mobilerssanch\" >Mobile News RSS Feed<\/a> at <a href=\"http:\/\/go.techie-buzz.com\/mobilerss\" >http:\/\/feeds.techie-buzz.com\/techiemobile<\/a>. Thank you for your understanding.<\/font><\/p>\n<\/div>\n<div style=\"background:#E1E1E1; border: dotted 1px; padding:5px; margin-top:5px;font-size:11px\">\n<a href=\"http:\/\/techie-buzz.com\/firefox\/remove-colors-and-backgrounds-from-webpages-with-nocolor-firefox-add-on.html\" title=\"Remove Colors and Backgrounds From Webpages With NoColor Firefox Add-on\">Remove Colors and Backgrounds From Webpages With NoColor Firefox Add-on<\/a> originally appeared on <a href=\"http:\/\/techie-buzz.com\" title=\"Techie Buzz\">Techie Buzz<\/a> written by Amit Banerjee on Sunday 11th April 2010 01:50:59 AM. Please read the <a href=\"http:\/\/techie-buzz.com\/terms-of-use\">Terms of Use<\/a> for fair usage guidance. <\/div>\n<p><\/p>\n<h2>Don&#8217;t miss these Related Posts:<\/h2>\n<ul>\n<li><a href=\"http:\/\/techie-buzz.com\/internet-tools\/iesurfgear-wipe-out-clutter-from-webpages-in-internet-explorer-for-easier-reading.html??rel=rss_related&#038;utm_source=self&#038;utm_medium=web&#038;utm_campaign=rss_related\" rel=\"bookmark\" >IESurfGear: Wipe Out Clutter from Webpages in Internet Explorer for Easier Reading<\/a><\/li>\n<li><a href=\"http:\/\/techie-buzz.com\/image-tools\/remove-backgrounds-from-images-with-instant-mask.html??rel=rss_related&#038;utm_source=self&#038;utm_medium=web&#038;utm_campaign=rss_related\" rel=\"bookmark\" >Remove Backgrounds from Images With Instant Mask<\/a><\/li>\n<li><a href=\"http:\/\/techie-buzz.com\/tech-news\/colors-love-them-then-pick-them.html??rel=rss_related&#038;utm_source=self&#038;utm_medium=web&#038;utm_campaign=rss_related\" rel=\"bookmark\" >Colors love them then pick them<\/a><\/li>\n<li><a href=\"http:\/\/techie-buzz.com\/image-tools\/identify-the-colors-in-any-image-using-colorhunter.html??rel=rss_related&#038;utm_source=self&#038;utm_medium=web&#038;utm_campaign=rss_related\" rel=\"bookmark\" >Identify The Colors In Any Image Using ColorHunter<\/a><\/li>\n<li><a href=\"http:\/\/techie-buzz.com\/twitter\/the-best-tool-ever-to-create-custom-twitter-backgrounds.html??rel=rss_related&#038;utm_source=self&#038;utm_medium=web&#038;utm_campaign=rss_related\" rel=\"bookmark\" >The Best Tool Ever To Create Custom Twitter Backgrounds<\/a><\/li>\n<\/ul>\n<h2>Join Techie Buzz on Your Favorite Social Networking Sites<\/h2>\n<ul>\n<li><a href=\"http:\/\/go.techie-buzz.com\/facebookfanrss\" title=\"Become a Techie Buzz fan on Facebook\">Become a Techie Buzz fan on Facebook<\/a><\/li>\n<li><a href=\"http:\/\/go.techie-buzz.com\/twitterrss\" title=\"Follow Techie Buzz on Twitter\">Follow Techie Buzz on Twitter<\/a><\/li>\n<\/ul>\n<p><a href=\"http:\/\/feedads.g.doubleclick.net\/~a\/lB-NyI0GDPfGA9bB9fgvqeYfS3A\/0\/da\"><img decoding=\"async\" src=\"http:\/\/feedads.g.doubleclick.net\/~a\/lB-NyI0GDPfGA9bB9fgvqeYfS3A\/0\/di\" border=\"0\" ismap=\"true\"><\/img><\/a><br \/>\n<a href=\"http:\/\/feedads.g.doubleclick.net\/~a\/lB-NyI0GDPfGA9bB9fgvqeYfS3A\/1\/da\"><img decoding=\"async\" src=\"http:\/\/feedads.g.doubleclick.net\/~a\/lB-NyI0GDPfGA9bB9fgvqeYfS3A\/1\/di\" border=\"0\" ismap=\"true\"><\/img><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~r\/techiebuzz\/~4\/BmC4B2Zb950\" height=\"1\" width=\"1\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quite often, you may find some blogs with horrible designs and backgrounds. The content is good and you want to read the page but the colors used in the site&#8217;s layout make it impossible to read. If you want to get rid of all the colors from a webpage, the Nocolor Firefox add-on will come [&hellip;]<\/p>\n","protected":false},"author":5388,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-523106","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/523106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/users\/5388"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/comments?post=523106"}],"version-history":[{"count":0,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/523106\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/media?parent=523106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/categories?post=523106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/tags?post=523106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}