Advertisement

Sass

  • Sass
    How to Use Susy: Superpowered Sass GridsS
    262 shares
    Susy is a powerful set of Sass mixins for building grid-based layouts. We’ll show you the basics of working with Susy in this tutorial.Read More…
  • Sass
    Simplify Your Media Queries with Sass “Breakpoint”Breakpoint
    264 shares
    In this tutorial you will learn how to simplify the way you write and maintain media queries in Sass. To help us, we’ll be using a mixin library called Breakpoint. In order to follow along, feel free to grab the starter files from GitHub.Read More…
  • Blog
    How We’re Using Modules to Organize Our Front-End CodeBem modular
    344 shares
    Ever wondered how a large site like Tuts+ keeps its CSS, HTML and JavaScript in order over continued development and iteration? I’m going to show you the process we’ve implemented to keep it all tidy and maintainable.Read More…
  • Bootstrap
    Building an Instagram Based Portfolio With BootstrapPreview
    518 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
    396 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
    365 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
    405 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…
Advertisement
Suggested Tuts+ Course
Say Yo to Yeoman$15
Advertisement