Separate layout from content, keep CSS lean by identifying reusable styles and create HTML/CSS patterns that anyone can use with an Elements Palette.
I was recently tasked with building a responsive navigation menu for a project I was working on at Q Digital Studio. Wanna know how I did it? Join me as I run through how to make a responsive toggle menu.
The Meta Q team is very excited to announce the release of our mobile site. As one of the main developers on the project, I wanted to share a little bit about the process and some of the key elements we put in place along the way. Hopefully some of these tools and tips will come in handy when working on your own mobile sites.
Responsive web design is made up of a number of techniques that are used to make a single website viewable in multiple devices. We take a look at two of the most crucial CSS techniques used to make a single site responsive: flexible grid and flexible media.
In part one of my series Compact CSS, I wrote about compressing border styles. For part two, I'll cover the best solution that I've found for making background images and CSS3 gradients degrade gracefully in Internet Explorer. All while keeping my CSS lean, of course.
At Q Digital Studio, we are huge fans of Nicole Sullivan's Object Oriented CSS, a methodology geared towards keeping CSS lean. Using OOCSS techniques, I've learned a trick or two to help reduce the amount of code in my CSS, and I'll pass those tips along in my two-part series, Compact CSS.
Meta Q's Code Word series presents simple but common HTML and CSS problems in hopes of creating a conversation about best coding practices, introducing new ideas for solving them and giving beginners a head start. Each article in the series will present one problem and our possible solution. This issue's code word: ColorMe
Since Q Digital Studio began implementing Object Oriented CSS (OOCSS), both our front-end development time and our browser testing efforts have been reduced immensely. More of a CSS philosophy than the average framework, OCSS is the brainchild of Nicole Sullivan (stubbornella.org), who developed its principles while consulting for Facebook.