Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

Sass

  • Bootstrap
    Building an Instagram Based Portfolio With BootstrapPreview
    451 shares
    In this tutorial you'll learn how to build a simple Instagram portfolio page using an number of tools such as Sass, Bootstrap and Instafeed.jsRead More…
  • WordPress
    A WordPress Development Process Using Sass and CompassSass
    386 shares
    In this article, we're going to take a look at how to use Sass and Compass in our WordPress theme development process. We will structure our theme stylesheets in SMACSS fashion and will leverage the power of Compass to generate image sprites for both retina and non-retina devices. Note that this article is not an introduction to Sass; however, if you are a beginner, still feel free to follow along.Read More…
  • Sass
    How to Check for Dependencies in Sass LibrariesDependencies
    155 shares
    I decided to start working on a Sass dependency checker. The idea is quite simple: each function with dependencies will first run through the dependency checker, then if a required function is missing it lets you know what and where.Read More…
  • Web Development
    Migrating From 960 Grid System to ZURB FoundationF5
    293 shares
    While not always elegant or glamorous, retrofitting an existing site can be the most efficient way to update or redesign. In this tutorial, I'll walk you through taking your site from a fixed 960 Grid System framework to a new responsive ZURB Foundation 5 theme.Read More…
  • Sass
    When and How to Support Multiple Versions of SassSass versions
    160 shares
    In this article we'll take a look at how to detect the current version of Sass, therefore enabling us to make use (or not) of certain Sass features.Read More…
  • HTML & CSS
    Developing With Sass and Chrome DevToolsSass retina preview
    378 shares
    In this article we'll take a look at how we can better integrate Chrome DevTools into our Sass development workflow.Read More…
  • Creative Coding
    Cross-Platform Sass and Compass in WordPressSass compass preview
    33 shares
    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…
  • Tools & Tips
    Source Maps 101Source maps
    57 shares
    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…
  • HTML & CSS
    Sass vs. LESS vs. Stylus: Preprocessor Shootout200x200
    398 shares
    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…
  • 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…
  • HTML & CSS
    Mastering Sass: Lesson 2Sass
    1 shares
    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…
  • Web Development
    Mastering Sass: Lesson 1Sass
    24 shares
    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…
Advertisement
Suggested Tuts+ Course
Say Yo to Yeoman$15
Advertisement