Advertisement
Latest Posts
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    Build a Responsive, Single Page Portfolio with Sass and Compass - New on PremiumDribbble preview
    There's a lot that goes into creating a web site these days. We're now building websites using HTML5, CSS preprocessors, APIs, custom typography and more. Our design challenges include responsive architecture, resolution independence and multi-device interaction support. In this Premium tutorial, we'll build a single page portfolio that covers aspects of all these techniques.Read More…
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    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…
  • Web Design
    HTML/CSS
    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…
Advertisement