Advertisement

Sass

  • Sass
    Building a Logger Mixin in SassLog
    77 shares
    In this tutorial we'll build a "logger" mixin, which outputs a flexible, informative log as CSS when Sass is compiled.Read More…
  • CSS
    “Outside In” — Ordering CSS Properties by ImportanceOutside in
    340 shares
    This article is all about CSS code structure - specifically about a method I've been using for the last few years to bring some logic and consistency to the order in which I write my CSS. It’s a method I call “Outside In”.Read More…
  • Sass
    New Features and a New Look for SassDocSass thumb
    104 shares
    A couple of weeks ago, I introduced SassDoc at SitePoint while it was still in an early development phase. Since then, we have released no less than one major and two minor versions, respectively: 1.0.0, 1.1.0 and 1.2.0. We've shipped quite a number of features in doing so, so I thought it would be a good idea to introduce them.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…
  • Sass
    A Simple Responsive Grid, Made Even Better With SassGrid preview
    259 shares
    In this tutorial we're going to build a simple, responsive grid system using CSS. Once we're familiar with how it works, we'll improve it with Sass, learning some core Sass features along the way.Read More…
  • Sass
    All You Ever Need to Know About Sass InterpolationSass interpolation
    168 shares
    So you play with Sass from time to time. You're starting to enjoy it since it caters to most of your needs. But there is this one thing you don't completely understand: interpolation - slotting values into other values. Well you're in luck, because today I'm going to shed some light on the matter.Read More…
  • Foundation
    How to Build a Shrinking Fixed Top Bar With FoundationFoundation bar
    155 shares
    A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I'm going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we'll add a couple of media queries to make our menu responsive. Let's get started!Read More…
  • Sass
    When and How to Support Multiple Versions of SassSass versions
    163 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…
  • Sass
    An Introduction to Error Handling in SassSass error
    268 shares
    I don't know about you, but I really don't like letting the Sass compiler fail. In this tutorial we'll introduce the concept of handling Sass errors properly.Read More…
  • Complete Websites
    Finishing the Responsive Timeline Portfolio PagePortfolio2 thumb
    80 shares
    It's time to finish off our responsive timeline portfolio layout. In this tutorial we'll add some flair with CSS3 animations and jQuery.Read More…
  • Responsive Web Design
    Building the Responsive Timeline Portfolio PagePortfolio thumb
    274 shares
    During this tutorial we will be building the fantastic Timeline Portfolio as seen in an earlier tutorial by Tomas Laurinavicius. We will be using some responsive techniques as well as CSS3 animations, Sass and a little bit of jQuery.Read More…
  • Foundation
    Build a Top Bar Off-Canvas Navigation With Foundation 5Foundation menu
    181 shares
    Today, we are going to combine ZURB's Foundation 5 Off-Canvas feature with our top bar navigation. The result will be a nice custom navigation for desktop users and a sleek off -canvas menu for tablet and mobile users. Read More…
Advertisement
Advertisement