Fixed navigation with CSS and jQuery brought to you by The META Q

CSS

Fixed navigation with CSS and jQuery

By Grant / Posted 10.14.2014 / In Code, CSS, jQuery / 0 comments

Before embarking on a fixed navigation, prepare your user interface (UI) and assets to provide the best end user experience.

READ MORE

Styling select lists for a variety of browsers brought to you by The META Q

Styling select lists for a variety of browsers

By Mike Wenger / Posted 7.22.2014 / In Code, CSS, HTML / 0 comments

There are many JS/jQuery solutions for select replacement, allowing for complete styling of all elements. While I’ve used several, and they absolutely make sense in numerous scenarios, I prefer to not load additional scripting to the Document Object Model (DOM) if I don’t need to. And when it comes to mobile support, why change the interaction?

Getting started with Github UIkit brought to you by The META Q

Getting started with Github UIkit

By Shire Lyon / Posted 7.15.2014 / In Code, CSS, HTML / 0 comments

Github: helpful, useful, simple as always. Say hello to the UIkit.

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

The pros & cons of using a front-end framework

By Matt Steele / Posted 11.5.2013 / In Code, Code Process, CSS, HTML / 4 comments

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.

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

 1 2 >