Weekly screencasts exploring development techniques and ideas, best practices, and various tools.
When a web page doesn't have enough content to fit the screen, the footer doesn't sit at the bottom. This can look super weird. In this screencast, we explore how flexbox helps resolve this issue.
Constraining images of various sizes causes them to appear squished leaving your site looking unprofessional and weird. This screencast shows you a technique to resolve this issue to get perfectly sized images.
Modernizr is a JavaScript library that allows you to test browser feature support. In this episode, I demonstrate how Modernizr can help create backwards support for older browsers when implementing layouts with flexbox.
A quick screencast showing how to avoid writing complicated dynamic HTML strings in your JavaScript by using simple templates.
In the last episode, we looked at building our own simple, responsive grid system. In this episode, we spend some time extending it further by adding additional customization options for alignments and spacing.
Grid systems are fantastic at helping develop layouts faster and easier, but they can be confusing and difficult to use when getting started. In this episode, I walk you through building a simple, responsive grid system to better understand their inner workings.
Working with spacing in CSS can get hairy real quick. Here's a quick, clean technique I use to manage spacing between elements.
Setting up form submissions is difficult and annoying. Focuspocus allows you to focus on building your forms, while it handles the submissions itself.
Sitecake CMS is a simple CMS for your HTML websites. In this episode, I walk you through getting set up with Sitecake and using it to manage a simple on page static site.