Chase Woodford | Sass Archives

Using Bootstrap 4 Theme Colors in JavaScript

I’m leading the front end design on a project where we use Google Charts to visualize data for a Java web application. The web app’s front end is built on Bootstrap 4. Anyone familiar with Bootstrap and Material Design (Google’s design language) will immediately recognize the disparities between the two in terms of look and feel. One challenge that presented itself while integrating Google Charts with the Bootstrap framework was how to keep the colors in sync between the two systems. In this post, I’ll cover how I worked Bootstrap 4 theme colors into Google Charts via JavaScript to create integrated-looking data visualizations.

Complete Guide to Sass Programming Language

Sass is a scripting language that is interpreted into Cascading Style Sheets (CSS), also known as a preprocessor. If you can write CSS you can start using Sass, and begin taking advantage of the benefits it offers like variables, nested rules, mixins and many other features that enable quicker front end development.

Pattern Matching Using Globbing

Globbing, or pattern matching based on wildcard characters, is a feature found in many programming languages.

A Super Simple Sass @for Directive

The Sass @for directive is a pretty powerful feature. It’s really handy for iterating over a set of items. The directive has a pretty simple format: @for $var from <start> through/to <end>, where the from/through variation includes all values, including the last item, and the from/to variation doesn’t. It’s been around since the 2.2 release, however, I just recently got my first chance to work with it.

Getting Started with Sass

When Dan Cederholm says it, you know it’s true. Getting started with Sass really is as simple as one, two, three.

Learning GitHub Passively

Github was never part of my workflow, so I never went out of my way to learn how to use it.