December 3, 2012 in Learn
A Look at Responsive CSS Frameworks
CSS frameworks have gone responsive, squeezing content into a spectrum of desktop and mobile browsers with varying degrees of success. While any CSS solution for layout is preferable to nested tables, no single solution fits every website. But that hasn’t stopped…
November 27, 2012 in Learn
CSS3 Substring Matching Attribute Selectors
In the CSS3 selectors module, the W3C introduced a new set of attribute selectors called substring matching attribute selectors for specifically targeting elements whose given attribute begins, ends or contains a certain value. In this article, we’ll learn how these…
November 14, 2012 in Learn
How to Choose the Right CSS Preprocessor
You’ve probably heard about CSS preprocessors by now, but haven’t quite plucked up the courage to try one because of the learning curve, or maybe because “preprocessor” just plain sounds intimidating. So let’s put those uncertainties at ease and go over…
November 13, 2012 in Learn
CSS Positioning: A Comprehensive Look
If you’ve come to grips with CSS-based layouts, then it’s likely that you’re using floats as the primary means to layout your pages. Maybe you’ve even started to experiment with some of CSS’s far-future layout techniques, in hopes that browser…
October 29, 2012 in Learn
Getting Started with CSS – Part 2
In part 1 we covered basic CSS concepts like the cascade and CSS rules. In this article, we’ll take things a step further with the CSS box model and basic selector types. The CSS Box Model Understanding how the box…
October 15, 2012 in Learn
Getting Started with CSS – Part 1
This is the first of a two-part article on CSS, the most powerful tool we have available to us as web designers and developers. In this article, we’ll cover basic CSS concepts to get us started. What is CSS? CSS…
September 25, 2012 in Learn
Using inline-block to Display a Product Grid View
I have been working on a website that displays products in a grid view, with each product containing a title, an image and some in a grid view. To achieve this layout, I used an unordered list with the CSS…
September 10, 2012 in Learn
Responsive Web Design in the Browser Part 1: Kill Photoshop
If you’re like me, then you’ve had a love/hate relationship with Photoshop for almost a decade. The software is bloated, it crashes right at the moment you forgot to hit save, and it produces a design that is nothing more…