Published 3 years 11 months ago on June 30, 2014

I’m not sure if I’ve become too detached or something, but this is the first time I’ve heard of Susy which can’t be well described by calling it a Sass library because it’s just as much a philosophy. Susy seems to have been born out of the customization frustrations found with more traditional CSS frameworks […]

CSS3 Buttons with Gradient Stroke

Published 4 years 1 month ago on April 25, 2014

I style a lot of buttons, but a classic treatment I find myself needing to implement is one with a gradient background and subtle gradient stroke along the edges. Over time my solutions began with multiple elements and specific CSS for each. It got the job done but it was clearly bloated. CSS3 changes so […]

Sass 3.3 (Maptastic Maple)

Published 4 years 3 months ago on March 16, 2014

Sass 3.3 has arrived, and there is a lot to like! If I had to pick out something I’d like to focus on in 3.3 it’s gotta be source maps. I haven’t really ingrained that into my workflow quite yet, but I really see the value in such a feature and it’s something I’ve been […]

Automatic Sass Imports with Sass Globbing

Published 4 years 7 months ago on November 13, 2013

Sass is awesome, and I use it 99% of the time now. That 1% is when I’m working on a legacy project that I likely didn’t start. I have one hang up on it though. It’s hard to rank them, but perhaps my favorite aspect of Sass is the concept of partials. For those that […]

Using Grunt to Speed Up & Standardize your WordPress Theme Development

Published 5 years 3 months ago on March 10, 2013

Workflow continues to be an integral part of your overall speed in development. Automating tasks where applicable can have an amazing net effect on your timelines, so finding effective ways to speed up monotonous, repetitive tasks can be a huge time saver. Integrating Grunt with your WordPress theming can do big things for your process.

A Genetic approach to CSS compression

Published 5 years 4 months ago on January 28, 2013

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 […]

IE-friendly mobile-first CSS with Sass 3.2

Published 5 years 4 months ago on January 17, 2013

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 […]

Sass and Media Queries

Published 5 years 4 months ago on January 16, 2013

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 […]

Using CSS3 Pseudo Elements and Box Shadows Instead of Images for HiDPI Geometric Shapes

Published 5 years 5 months ago on January 14, 2013

HiDPI in Web design is kind of a double-edged sword for a front end developer. We now have two nearly separate environments (in some cases) that need attention. That sometimes results in double the style rules, double the image assets, and feature detection. Addition of anything is often the opposite of what we try to do, so it’s important to be as smart as possible when approaching management of HiDPI assets and styles in our projects.

OOCSS + SASS = The best way to CSS

Published 5 years 7 months ago on October 17, 2012

OOCSS + SASS = The best way to CSS by Ian Storm Taylor. I’ve been thinking about this very topic a ton lately. I love writing Sass, and OOCSS does in fact ring a bell with me, but there are little nuances here and there that bring up cons for each. One that I’ve been […]

Copyright © 2006—2018 Jonathan Christopher