• RSS
  • LinkedIn
  • Twitter
  • Facebook
Elements Palette brought to you by The META Q

CSS

Elements Palette

By Terris Kremer / Posted 8.7.2012 / In Code, CSS, HTML / 0 comments

Separate layout from content, keep CSS lean by identifying reusable styles and create HTML/CSS patterns that anyone can use with an Elements Palette.

READ MORE

Meta Q how to: Responsive toggle menus brought to you by The META Q

Meta Q how to: Responsive toggle menus

By Terris Kremer / Posted 7.10.2012 / In Code, CSS, HTML, jQuery / 13 comments

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.

Meta Q Goes Mobile brought to you by The META Q

Meta Q Goes Mobile

By Laura Riegel / Posted 2.14.2012 / In Code, CSS, HTML, Tips, Code Tips / 0 comments

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.

Do you design responsively? brought to you by The META Q

Do you design responsively?

By Terris Kremer / Posted 1.3.2012 / In Code, CSS / 0 comments

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.

Compact CSS: How to avoid a background image and gradient collision brought to you by The META Q

Compact CSS: How to avoid a background image and gradient collision

By Laura Riegel / Posted 11.15.2011 / In Code, CSS / 1 comment

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.

Compact CSS: Border Compression brought to you by The META Q

Compact CSS: Border Compression

By Laura Riegel / Posted 10.18.2011 / In Code, Code Process, CSS / 2 comments

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.

Code Word: Color Me brought to you by The META Q

Code Word: Color Me

By Terris Kremer / Posted 3.29.2011 / In Code, CSS, HTML / 0 comments

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

Meet Object Oriented CSS: Cut the fat out of code with this smart, time saving framework brought to you by The META Q

Meet Object Oriented CSS: Cut the fat out of code with this smart, time saving framework

By Terris Kremer / Posted 3.8.2011 / In Code, CSS, HTML / 3 comments

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.