🌐 Public

Sass/Compass

By grelas

Introduction

Know how to code CSS? Started using LESS? Want to upgrade to SASS? Check these intro tutorials

Added by grelas: “Sass Maps

2 Sass Maps Are Awesome!

This past weekend at SassConf, the authors of Sass announced the first version 3.3 release candidate of the popular CSS extension language. This is great, long-anticipated news for those of us that use Sass on a daily basis. There are a ton of new features in 3.3 that I'm excited to try out, but I want to share a personal

Added by grelas: “Neat tip.

3 Vertical align anything with just 3 lines of CSS

With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don't know its height. The CSS property transform is usally used for rotating and scaling elements, but with its translateY function we can now vertically align elements. Usually this must be done with absolute positioning

Added by grelas: “Intro sections are great to get you up and running. Also check out the appendix for installation tips.

5 Sass and Compass in Action: Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis: 9781617290145: Amazon.com: Books

Sass and Compass in Action

Sass and Compass in Action [Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis] on Amazon.com. *FREE* shipping on qualifying offers. Summary Sass and Compass in Action is the definitive guide to stylesheet authoring using these two revolutionary tools. Written for both designers and developers

8 Leveraging Sass Mixins for Cleaner Code

Without question, one of the most powerful and valuable features of Sass is the ability to package up existing code into reusable chunks of code called mixins. Mixins are like macrosMixins are the Sass equivalent of macros in other programming languages. If you've programmed before you could think of them as functions, procedures, or methods, but they aren't technically any

9 Web Design Weekly

Mixins are one of the most powerful features of Sass. Mixins allow for efficient and clean code repetitions as well as an easy way to adjust your code with ease. If you are using Sass in your development workflow, no doubt you are using some of the mixins that I have covered below but some might also be new and

10 How to structure a Sass project

One of the most useful features of Sass is being able to separate your stylesheets into separate files. You can then use the @import directive to include the source of your individual files into one master stylesheet. But how should you structure your Sass projects? Is there a standard way of separating out your CSS files? Basic directory structureI like

11 How to structure a Sass project

When you start out with Sass it is very easy to use it much like you do CSS without leveraging some of the more useful features. For myself I used it for a long time without realizing much of its true power. In this brief article I'd like to show you how I structure my Sass projects and give you

12 A Standard Module Definition for Sass

Since becoming a fan of Sass, one thing that has bothered me is that not much has been written about best practices for structuring Sass projects. This is one of a series of articles we will be writing to talk about some of the things that folks are doing to make their projects better. In this article, I'd like to

inestestes

Freshman

  • 0 Playlists
  • 0 Followers

Peastwood

work all day with your feet on the floor harder harder harder for a little ...

  • 0 Playlists
  • 0 Followers

NAVIN KUMAR CHAHAR

I AM HUMAN ,SIMPLE AND STRAIGHT.

  • 0 Playlists
  • 0 Followers

Stephanie Froehner

Freshman

  • 0 Playlists
  • 0 Followers

Vladimir Poluyan

Freshman

  • 2 Playlists
  • 0 Followers

glomikuz

Freshman

  • 0 Playlists
  • 0 Followers

Khal Ixto

Computer Science student at UFPR

  • 0 Playlists
  • 0 Followers

Ahmad Seder

Freshman

  • 0 Playlists
  • 0 Followers

Niels de Vries

UI Designer & Front-end Developer

  • 0 Playlists
  • 0 Followers

Greg

Freshman

  • 0 Playlists
  • 0 Followers

Beanez

Freshman

  • 0 Playlists
  • 0 Followers

NinjaPandaEgg

Freshman

  • 0 Playlists
  • 0 Followers

Michele Cipriani

Freshman

  • 0 Playlists
  • 0 Followers

Dana777

Freshman

  • 0 Playlists
  • 0 Followers

akzfowl

Freshman

  • 0 Playlists
  • 0 Followers

Heitor Costa

Freshman

  • 0 Playlists
  • 0 Followers

abdallah alshaer

big ambition and crazy dream

  • 0 Playlists
  • 0 Followers

currankim

Freshman

  • 0 Playlists
  • 0 Followers

Alexis Lawson

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?