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-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

JSChannel BLR :: Meetup 9 - Semantic Grids with Sass

This talk will cover:

1. What are grid systems and how they evolved, especially with bootstrap and foundation. 

2. Why using presentational classes such as .col-md-4.col-lg-9 in your markup is un-semantic and alternatives 

3. Creating ratio based grids for your web applications using SingularityGS 

4. I will do some live coding with actual web app use cases

I wrote a blog post on this here and have made a lot of research since I posted this http://viii.in/oosass-foundation-and-bootstrap/

Slides for this talk are available here (work in progress)
https://speakerdeck.com/rvinay88/flexible-grids-using-sass

Other topics that I want to cover (please vote)

1. LESS and it's benefits
2. Difference between Sass and LESS
3. Sass, Compass and Bourbon
4. Example of Bootstrap (LESS and Sass Support)
5. Sass basics to advanced

Join or login to comment.

  • A former member
    A former member

    Hey all, Basav brought up an interesting question regarding scale and getting multiple developers on board. I found this article from the guardian, which has 25 developers contributing SCSS code. They have guidelines for their code and use SCSS-linter to maintain standards for their SCSS code. You can read the full article here http://www.theguardian.com/info/developer-blog/2014/may/13/improving-sass-code-quality-on-theguardiancom

    1 · May 21, 2014

    • Naresh s.

      IMO - in a multi developer environment, the issues that come up with the SSAS would be there even without the SSAS... people could still not follow standards and write bad and duplicate CSS, a tool simply makes you productive... it's not necessarily an antidote for bad discipline.... this is an interesting thread.. creating the following discussion thread for the same: http://www.meetup.com...­

      May 22, 2014

    • A former member
      A former member

      Hey @Pulak, true, but I think this covers an important part of the answer to his problem.
      It is to maintain standards for coding. The biggest step is getting all the involved devs on board. The other point of sharing this is also to show that, while there are other place facing similar challenges, it is possible to have Sass incorporated into your agile approach with CI and there are teams doing that across the globe.

      May 22, 2014

  • A former member
    A former member

    Hi all, a BIG thank you for turning up on a Saturday morning. Thanks to Pranay and team for hosting us. I had great fun meeting and talking to all you passionate people. Some of the questions I received were really great! Here's a gist of the code I was using https://gist.github.com/rvinay88/57927b4dcba9db7df2ff

    Feel free to hit me up on twitter (@rvinay88) or our mailing list if you have any questions. [masked]

    1 · May 18, 2014

    • Akhil C.

      Hey Vinay... It was awesome.. Actually it was my first time in a meetup. And i found it as useful to my career. Expecting the same at upcoming meetups also

      2 · May 19, 2014

    • A former member
      A former member

      Awesome Akhil. Glad you found it useful. Am sure the upcoming ones are going to go even more in-depth. Feel free to reach out to me if you have any queries

      May 21, 2014

  • Manikandan

    Got an idea to break through

    May 19, 2014

  • A former member
    A former member

    Hi All, if you aren't able to come, you can view it live on google hangout here

    https://plus.google.com/events/cc81hhqcrgvj95v7u61t5cqqiis

    2 · May 17, 2014

    • A former member
      A former member

      Hey Gowtham..apologies, this couldn't work due to a slight glitch but Pulak is working on making this work from the upcoming meetup

      May 18, 2014

    • Gowtham S.

      Thank you.

      May 19, 2014

  • Basav

    Thanks Intuit for the awesome venue

    1 · May 17, 2014

    • A former member
      A former member

      Pleasure in hosting every one :)

      1 · May 17, 2014

  • Pulak Kanti B.

    A very special thanks to Vinay for coming from all the way from Chennai and having a very good, interactive and engaging session.

    Also, thanks a lot guys for turning up and thanks to Intuit for facilitating the the event and arranging for food.

    1 · May 17, 2014

    • A former member
      A former member

      Pleasure in hosting every one :)

      May 17, 2014

  • Pulak Kanti B.

    Awesome session is going on!!!

    1 · May 17, 2014

    • Gowtham S.

      Live Streaming is not yet started at G+ :(

      May 17, 2014

  • Pulak Kanti B.

    How many of you are currently using Sass in their projects?

    May 1, 2014

    • Naresh s.

      Yes Vinay.. go with your plans.. a lot of us use it ... and otherwise should be using it :)

      2 · May 8, 2014

    • A former member
      A former member

      Thank you, I will try and make it as inclusive as possible so that even people who don't use it start using it. :)

      3 · May 8, 2014

  • A former member
    A former member

    Hi all, I presented this topic at a meetup group in Chennai. The slides and videos are available at the below links. However, please let me know if you'd prefer an introduction to Sass as opposed to the above topic which is intermediate-level if you aren't exposed to Sass at all. Screenshare video:
    https://www.youtube.com/watch?v=NoYcJ0YCc5o

    Slides:
    https://speakerdeck.com/rvinay88/flexible-grids-using-sass-1

    2 · May 4, 2014

  • A former member
    A former member

    Hi All, here's a list of gems we will be using for this demo. You don't have to have any of them installed on your machine, we will use http://sassmeister.com/ for demos. You can add these gems in the control panel (gear icon on top right)

    Sass
    Compass
    Breakpoint - Easy to add media query breakpoints
    Singularity - Create flexible ratio based grids

    1 · May 1, 2014

  • Pulak Kanti B.

    It will be great if anyone plans to give any session in june or after that. The idea is to have an advanced calendar in hand. Any suggestion is well appreciated.

    1 · April 20, 2014

    • Pulak Kanti B.

      No problem @Akash

      April 23, 2014

    • Akash D.

      @Pulak, sorry was in a few flights today ... made a post ... thanks :)

      April 24, 2014

  • Pulak Kanti B.

    Thanks a lot Naresh. @Vinay, now place is decided. So we all will look forward to your hands on presentation.

    1 · April 21, 2014

    • A former member
      A former member

      Thanks @Pulak. I look forward to the session too. Very excited!

      1 · April 21, 2014

  • Pulak Kanti B.

    Vijay and Bikash, please check with your organizations and then consult with Naresh to organize this event in May.

    @Vinay, please be in touch with Naresh for finalizing the place beforehand.

    April 19, 2014

    • A former member
      A former member

      Sure Pulak..thanks!

      April 20, 2014

  • Naresh s.

    One of our friends has offered the venue... I will discuss with him tomorrow and update everyone.

    1 · April 20, 2014

    • A former member
      A former member

      Awesome! Looking forward to it!

      April 20, 2014

  • A former member
    A former member

    Hi all! Thanks for signing up! :) Just wanted to check if anyone is interested in hosting this meetup? We have around 27 people signed up already and expecting the number to go up

    April 1, 2014

    • Pulak Kanti B.

      Don't worry about the place, we can hope someone will manage it

      April 1, 2014

  • A former member
    A former member

    Hi All, I have moved the date to 17th May as suggested. Hope this will be convenient for all of you guys

    3 · March 30, 2014

  • A former member

    A former member changed the date and time from Saturday, May 03, 2014 at 10:00 AM to Saturday, May 17, 2014 at 10:00 AM

    March 30, 2014

  • Naresh s.

    Vinay - suggest moving this to 17th May , like suggested by others.

    March 28, 2014

  • Tarun J.

    yes I also agree with it. second week would be good.

    1 · March 28, 2014

  • Pulak Kanti B.

    Vinay, if possible schedule a date which is a gap of 1 month from the previous talk. That way you can give audience some breathing space and they can practice of what they have learnt in the previous session in last month.

    1 · March 28, 2014

  • Pulak Kanti B.

    Looks good!!!

    March 28, 2014

Our Sponsors

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