Category: CSS

What’s The Difference Between opacity and rgba?

New web developers and designers often get rgba (and its hsla equivalent) confused with opacity, using them interchangeably until they come up against a visual result that makes no sense. This is understandable, as both...

More

Get Consistent Results in All Browsers

Web standards are prevailing guidelines used on the World Wide Web to ensure web sites and information is accessible to all in the most efficient manner. Most Web browsers have different default settings for...

More

How to read minified CSS with ease?

Today we have a quick tip for those who feel depressed and cry when they see the holy grail of CSS in one single line in their website / theme stylesheets. Recently I started...

More

How to make Blurry Text with CSS

Its pretty easy to make some blurry text with CSS. We can do it by just making the text color  transparent and adding some text shadow. Here’s the code for the same: Blurry Text with...

More

CSS Style Guide – Part 4

Specificity As we’ve seen, CSS isn’t the most friendly of languages: globally operating, very leaky, dependent on location, hard to encapsulate, based on inheritance… But! None of that even comes close to the horrors...

More

CSS Style Guide – Part 3

CSS Selectors Perhaps somewhat surprisingly, one of the most fundamental, critical aspects of writing maintainable and scalable CSS is selectors. Their specificity, their portability, and their reusability all have a direct impact on the...

More