<h1> Front-end Development Technologies </h1>

<script>

SASS();

APIs();

Liquid();

PHP();

Bootstrap();

</script>

SASS

Skill Level

Key Takeaway

SASS is amazing and I don't know what I'd do without it.

My Experience Using SASS

Using SASS at My Current Job

SASS is a fundamental part of our front-end architecture. I mostly use variables and nesting, but I've also used loops and mixins primarily for animations.

Consistency

I centralized our color variables on an internal server so that no matter what developer is working on which site, when they compile the SASS files, the colors are standardized. As a general principle, I try not to use any hex codes.

Accessibility

With the colors centralized, I'm able to easily apply global tweaks for accessibility. For instance, if our primary color is too light behind white text or logos and/or icons on a particular component, then I can use SASS' darken function to increase contrast across the board.

Our SASS Architecture

Although SASS is loaded with useful features, one thing I really love about it is using it in conjunction with Gulp. With Gulp, I can grab all the SASS files I need and spit them out into the tier system. Finally, I can use the Watch command so that I don't have to manually compile everything.

This site uses cookies: one to determine whether you've visited before, and a few others that are generated by Google Analytics, which helps me figure out how to improve the site.