The pros & cons of using a front-end framework brought to you by The META Q

CSS

The pros & cons of using a front-end framework

By Matt Steele / Posted 11.5.2013 / In Code, Code Process, CSS, HTML / 1 comment

Front-end frameworks have become quite popular over the last few years, and there are a lot of them out there to choose from. But how do you know if and when a framework is right for your web project? While there are lots of benefits in using frameworks, there are also some potentially serious pitfalls.

READ MORE

Icons just got a whole lot smarter brought to you by The META Q

Icons just got a whole lot smarter

By Holly Gerard / Posted 10.22.2013 / In Code, CSS, Design, Design Process, Inspiration, Cool Stuff / 0 comments

Designers love icons. Our love of creating meaning from an image, of using symbols and pictures to tell a story - that’s why many of us became designers in the first place. Online or off, designers are all about icons.

Elements Palette brought to you by The META Q

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.

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 / 20 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.