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