martin duran

Briogeo Hair Care - Responsive Website

big city limos home page big city limos internal page big city limos contact form big city limos town car page big city limos service area

Project Brief:

This was a project that I got pretty excited about for one reason: it has a lot of contact forms, and I like building contact forms. Designed by Erika McNeil, Big City Limos is a website for a Chicagoland limos company. This is one of the few static websites I've worked on.

Front-end Development

Since I've familiarized myself with SCSS, I've been trying to reduce the number of classes I use, as to minify my code. SCSS, in my opinion, enables class-less, or HTML code with minimal classes and Id's, with it's ability to nest CSS code. Together with SCSS nesting, CSS selectors make is so classes can be significantly reduced.

With that being said, I decided to experiment a big with this project, using as little classes as I possibly could without effecting the product and while staying mindful of browser differences. Personally, I really like what I was able to do, but I realized the downside of my methods.

While the end-product successfully validated as HTML5 and was compatable all the way down to IE7, it wasn't team friendly. I realized that my approach isn't widely accept around the office, as a college of mine struggled when editing the site. It seems my approach, which entailed applying CSS styling based on structure rather than class affiliation, was confusing him. When I initially analyzed the mockup, I noticed various patterns.

I developed a plan, which was to style sequential elements base on their pattern using the CSS "+" selector. While this proved to be an efficient way to code, it was also confusing to those who were unfamiliar with the selector. My desire for clean, minimal code was the inpspiration behind my exploration.

Results

While I was personally satisfied with the experience, I wasn't pleased with it's effect on others. And while I did learn a lesson (be mindful of others abilities), I also sparked a train of thought, more so a question, in my own conscience: should a front-end developer put reduce their abilities to promote teamwork? I know many creative agencies have struggled with this issue. For example, just as of recently the development team at my workplace began using and learning SCSS. Previously, only two of us developer were able to edit project written in SCSS or SASS. So, I ask, would you avoid using new, more efficient technolgies/techniques to sustain consistency? I don't. Instead, I encourage progression If I'm aware of it.