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 Matzinger

    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

  • Max Walker

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

    1 · June 12

  • Melanie Archer

    Excellent information. Balanced, with a tinge of advocacy.

    June 5

  • Darren

    Is there video of this lecture?

    June 4

  • Danni McNinch

    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

  • Rick H

    Thanks Vanessa!

    June 4

  • Vanessa Wang

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

    June 4

  • Richard Boardman

    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

  • Oriol Sabate

    Very educative

    June 1

  • Bruce Wallace

    live audio recording URL?

    June 1

  • Jesus Monroy

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

    June 1

  • Craig Jones

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

    June 1

  • Christopher Maujean

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

    June 1

  • 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-p...

    1 · June 1

  • stephen dell

    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

  • john slater

    great presentation, very clear

    June 1

  • Drew Stevens

    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

  • Shahriar (Shar) Marachi

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

    June 1

  • Ryan Eilders

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

    June 1

  • Jeremia Kimelman

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

    June 1

  • Ben Ilegbodu

    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

  • Brigitte Jellinek

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

    May 31

  • Michele Lundin

    Did get a chance to talk but we are hiring at A2Z in San Francisco. We are a subsidiary of Amazon in the city responsible for the Amazon Cloud player and mp3 store. Please send your resume to [masked].

    May 31

  • Vanessa Wang

    Streaming! http://goo.gl/jdZnF

    May 31

  • linda S

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

    May 31

  • linda S

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

    May 31

  • Vanessa Wang

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

    May 30

  • 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

  • Rick Hurst

    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

  • Rick H

    Will there be a video or stream of the talk?

    May 30

  • Vanessa Wang

    @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

  • Michele Lundin

    Can you tell me a little bit more about the lightning talks?

    May 30

Kaazing

Kaazing makes an HTML5 WebSocket Gateway that rocks!

Marakana

Marakana provides HTML5 training courses in SF and NYC.

Adobe Systems

Major sponsor and provides an awesome venue!

HTML5 Dev Conf

Major sponsor

Google I/O Extended

Major sponsor

Yelp

An awesome venue and refreshments!

Say Media

A great venue for our meetups!

FluentConf

Sponsoring the user group

DevCon5

Sponsors our meetups!

O'Reilly Media

Great books on HTML5, JavaScript, mobile, and related technologies.

Log in

Not registered with us yet?

Sign up

Meetup members, Log in

or
By clicking the "Sign up using Facebook" or "Sign up" buttons above, you agree to Meetup's Terms of Service