• CSS
    New Course: Essential CSS Libraries for Web DesignersCss 1
    In this course you’ll learn how to use ten essential CSS libraries for web designers, available today. You’ll learn about resets, animations, transitions, and typography related libraries. You’ll be using Bower to manage your projects, making sure that everything stays up to date and is easily maintainable.Read More…
  • Sass
    How to Check for Dependencies in Sass LibrariesDependencies
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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…
Suggested Envato Tuts+ Course

Next lesson playing in 5 seconds

Essential CSS Libraries for Web Designers$9