Tag: CSS

Solved By Flexbox

CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don’t address the major problems that Web developers have been complaining about for what seems like an eternity. Finally, thanks to Flexbox, we have a solution. Flexbox is […]

Posted: September 25, 2013

CSS filters, GIFs, and performance – What I Learned Building…

To this day I think the bar for what’s considered a ‘hack’ is much lower in the world of front end. We’re working with what can be considered old technology. While new, awesome things are getting added every single day we still fall victim to some legacy implementations we just can’t get around. Case in […]

Posted: July 02, 2013

Welcome to Cloud.typography

Everyone and their brother is linking to this today but I want to point out some stuff going on under the hood that I really like. Wait. First go create an account at H&FJ because their fonts are just simply spectacular. We’ve been waiting for this day with bated breath and now that it’s here […]

Posted: July 01, 2013

Wicked Opinionated WordPress Plugin: Concatenate Assets

An area that could have used some modification in my workflow is the optimization of third party assets when building WordPress sites. Those stylesheets and JavaScripts that make additional HTTP calls we’ve come to know and hate. There are a ton of existing solutions out there, but I wanted something a bit more… finicky and custom-tailored to my approach.

Posted: June 10, 2013

The difference between width:auto and width:100%

I like collecting links to various tips that help with responsive design techniques, and this is a good one. So much has to do with layout refactoring as various breakpoints are reached, and much of the time we’re working with the widths of many DOM nodes so as to reflow in the way we want. […]

Posted: May 21, 2013

Media Queries are a Hack

This article ruffled a few feathers recently, but I agree with most of it. Media queries really broke open all of our minds regarding how we should approach both design and development, but as is often a byproduct of such a realization we are quick to discover limitations. Media queries are, for the most part […]

Posted: April 07, 2013

A Genetic approach to CSS compression

This is a pretty fascinating, in-depth look at the idea of approaching CSS compression in the mindset of genetics. This guy is way smarter than me and some of these equations are way over my head, but reading this article called out another reason preprocessors (Sass, LESS) can be tremendously useful. One thing I used […]

Posted: January 28, 2013

Fontello – icon fonts generator

I’ve been using this tool on my last few projects and it’s quickly approaching Level: Indispensable. The benefits to icon fonts extend far beyond this link post, but the time they save in having to produce, extract, save, implement, customize, rinse, and repeat icons in a project is priceless. Scalable, CSS-able icons are a huge […]

Posted: January 24, 2013

IE-friendly mobile-first CSS with Sass 3.2

What an awesomely jargon-filled title! In all seriousness I love Sass. The team behind it is honestly making my life so much easier and facilitating my workflow second only to the advancement of CSS itself. I’m becoming more enamored with not worrying about keeping responsive Sass blocks in a separate file so as to reduce […]

Posted: January 17, 2013

Sass and Media Queries

Since the @media directive was introduced in Sass, there’s been a small debate when reviewing the CSS output. Many realized that the media query is repeated with each use as seen in this example. To some, this is a big deal and to others, not so much. This post is really for those who think […]

Posted: January 16, 2013