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

Compass

  • 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…
  • 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…
  • Gumby
    Working With Gumby's Parallax ExtensionGumby parallax retina
    17 shares
    Having covered how to install the Gumby framework and how to work with its semantic grids (plus Sass and Compass), it's now time to dive into some of Gumby's extensions. The first extension we're going to play with is the parallax module.Read More…
  • Foundation
    Foundation’s Sassy Styles ExplainedFoundation sass retina1
    34 shares
    In this tutorial we'll cover what can be done with the flexible Sass styles included in the Foundation framework. A lot of these offer a more customisable feature set than that of the CSS version, plus there are shortcuts which can be used to style items such as the top bar quickly and easily.Read More…
  • Compass
    Setting up Foundation With Sass and CompassFoundation sass retina
    22 shares
    Sass is a great way to speed up front-end development in general, I use it in every one of my projects. Sass (as with all other preprocessors) allows for nested styles, functions and prewritten code in what are called mixins. Foundation has a few different versions, currently we've covered the most common HTML/CSS variants, but now let's talk about a version built on Sass.Read More…
  • Workflow
    SASS and Compass for Web Designers: Finishing OffPreview
    13 shares
    The end is in sight! Our Creative Portfolio web page is almost finished. In these final two screencasts we'll look at cleaning up our SCSS file structure, styling the newsletter subscription form and the footer.Read More…
  • Workflow
    SASS and Compass for Web Designers: The SliderPreview
    13 shares
    Our Creative Portfolio web page is certainly coming along nicely. Let's now continue using SASS and Compass to build the introduction area and slider.Read More…
  • Workflow
    SASS and Compass for Web Designers: The HeaderPreview
    17 shares
    We're going to continue building our Creative Portfolio web page with SASS and Compass. On this occasion, we'll turn our attention to the header area, the primary navigation and some featured images.Read More…
  • Workflow
    SASS and Compass for Web Designers: Grids and SpritesPreview
    28 shares
    Let's dive deeper into building the popular Themeforest .psd design we've been working on. During this screencast we'll be looking at grids in SASS, and we'll also use one of my favorite features in Compass; automatic sprite generation.Read More…
  • Workflow
    SASS and Compass for Web Designers: Building a ThemePreview
    15 shares
    We're going to continue our look at SASS and Compass, this time preparing ourselves for a complete website template build. During the coming screencasts we'll use a popular Themeforest .psd design, translating it into an HTML/CSS project with our new found SASS and Compass skills. There's lots to do, so let's get going!Read More…
  • Compass
    SASS and Compass for Web Designers: IntroductionPreview
    75 shares
    Welcome to the first in a series of screencasts about SASS and Compass for web designers. We (designers) favor graphic user interfaces, and are sometimes intimidated by the command line, so let's begin by looking at three friendly applications to get you started with SASS and Compass.Read More…
Advertisement
Advertisement