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

Block__Element--Magi­c: CSS Modularity for the Masses

CSS is hard, we all know that. There has to be a more effective way to facilitate the modularity and flexibility of our code. 

When tasked with creating new components for a Web project and inheriting over 8,000 lines of code, where do you start? 

When you are told to keep it modular as possible, what solutions do you have at your disposal? This is when you break into your bag-of-tricks with one of the many modular CSS architectures out there.

B.E.M. is a great method to use to keep code very flexible and modular from component to component, and page to page. Three benefits of using B.E.M. are:

• Reusability of the code 

• Maintain code in small pieces rather than large blocks with excessive declarations and generic naming

• Style naming. Be as specific as you want. Name the style according to where it is being applied and what it is being used for.  Help other developers who inherit your code as well as your future self!

SPEAKER

Chris DeMars is an associate software developer for DTE Energy in the Detroit headquarters. He is an instructor and teacher assistant for the Ann Arbor and Detroit chapters of Girl Develop It. 

Chris is also very passionate about coming up with solutions for enterprise applications, which include modular CSS architectures, performance, and promoting Web accessibility.

AGENDA

6:30 pm to 6:40 pm: Welcome 
6:40 pm to 6:55 pm: Introductions 
6:55 pm to 7:00 pm: Info about Grand Circus 
7:00 pm to 7:40 pm: Presentation and Q & A 
7:40 pm to 8:00 pm  Networking 

VENUE AND PARKING

Grand Circus is located in the Broderick Tower near Grand Circus in downtown Detroit. The entrance is on Woodward, through two gold-colored  doors. 

Once inside, go to the end of the hall, and take the elevator to the fourth floor. 

Parking is available at the Detroit Opera House parking garage, located on Broadway. Parking is $10 (unless there's a special event). There's also street parking on Woodward and Washington Boulevard. 

The Detroit Opera House parking garage is a short walk up Broadway and around the corner from the Grand Circus space. Here's parking information from the Broderick Tower website (PDF)

SPONSOR

Special thanks to our sponsor Grand Circus for offering venue space for our Refresh Detroit meetups!


Join or login to comment.

  • Nick D.

    Thanks for everyone who came out last night! If you missed the presentation, we have it recorded and available here: https://www.youtube.com/watch?v=mGyLiVqqPH4

    Slides from the talk should be available shortly.

    1 · March 17

  • Joey

    Not going to be able to make it unfortunately

    March 16

    • Deborah E.

      Sorry you couldn't make it, Joey. We're livestreaming youtu.be/mGyLiVqqPH4

      March 16

    • Joey

      Thank you! I am streaming now

      March 16

  • James P.

    Hey guys. I'm planning on coming tonight but registration is closed so I can't RSVP.

    March 16

    • Nick D.

      James, If you want to RSVP, we have re-opened it.

      March 16

    • James P.

      Awesome. Thanks

      March 16

  • Terri P.

    Hi All -- I'm double booked for tonight! I signed up for the Grand Circus UX Design mini-course with is March 16 & 17, 6 - 8p. I'll swing by to say hello.

    Will there be any materials that I can look at as a part of tonight's meet up? Thanks!

    March 16

    • Nick D.

      We hope to record the talk and/or stream it live. If that works out we'll distribute it to the Refresh Detroit email list.

      March 16

  • Angela T.

    Hello! I tried to pay online three separate times and it keeps me an error message. I don't have a paypal account. Is it another way I can lay?

    March 11

    • Deborah E.

      Sorry you're having problems registering. Once in a while someone has issues registering on a phone. Have you tried registering from a desktop browser? Angela, if you can't get it to work, bring $5 because we won't have change. And come early, we don't have a volunteer greeter for tomorrow's Meetup.

      1 · March 15

    • Angela T.

      Ok ,Thank you! I tried to pay on my phone but I will try from my desktop.

      March 15

  • Melissa D.

    Awesome! You'll be at my coworking space - I'll drop by to say hello

    2 · March 14

    • Deborah E.

      Hey, Melissa. We're glad to have Grand Circus host our meetups. Wonderful sponsor and great space. Hope to see you tomorrow!

      1 · March 15

  • Eric M.

    Can't make this one unfortunately, I'll be volunteering at a food bank at the time. Looks to be a good talk!

    March 10

    • Chris D.

      Sucks you can't make it. Have a good time at the food bank!

      March 10

    • Deborah E.

      Sorry you can't make it, Eric. Hope you have a good time at the food bank.

      March 11

No one went

Your organizer's refund policy for Block__Element--Magic: CSS Modularity for the Masses

Refunds are not offered for this Meetup.

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