Advertisement
Latest Posts
  • Code
    HTML & CSS
    Developing With Sass and Chrome DevToolsSass retina preview
    In this article we'll take a look at how we can better integrate Chrome DevTools into our Sass development workflow.Read More…
  • Code
    Creative Coding
    Cross-Platform Sass and Compass in WordPressSass compass preview
    I find it particularly interesting when other developers share their workflow tips and tricks. It can be very helpful to take a sneak-peak into somebody else's development world and find out what tools they are using to make their own life easier. Well today I'm going to show you a portion of my own workflow - specifically how to use Sass and Compass when developing a WordPress theme. Instead of simply explaining the configuration and tools needed, I thought it would be better to start from scratch and show you exactly what's needed to get going when developing a WordPress theme that uses Sass and Compass. I hope this article sounds interesting to you and I'm looking forward to sharing a small part of my workflow with you - I encourage you to do the same.Read More…
  • Code
    Tools & Tips
    Source Maps 101Source maps
    In today's modern workflow, the code that we author in our development environments is considerably different from the production code, after running it through compilation, minification, concatenation, or various other optimization processes. This is where source maps come into play, by pointing out the exact mapping in our production code to the original authored code. In this introductory tutorial, we'll take a simple project, and run it through various JavaScript compilers for the purposes of playing with source maps in the browser.Read More…
  • Code
    HTML & CSS
    Sass vs. LESS vs. Stylus: Preprocessor Shootout200x200
    Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this article, we will be covering the various features and benefits of using three different preprocessors—Sass, LESS, and Stylus.Read More…
  • Code
    HTML & CSS
    Mastering Sass: Lesson 3Sass
    In this final lesson in our Sass mini-series, we're going to review the excellent Compass stylesheet framework, why you should be using it, and how it connects to Sass.Read More…
  • Code
    HTML & CSS
    Mastering Sass: Lesson 2Sass
    In lesson one of our quick tip series, we learned how to install Sass, and how to use variables, nesting, and compression in our stylesheets. Today, we'll review mixins and selector inheritance, which can provide us with a great deal of convenience and flexibility! Read More…
  • Code
    Other
    Mastering Sass: Lesson 1Sass
    After numerous requests, we're launching a 3-part quick tip video mini-series on mastering Sass. To begin, in this introductory eight-minute screencast, I'll teach you how to install Sass, and then how to get started with the beginning functionality and options.Read More…
  • Code
    HTML & CSS
    Using Compass and Sass for CSS in your Next Project200x200
    Sass could potentially be called CSS 2.0; it has some really nifty features that allow you to write your code in less time and with more flexibility. In today's article, we will be working the basics! Read More…
Advertisement