CSS3 Deep Dive - Building a reusable and modular UI

Doors open at 6:30pm for refreshments and networking. Talk starts at 7.

About the presentation:

Patrick will review the latest trends in CSS3 development along with real-world, practical use cases for today's front end developers. This talk will have lots of demos and code walk throughs. In the end you'll learn about visual patterns and how to build reusable, modular UI components

About the speaker:

I built my first website in 1997 and my first mobile site in 2004 (I was sure it was the next big thing). These days I work for "The Man" as a front end developer at a large Automotive Auction Company. I am lucky enough to get to work with 4 teams on two continents on multiple technology stacks... If I had my way, I would convert PSDs to HTML and CSS all day long. Instead, I spend it trying to keep the 1000s of lines of CSS, JS & HTML (written by devs who do not really care about my OCD) from destroying my very soul. It is a work in progress.
I love building scalable, reusable front end code using modern web standards based techniques. I also enjoy the freedom of a good mobile web browser and have built the front end for native apps, mobile web apps and some hybrids as well. When I am not writing code, I am playing music.


DRIVING DIRECTIONS

From 400 South/I-85 Southbound:
Take exit 84 for 17th St toward 14th St/10th St. Follow signs to 14th St. Make left onto 14th St NW. Turn left at Peachtree St NE. NOTE: Promenade II Building is on the left side right across from the Four Seasons (bronze-colored building). We're on the 22nd floor.

From I-75 Southbound:
Take exit 250 for 16th St toward 14th St/10th St. Follow signs to 14th St. Make left onto 14th St NW. Turn left at Peachtree St NE. Promenade II Building is on the left side right across from the Four Seasons (bronze-colored building). We're on the 22nd floor.

From Airport/I-85 Northbound:
Take exit 250 toward Tenth St/Fourteenth St/Georgia Tech. Merge onto Williams St NW. Make right onto 14th St NW. Turn left at Peachtree St NE. Promenade II Building is on the left side right across from the Four Seasons (bronze-colored building). We're on the 22nd floor.

MARTA:
We're off the Arts Station Stop. Walk up 15th Street. Promenade II Building is on the right side across from the Arts Center Building. We're on the 22nd floor.

EVENT PARKING Parking lots are plentiful:

  • Lot between Mariott and Four Seasons on 14th Street (entrance on right).
  • Attached garage next to building (entrance is off 15th Street).
  • Lot on Spring St. between 14th and 13th St (entrance on left of 13th St).
  • Lot on West Peachtree St NW between 16th and 15th St (entrance on left).

 

Join or login to comment.

  • Patrick Boggs

    Slides and demo code all at http://pbdesigns.us/presi­
    Thanks again to all who came out. I had so much fun. If anyone has questions or needs any CSS help, let me know.

    May 20, 2012

  • Lee Jordan

    Nice dude! I really enjoyed Patrick's candor and sense of humor (even in the tiny text) that he brought to the topic. Great to get insight into production reality on a larger scale as well.

    May 18, 2012

  • A former member
    A former member

    Hghljjhbcxfddfffffd

    1 · May 18, 2012

  • Michael Johnson

    Pretty darn awesome. We've already started going down the modular road, so it was nice to here from someone who has been on this journey for a while. Thanks for sharing your awesome with us!

    May 18, 2012

  • Richard Massicott

    STIMULATING

    May 18, 2012

  • Rob Fine

    Really great presentation. Fun presenter and enjoyed the onslyde interaction.

    May 18, 2012

  • Michelle Johnston

    thoroughly enjoyed the talk good job Patrick!

    May 18, 2012

  • Patrick Boggs

    stacking the deck - thanks everyone.

    May 17, 2012

  • Patrick Boggs

    Thanks everyone. I had a great time. Hope to see many of you at webafternoon saturday. I will get the slides posted this weekend in case anyone is interested.

    1 · May 17, 2012

  • Isaac Williams

    Wish I could have made it, left my car keys in my girlfriends car and she is at work.

    May 17, 2012

  • Kevin Bandy

    Fantastic! I look forward to this one being posted.

    May 17, 2012

  • Cameron Kilgore

    Kevin, we do record the speeches and they are posted at http://t.co/J9PxidZG­

    1 · May 17, 2012

  • Kevin Bandy

    Unfortunately, I could not attend this event. Can I perhaps get the slide deck from someone? Was the event recorded? Thanks

    May 17, 2012

  • Paul Holder

    I stole a quick look at a small piece of the presentation and it looks AWESOME. I can't wait to see the whole thing!

    May 16, 2012

  • Patrick Boggs

    Paul - It is free. Bring a friend.

    May 16, 2012

  • Paul Dickerson

    Is this a free event?

    May 15, 2012

  • Ginger Williams

    I have worked on a project with coca-cola before. It was an intetesting and educational experience. Unfortunately they pulled the product just before the soft launch. But my team and I were still paid well for the project.

    May 12, 2012

  • scott baker

    Sounds very interesting trying torearrange my sched to attend ... working on similar project at Coca-Cola (looking to bring in help too, if anyone is interested, let me know)

    May 12, 2012

  • vince baskerville

    Sad I'm going to miss this? This topic sounds like it'll be awesome!

    May 11, 2012

  • Patrick Boggs

    Howard - I do land somewhere in the middle, but lean towards SRP. I used to get teased for having what I called "utility classes" - my modular approach leans heavily on helpers/SRP concepts.

    May 3, 2012

  • Howard Fore

    Maybe a brief compare/contrast between your methods and OOCSS (http://oocss.org/­) and SRP CSS (http://csswizardry.com/2012/04/...­) would be nice. I'm sure there's some overlap.

    May 3, 2012

  • Patrick Boggs

    Working on slides and code examples... I take requests, if there is a feature you want to see in action or talk about, hit me up via the email link here.

    1 · May 2, 2012

Our Sponsors

People in this
Meetup are also in:

illustration

Start the perfect Meetup Group for you

From happy hours to museum outings, Meetup Groups get people together to share your interests.

Start a Meetup Group

Log in

Not registered with us yet?

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