Intro to Sass: Giving Superpowers to CSS

Sass is a language that extends CSS. In this one-day workshop, you'll learn the basics of Sass and boost your professional development, saving time at work while keeping your resume fresh with this in-demand skill. 

Sass takes the principles of CSS and HTML - separation of style from content - and supercharges them, making your site’s CSS nimble and future-friendly. Your CSS is about to go from:

To:

Are you ready?

We’ll learn how to use Sass features like variables, mix-ins, nesting, and functions to make your CSS super clean and way more powerful, replacing the need for memorizing complex CSS3 selectors, hex codes and vendor prefixes. 

Along the way, you’ll install Ruby, learn to use the command line, enhance your browser’s code inspector and write your own custom functions for Sass with some basic programming concepts to guide you.

Mandatory: you must set up your machine with Sass. See here for instructions on how to set up your computer and get help if you run into problems. You absolutely must do this before you come to class.


Cost: $40

Date: Saturday, May 17 from 12-4:30PM

Location: Sprout Social at 131 S Dearborn. 

A limited number of scholarships are available for those with a financial hardship. To apply, click here. Do not RSVP for the event. The deadline to apply for a scholarship is May 3. Scholarship applicants will be notified shortly after the deadline. Class capacity does not impact scholarship students. 


Tech requirements:

• Your laptop (Mac, PC, or Linux are all okay). 

• A modern web browser - either Chrome or Firefox with Firebug installed. 

• A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC). 


Prerequisites

To get the most out of this class, you should have a basic working knowledge of HTML & CSS. You may have:

• taken Intro to HTML/CSS through Girl Develop It

• have built your own site, or

• already build websites regularly

You should be comfortable with writing CSS already and are ready to take your skills to the next level. Please take our CSS quiz to make sure you're ready for this class. A 7 out of 10 score means you qualify to take this class.

This class is suitable for more advanced HTML and CSS students as well.


Instructor: Jen Myers

Jen Myers is a web designer/developer and part of the instructor team at Dev Bootcamp in Chicago. In 2011, she founded the Columbus, Ohio chapter of Girl Develop It, an organization that provides introductory coding classes aimed at women, and currently serves there as an organizational advisor. She speaks regularly about design, development and diversity, and focuses on finding new ways to make both technology and technology education accessible to everyone.

Hosted by: Sprout Social

Sprout Social provides social media engagement, publishing and analytic tools for leading brands including AMD, Nokia, Spotify and UPS. A powerful platform for social business available via web browser, iOS and Android apps, Sprout enables brands to more effectively manage social channels, collaborate across teams and provide an exceptional customer experience. Headquartered in Chicago, Sprout is a Twitter Certified Product, Facebook Preferred Marketing Developer and Google+ Pages API Partner. Learn more at sproutsocial.com.

Attendees must provide their full name as it appears on their ID for building security.

Join or login to comment.

  • Caroline A.

    Here is the tool that I mentioned about converting css to sass (remember keep in mind that it's just a tool :) ).

    http://sebastianpontow.de/css2compass/

    This also refers to compass, a library that extends the powers of Sass and provides mixins and helpers to promote DRY code. The above tool can make some suggestions on helpful Compass mixins that could use. http://compass-style.org/

    December 13

  • Joyce

    Great class! I just found an article on A List Apart which I think could be helpful: http://alistapart.com/article/dry-ing-out-your-sass-mixins

    May 19

    • A former member
      A former member

      That's an awesome article :)

      May 19

  • Jennifer C.

    Wonderful class, thanks!

    May 18

  • Jennifer K.

    Awesome - pace of learning was just right.

    May 17

  • A former member
    A former member

    Thanks everyone for coming!! Myself or Jen will email slides out shortly.

    May 17

  • A former member
    A former member

    If you did not get my email about setting up your computer for this class, that means you aren't receiving emails from this group. Please update your preferences to get messages from events! We send out very important prep materials and followup via Meetup.

    April 28, 2014

    • A former member
      A former member

      You need to update your Meetup email preferences, I unfortunately can't do it for you. The directions for the install are listed in the class description and in the comments below.

      1 · May 6

    • Nitasha

      Thanks!

      May 8

  • A former member
    A former member

    A few answers to questions: (1) rvm OR rbenv is fine, (2) any Ruby version above 1.9.3 is ok, (3) to test if your install worked, type 'sass -help' (without the quotes) into Terminal; you should see a list of commands.

    May 7

    • A former member
      A former member

      To test if you have rvm, type 'which rvm' (without quotes). To test if you have rbenv, type 'which rbenv' (without quotes). If that returns a path (something like /usr/local/bin/rbenv), then your setup worked.

      May 8

  • Nicole L.

    My computer did not recognize either rvm or rbenv. Also sass-help returns "command not found" for me. Ideas about why that could be the case or how to fix? Am mac[masked]

    May 7

    • A former member
      A former member

      Did you follow the instructions? http://gdichicago.com...­

      May 8

    • A former member
      A former member

      Also, it is 'sass -help' with a space. No quotes.

      May 8

  • Jennifer K.

    I've followed the instructions for install and it seems to have worked - how can I verify it's setup correctly? Thanks.

    May 6

    • A former member
      A former member

      Type 'sass -help' (without the quotes) into terminal. It should return a list of commands.

      May 7

  • Jennifer K.

    One other thing - I have OS X 10.9 and I had to specify the version of sass beyond the 2.0.0 - it gave a list of the versions that had 2.0.0 in the name and I just went with the top one on the list 2.0.0-dev Please let me know if there is a problem doing it this way. Thanks.

    May 6

    • A former member
      A former member

      That would be the version of Ruby, not Sass. Sass automatically picks the most recent version. Ruby 2.0.0-dev is fine for this class.

      May 7

  • Jennifer C.

    is rbenv needed for this class? I have sass, Ruby 2.1.1 and rails-4.1.1 installed using rvm , but rbenv install throwing error: "build failed...Inspect or clean up the working tree". Stuck on rbenv 0.4.0 Any help or pointers to tutorials appreciated!

    May 6

    • Jennifer C.

      fixed! everything ok, I think.

      May 7

    • A former member
      A former member

      rvm is fine!

      May 7

  • Nicole

    I'm having a monstrous time setting up ruby/rails on my windows machine. I can't make the code and coffee Tuesday, but if there's any other time I can get some help on this I'll do my best to make it work. (I'm in intermediate html Wednesday night, if anyone will be available afterwards? ) Thanks!

    May 6

    • A former member
      A former member

      Alan may be able to help you after the class is over. Windows is notoriously difficult to install things on :/

      May 6

  • A former member
    A former member

    Come to hack night on May 6 if you need help with machine setup! http://www.meetup.com/Girl-Develop-It-Chicago-IL/events/180553252/

    May 2, 2014

  • A former member
    A former member

    MANDATORY: Follow this install guide before class! http://gdichicago.com/classes/install.html

    April 28, 2014

25 went

Your organizer's refund policy for Intro to Sass: Giving Superpowers to CSS

Refunds are not offered for this Meetup.

Our Sponsors

People in this
Meetup are also in:

Create a Meetup Group and meet new people

Get started Learn more
Henry

I decided to start Reno Motorcycle Riders Group because I wanted to be part of a group of people who enjoyed my passion... I was excited and nervous. Our group has grown by leaps and bounds. I never thought it would be this big.

Henry, started Reno Motorcycle Riders

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy