What are the differences between CSS and SASS and what are its advantages and disadvantages?

Sass stands for syntactically awesome stylesheets. Sass is a scripting language that is compiled into regular CSS. It was created to help writing CSS easier and more efficient. CSS is great but it lacks the ability to do advanced programming and calculations. Sass is CSS with superpowers but browsers like Chrome cannot read Sass files…. Read more »

Continue Reading

Category: Common Questions

Take Command of CSS Flexbox

As a kid I loved playing with toy plastic army men. I would line them up and pretend to be in command giving orders to my soldiers in order to defeat the enemy. Since I was in full command, the soldiers would look to me for their orders. Sometimes a hot shot recruit would overstep… Read more »

Continue Reading

Category: Tutorials

How to Detect and Run JavaScript When Bootstrap Media Query Breakpoints Change

Update: I created a small jQuery plugin that adds media query detection for Bootstrap 3 and 4 projects. You can learn more about IfBreakpoint.js here. Have you ever wanted to trigger some javascript at a certain media query value? Relying on document.width() has problems because it includes browser scrollbars. A simpler and more accurate solution… Read more »

Continue Reading

Category: Tutorials

Sparky Bootstrap 3 Sass Starter Project and Tutorial

It was a challenge for me to understand Grunt, Sass, and GitHub. So I decided to share a starter project I use for each Bootstrap 3 Sass project as well as a video tutorial series to help you learn the workflow.. Sparky: A Bootstrap 3 Sass starter project I created a starter project that provides… Read more »

Continue Reading

Category: Articles

Starting Front-end Development with Bootstrap Sass

“It’s through mistakes that you actually can grow. You have to get bad in order to get good.” – Paula Scher, designer Good Reads Ways to Make Bootstrap Columns the Same Height JavaScipt for Web Designers: DOM Scripting [tool] I just heard about Adobe XD which looks like a great way to build prototypes other than… Read more »

Continue Reading

Category: Articles

Code Comments Hierarchy

 

Continue Reading

Category: Code Snippets

How to Customize Bootstrap Colors

A common Bootstrap customization request is changing the default color scheme. You have a few options depending on how you are using Bootstrap in your project. 1. Link to CDN – Find and Replace Colors If you are linking to a pre-compiled version of Bootstrap I recommend looking at the raw source and using search and replace… Read more »

Continue Reading

Category: Tutorials

5 Common Problems Web Developer Beginners Face and How to Fix Them

When I began learning web design, I built websites using Adobe Dreamweaver because I could see a visual output of what I was building. This was familiar to me because I was used to designing in Illustrator and Photoshop. However, when the site wasn’t working I had no choice but to use the source code tab and… Read more »

Continue Reading

Category: Articles