Newest Articles

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 1: Containers and contextual colors

Saturday, September 28, 2019

Learn about Bootstrap containers and about the difference between regular containers and fluid containers. Additionally, we'll cover Bootstrap 4's contextual color classes: primary, secondary, success, danger, warning, info, light and dark. Learn how these are used for backgrounds and text color.

html css beginners basics

HTML and CSS Basics, part 24: CSS tips and tricks for beginners

Friday, September 27, 2019

This article shows 10 practical tips and tricks in CSS for beginners and junior frontend developers. We cover these topics: centering a div, why not override framework CSS directly, how to make narrow containers in Bootstrap, which HTML element to use to style navigation, what are over-qualified CSS selectors, and more!

html css beginners basics

HTML and CSS Basics, part 23: CSS grid

Thursday, September 26, 2019

What is the difference between CSS flexbox and CSS grid? How to use the former and the latter? Learn all of this and more in our in-depth introductory article on using CSS grid.

html css beginners basics

HTML and CSS Basics, part 22: CSS variables

Wednesday, September 25, 2019

This tutorial is a genle introduction to CSS variables. We'll start with a CSS example layout that uses no variables, and we'll convert it to a layout that uses CSS variables. During this process, we'll learn why CSS variables are so useful.

html css beginners basics

HTML and CSS Basics, part 21: CSS animations and transitions

Wednesday, September 25, 2019

Learn the basics of using CSS transitions and animations, what makes them similar, and what makes them different. Additionally, learn the basic rules of using CSS transitions and animations in this tutorial.

html css beginners basics

HTML and CSS Basics, part 20: Building a layout with Bootstrap

Wednesday, September 25, 2019

How to build a simple layout with Bootstrap 4? We'll learn all about it in this tutorial, the twentieth in the HTML and CSS basics article series.

html css beginners basics

HTML and CSS Basics, part 19: Building a layout with our micro CSS framework

Wednesday, September 25, 2019

In this tutorial, we'll continue learning HTML and CSS layout techniques by using the micro CSS framework we've built in the previous tutorial. We'll use our own micro CSS framework to build a simple HTML and CSS-powered website layout.

nodejs javascript intermediate npm

Understanding Node, npm, JavaScript modules, and webpack

Wednesday, September 25, 2019

Why Node and npm? What’s up with Grunt, Gulp, and Webpack? Why choose one over the other? How to reliably share third-party libraries with your team? Why was it so hard - even impossible - to use modules in JavaScript in the past? In this article, we'll answer all these questions.

html css beginners basics

HTML and CSS Basics, part 18: Build your own micro CSS framework

Tuesday, September 24, 2019

This practical tutorial shows how to build your own CSS micro-framework. This tutorial is aimed at understanding the thinking behind popular CSS frameworks, and realizing that it's not some magical thing - it's just a collection of reusable HTML and CSS code snippets.

html css beginners basics

HTML and CSS Basics, part 17: Introduction to SCSS

Monday, September 23, 2019

In this introduction to SCSS and Sass, we'll see how to easily get started with these supersets of CSS and what are the benefits of using them. We also learn about how to use SCSS in our computer, and about using Node-sass.

Feel free to check out my work here: