GSS - CSS Layout from the Future

  • November 4, 2014 · 6:30 PM
  • This location is shown only to members

CSS layout is broken. Even with Flexbox, simple layout changes can still require deep changes to the underlying HTML and CSS. Existing CSS primitives are simply not expressive enough to describe basic relational layouts like aligning sibling elements with each other.

GSS (Grid Style Sheets) introduces a set of tools for creating relational layouts in CSS using a syntax inspired by the success of Apple's Cocoa Autolayout for iOS and OS X. Powered by the Cassowary Constraint Solver, a constraint-based layout algorithm, GSS allows highly complex layouts to be described in just a few simple lines of enhanced CSS.

In this talk, we'll dive into the magic of GSS and how it can be used to make your layouts simpler and more powerful.

Mike Petrovich (@mikepetrovich) leads front-end engineering at Next Big Sound where he current hacks AngularJS, CSS, and end-user performance.

NOTE: if you are unable to attend, please join us online via GSS @ LiveStream Public

Join or login to comment.

  • Mike P.

    Thank you all for attending in person and online!

    The recorded talk is available on Livestream: http://new.livestream.com/LivestreamPublic/nycss

    And the presentation slides (with links) are available here: https://docs.google.com/presentation/d/1CzfnhZwbwtMDUq2eL0i2YWfZAia6bE8vIeoUVSAQmX8/edit?usp=sharing

    If you enjoyed the talk or have any additional questions or comments, please tweet me at @mikepetrovich: https://twitter.com/mikepetrovich

    November 4

  • amk

    Hi, the link with the video is not working for me - the video reads, "Loading..." but is not doing anything...anyone else having an issue?

    November 4

    • amk

      i just opened the video in a new window and it seems to work

      November 4

  • Mehboob A.

    Please join us online at http://bit.ly/livestream-gss, starting at 7pm

    1 · November 4

  • Darryle S.

    I just gave up my seat. I didn't realize this was in BK. I love BK but couldn't make it in time. Plus, I just got a ton of work dumped on me plus a presentation to do as soon as i get into work tomorrow.

    November 4

  • Jason "Jackrabbit" P.

    Sadly, I've made other plans and can't attend. I'm hoping the talk will be recorded. Please let us know. Thanks!

    November 4

  • ~Tatyana~

    Although I would very much like to attend this, I needed to change my RSVP to no. I work in Connecticut & I foresees not making it on time to Brooklyn on that day after work. I will continue to look out for events and I'm definitely interested in participating in the next one.

    November 1

  • Mehboob A.

    Hi everyone.. we're working on finding an appropriate location due to number of interested attendees.. please stay tuned, for date and location changes..

    Thanks.

    1 · October 6

    • ~Tatyana~

      I wonder if you ever schedule events around upper east side or upper west side? What type of locations r u looking for? Court Houses have nice size space. I've been to a coding meetup in a CT courthouse.

      October 8

  • Darryle S.

    I can't make this meetup but my biggest concern with GSS is the amount of browsers that support it. I guess this will be talked about during the meetup. I'm hoping their will be slides for those who can't make it.

    October 2

  • ~Tatyana~

    Hello, I RSVP'd yes to this event, as I want to participate, but I'm curious about location. I work in Connecticut and I finish between 5-6 pm. I'm trying to plan for timing @ location.
    -Tatyana

    September 6

  • Matt D.

    Will this be recorded?

    1 · June 26

People in this
Meetup are also in:

Create a Meetup Group and meet new people

Get started Learn more
Allison

Meetup has allowed me to meet people I wouldn't have met naturally - they're totally different than me.

Allison, started Women's Adventure Travel

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