Category: Articles

A Comprehensive Guide to CSS Resets

This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.While almost all of these CSS resets are generally provided free for public use many through Creative Commons licensing, it is incumbent upon you to check the terms of use before putting them to use in your projects…
csshead 0 Comments

Using the LESS CSS Preprocessor for Smarter Style Sheets

The simple design of CSS makes it very accessible to beginners, it also poses limitations on what you can do with it. These limitations, like the inability to set variables or to perform operations, mean that we inevitably end up repeating the same pieces of styling in different places. Not good for following best practices—in […]
csshead 0 Comments

Why we don’t have a parent selector

With work, I’ve had to do quite a bit of examination of performance. We run a number of tools over an application to determine where the bottlenecks are. One such application is Google Page Speed which provides a number of recommendations to improve JavaScript and rendering performance. Before I get into its recommendations, we need […]
csshead 0 Comments

CSS Media Query for Mobile is Fool’s Gold

Unfortunately, CSS media query is fool’s gold for mobile devices. It hides tough problems and gives developers a false promise of a simple solution for designing to multiple screens…
csshead 0 Comments

Prefix or Posthack

As CSS browser support increases, including impressive strides by the IE9 team, more and more authors are plunging into CSS3. As they do so, they’re facing vendor prefixes—the — properties like -moz-border-radius, -webkit-animation, and so on. There’s been some grumbling about these prefixes. We ought to praise vendors for using prefixes, and indeed encourage them […]
csshead 0 Comments

Supersize that Background, Please!

With an advertising world keen to use every inch of a medium for brand or product experience, it is becoming increasingly popular to design websites with full-browser backgrounds. Using CSS, this can be achieved quite easily. Just drop a huge background image in a page with one line of code. But which image size will […]
csshead 0 Comments

Stop Forking with CSS3

It seems like virtually every day there’s a fantastic new example of something amazing you can do with CSS3. Whether it’s as complex as full-blown animations or as relatively simple as RGBa colors, drop shadows, or rounded corners, I marvel at how far we’ve come since the lowly days of CSS1 or shudder the @font […]
csshead 0 Comments

Pure CSS Twitter Fail Whale

The Twitter “Fail Whale” fully rendered using just CSS. If you’re using a Webkit browser Safari or Chrome, you’ll also see it’s animated. If you are viewing in IE8 or below, well, this isn’t an experiment for you…
csshead

CSS Three – Connecting The Dots

Best practices for CSS3 usage need to be hashed out in blog posts, during spare time, and outside of client projects. Coming up with creative and sensible ways to get the most out of CSS3 will require the kind of experimentation wherein developers gladly trade ten failures for a single success. Right now, there are […]
csshead 0 Comments

Efficiently Rendering CSS

I admittedly don’t think about this idea very often… how efficient is the CSS that we write, in terms of how quickly the browser can render it? This is definitely something that browser vendors care about (the faster pages load the happier people are using their products). Mozilla has an article about best practices. Google […]
csshead 0 Comments
« Previous Page — Next Page »