Tag: SASS

Susy

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

Posted: June 30, 2014

CSS3 Buttons with Gradient Stroke

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

Posted: April 25, 2014

Sass 3.3 (Maptastic Maple)

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

Posted: March 16, 2014

Automatic Sass Imports with Sass Globbing

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

Posted: November 13, 2013

Using Grunt to Speed Up & Standardize your WordPress Theme Development

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.

Posted: March 10, 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

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

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

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.

Posted: January 14, 2013

OOCSS + SASS = The best way to CSS

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

Posted: October 17, 2012