Chase Woodford | CSS Archives

How to Add Infinite Scrolling to Your PhotoBiz Website

In this article, we’ll walk through how to enhance the user experience of your PhotoBiz website by adding infinite scrolling to a Pinboard page template.

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.

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.

On Being a Designer/Developer: Reason #1

Because it takes the average person about 20 minutes to get back to work after an interruption.

Conditionals

Today’s goal was to create a page layout where an image would display tilted and nudged off the page in browsers that render rotate transformation CSS, but would also display nicely in those that don’t (IE). This was accomplished by using conditional statements.

Of Sapir-Whorf And CSS Font-Size

The Sapir-Whorf hypothesis challenges the possibility of perfectly representing the world with language, because it implies that the mechanisms of any language condition the thoughts of its speaker community.