seo: how and when to inline CSS in your webpage

Inlining css in html helps with SEO

CSS or cascading style sheets are an important part of most websites. Having a CSS file has many advantages in the development and maintenance of the website. Some of the prominent advantages are: Decoupling: Having a different file for CSS allows you to decouple the content of the website from the styling and layout of the site. This helps with…

how and why to avoid css @import statements in stylesheets on your websites

Html CSS include code

Among the many things that you can do to improve the search engine optimization (SEO) of your web pages, one of the easiest and important thing is to improve on the page load time. It has been shown that improving the page speed leads to better user experience, user engagement and thus, indirectly better search engine optimization. Avoiding the CSS…

how to use a single user CSS file in firefox, chrome and opera

Specifying a User CSS file in Opera browser

Most modern web browsers support custom or user stylesheets which can be used to modify the look and feel of a web page before it is rendered. Usually there are multiple ways to set up a custom stylesheet (or user css file) in web browsers. Some browsers use extensions or addons while other just uses a simple css text file. Sometime you can…

use css to customize feedly to use the full width of the screen (version 8)

Feedly is a magazine style RSS feed reader which integrates with Google Reader. It runs as an extension in both Google Chrome and Mozilla Firefox web browsers. You might have noticed that the interface for Feedly though wide, does not really span the entire strech of your wide screen monitor. It usually uses about 1024px in width thus leaving a…

customize feedly to use the full screen width (version 6)

Feedly is a magazine style RSS reader which is built on top of Google Reader. So If you do use Feedly as your preferred RSS and news reader and if you have one of the wide screen monitors, you must have noticed that the Feedly GUI does not stretch fully to make complete use of all the screen real estate. Actually Feedly…

customize google reader to use the screen width

Google Reader is the probably the chosen RSS reader for many of you. One of the issues for me while using a wide-screen monitor was that the text in the post would never stretch to make use of the wide monitor that is available. It pretty much uses around 650 pixels before word wrapping. This is especially annoying if you have a…

how to use a custom or user stylesheet (css) in a web browser

Almost all modern browsers support a user customizable CSS (Cascading Style Sheet) that you can use to modify the look and feel of a website when it is displayed on your browser. You could change the fonts, the color and even the layouts of almost all websites using custom user stylesheets. I am sure there are atleast a couple annoying…