Posts Tagged ‘CSS’
We are pleased to present below all posts tagged with ‘CSS’.
Decoupling HTML From CSS
- April 20th, 2012
- 59 Comments
For years, the Web standards community has talked about the separation of concerns. Separate your CSS from your JavaScript from your HTML. We all do that, right? CSS goes into its own file; JavaScript goes in another; HTML is left by itself, nice and clean. CSS Zen Garden proved that we ...
Read more...A New Front-End Methodology: BEM
- April 16th, 2012
- 62 Comments
This article is the sixth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for ...
Read more...CSS Sprites Revisited
- April 11th, 2012
- 80 Comments
I’m pretty confident that I won’t surprise anyone here by saying that CSS sprites have been around for quite a while now, rearing their somewhat controversial heads in the Web development sphere as early as 2003. Still, the CSS sprite hasn’t truly found its way into the everyday toolkit of the ...
Read more...Techniques For Overcoming Poor CSS Support In Email
- March 13th, 2012
- 10 Comments
Designing and developing emails can be challenging, especially if you start doing it after years of designing and developing websites. Unlike most Web browsers, email clients have not yet united in support of HTML email standards, resulting in poor CSS support for email. Inconsistent support for images in email clients ...
Read more...Progressive And Responsive Navigation
- February 13th, 2012
- 79 Comments
Developing for the Web can be a difficult yet rewarding job. Given the number of browsers across the number of platforms, it can sometimes be a bit overwhelming. But if we start coding with a little forethought and apply the principles of progressive enhancement from the beginning and apply some ...
Read more...Resolution Independence With SVG
- January 16th, 2012
- 80 Comments
In this article, we’ll look at Scalable Vector Graphics (SVG), one of the most underused technologies in website development today. Before diving into an example, let’s consider the state of the Web at present and where it is going. Website design has found new vigor in recent years, with the evolving ...
Read more...Adventures In The Third Dimension: CSS 3D Transforms
- January 6th, 2012
- 27 Comments
Back in 2009, the WebKit development team proposed a new extension to CSS that would allow Web page elements to be displayed and transformed on a three-dimensional plane. This proposal was called 3D Transforms, and it was soon implemented in Safari for Mac and iOS. About a year later, support ...
Read more...Six CSS Layout Features To Look Forward To
- December 15th, 2011
- 40 Comments
A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design. Developers have made numerous attempts to do so with existing solutions. Several articles have been written on finding the holy grail of CSS layouts, but to ...
Read more...An Introduction To Object Oriented CSS (OOCSS)
- December 12th, 2011
- 148 Comments
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site. From a Web developer’s perspective, however, some may ...
Read more...
