addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

CSS Preprocessors (SASS/LESS) with Jonathan Verrecchia

  • May 31, 2012 · 6:30 PM

About the Talk

During this talk, Jonathan Verrecchia (@verekia) will demonstrate the power of CSS preprocessors and explain why he believes these are a game changer for front-end development.

CSS preprocessors are used to enhance CSS with amazing new features (variables, functions, file concatenation and minification, color operations, etc.) and can dramatically improve your development workflow. Jonathan will shed light on some very common misconceptions about them and will help you understand how choose between SASS, LESS and Stylus for your next project.

The talk will cover the basics of CSS preprocessors but also more advanced techniques with concrete use cases. If you haven’t dived into CSS preprocessors yet, if you’re still skeptical, or if you want one more proof that they’re the way to go now, this talk is for you!

About the Speaker

Jonathan Verrecchia is a Front-End Engineer at Yelp in San Francisco. Originally from Paris, he wrote a French book about HTML5 and created Initializr, a tool to help web developers get started quickly with new projects. This made him part of the HTML5 Boilerplate team, as Initializr became the official tool for customizing H5BP.

Jonathan enjoys teaching and blogging about HTML, CSS, JavaScript and Web Design, and always tries to make it simple and understandable for all. You can read more about what he does on verekia.com and follow @verekia on Twitter.

Schedule

6:30-7p Meet, mingle, and munch

7-7:10p Welcome Notes, Sponsors, and Introduction

7:10+ Jonathan's Talk

8:15-30 Q&A and Prize Giveaways*

8:30p Lightning Talks** (2 mins each)

* You must be at the venue to qualify for prizes. Tip: Tweeting #sfhtml5 and checking in may increase your chances of winning a prize.

** If you are interested in doing a lightning talk, send the organizers your proposal.

This event will be recorded and live streamed. The live streaming link will be posted the day of the event here and on Twitter (@sfhtml5).

Join or login to comment.

  • Richard M.

    It was a good talk but I was expecting to learn some reasons that CSS pre-processors are significantly better than simply writing CSS files as server-side scripts in PHP or some other language. Unfortunately I didn't hear any reasons convincing enough to make me change to any pre-processor. Sure, a pre-processor can do a few things a little cleaner and may have some slick functions, but it can never be as flexible and extensible as your own code. Using a pre-processor changes work-flow and is yet another language to learn. On the other hand, using your favorite server-side scripting language such as PHP means you just write using the same language you usually use, and simply create variables and macros and write functions to do what you need to do to produce the stylesheet you want. And you don't have to worry about forgetting to run the pre-processor.

    June 13, 2012

  • Max W.

    Hi all, the video of this presentation is now up! http://mrkn.co/ucvpm

    1 · June 12, 2012

  • Melanie A.

    Excellent information. Balanced, with a tinge of advocacy.

    June 5, 2012

  • Darren

    Is there video of this lecture?

    June 4, 2012

  • Danni M.

    It is a very informative talk, it covers a broad range of topics in using CSS Preprocessors. The speaker is very good and clear in dividing the topics to make things easy to follow. It was also entertaining. I got some good tips from it. The part where OOCSS was discussed was a surprise to me, and I definitely enjoy the insight he provided, because it is very relevant to me. But I did expect a bit more in dept discussion on best practices and approaches, such as strategy on using version control and preprocessors.

    June 4, 2012

  • Rick H

    Thanks Vanessa!

    June 4, 2012

  • Vanessa W.

    We'll post the recording soon. Thanks for your patience!

    June 4, 2012

  • Richard B.

    Excellent intro to SASS, Less and the world of CSS preprocessors. Lota of other good intro material on CSS as well as tidbits for the more accomplished.

    June 2, 2012

  • Oriol S.

    Very educative

    June 1, 2012

  • A former member
    A former member

    live audio recording URL?

    June 1, 2012

  • A former member
    A former member

    Talk was decent, but it appeared the audience was lost or un-engauged.

    June 1, 2012

  • Craig J.

    Jonathan is very effective at communicating his knowledge in a clear, organized and useful manner. Great talk!

    June 1, 2012

  • Christopher M.

    An excellent talk by an excellent and well prepared speaker. Jonathan certainly knows his stuff.

    June 1, 2012

  • A former member
    A former member

    Thank you so much for having been an excellent audience!
    Here are the slides :)
    http://verekia.com/slides/css-preprocessors

    1 · June 1, 2012

  • stephen d.

    Jonathan gave an excellent presentation. He obviously put a huge amount of work into his talk and i also appreciated his humor. I may try to incorporate SASS into some personal projects to experiment. I have been using php to include variables in my css files, and i am still confused as to why variables are not part of the css3 spec. I think these should be normal features you do with css, and you should not need to install separate things to output back to "normal" css.

    June 1, 2012

  • john s.

    great presentation, very clear

    June 1, 2012

  • Drew S.

    I thought the presentation was very useful. I don't yet use preprocessors so it was at the right level of detail to provide a decent introduction.

    June 1, 2012

  • Shahriar (Shar) M.

    A very engaging, fun, and informative presentation! Great job of building the excitement to forge ahead with the tool and techniques.

    June 1, 2012

  • A former member
    A former member

    Really great talk. Cleared up a lot of what I thought I knew about SASS and LESS.

    June 1, 2012

  • Jeremia K.

    Awesome and actionable talk! Really great crowd, great location, and a great speaker

    June 1, 2012

  • Ben I.

    Jonathan did a great job! I haven't been to too many meetups, but this was by far the best one so far

    June 1, 2012

  • A former member
    A former member

    I had a great time, thank you Vanessa, and thank you Jonathan!

    May 31, 2012

  • Vanessa W.

    May 31, 2012

  • linda S

    Just realize that I am in. Didn't see the earlier email. Looking forward to it. See you there!

    May 31, 2012

  • linda S

    Venessa, I am wait listed. When would I know if I am in? Thank you!

    May 31, 2012

  • Vanessa W.

    We may indeed have streaming! Stay tuned here or on Twitter: @sfhtml5.

    May 30, 2012

  • Rick H

    Thanks Rick! Marakana does such an awesome job with the filming and editing. I'm glad to hear it. This looks like an awesome presentation.

    May 30, 2012

  • Rick H.

    Hi, Rick, just spoke with Max and although we are not streaming it, Marakana TechTV will be recording it so it will get posted online.

    May 30, 2012

  • Rick H

    Will there be a video or stream of the talk?

    May 30, 2012

  • Vanessa W.

    @Michele: If you have a 1-2 minute, relevant pitch you want to make, or a quick demo, you're welcome to do so after the Q&A and price giveaways. Contact me if you're interested. Thanks!

    May 30, 2012

Our Sponsors

  • Google

    Platinum sponsor

  • Microsoft Edge

    Platinum Sponsorship

  • O'Reilly

    Gold Sponsor

  • Sony

    Silver sponsor

People in this
Meetup are also in:

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