Wayne State Web Team

Wayne State University Web Team Blog

Meetup: Block__Element--Mag­ic: CSS Modularity for the Masses - March 16, 2016

(opens new window)

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. (opens new window) 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

(opens new window)Chris DeMars (opens new window) is an associate software developer for DTE Energy (opens new window) 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 (opens new window) 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 third floor. Look for signs when you get off the elevator.

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 (opens new window) (PDF).

# Sponsors

Special thanks to our sponsor Grand Circus (opens new window) for offering venue space for our Refresh Detroit meetups!