Webucator's Blog

|

CSS Maintenance Best Practices

If you’ve ever worked on a large website as part of a team, or even if you’ve ever worked on a small website with a long history, you know that one of the first things that can get out of control and cause maintenance nightmares is the site’s CSS. After a while of people making one-time changes and additions, it often seems like every additional change breaks something else.

For this reason, various people have come up with strategies and best practices for keeping CSS under control. In this article, I’ll discuss a few of these best practices and then show how using a CSS framework such as Bootstrap 4 can make doing the right thing almost effortless.

Continue Reading »

|

Using Bootstrap 4 to Improve Your Website

Bootstrap is the most popular front-end CSS and JavaScript framework for designing responsive websites. According to W3techs.com, approximately 20% of websites currently use Bootstrap. There’s a good chance that if you’ve done any type of work on the web, you’ve encountered Bootstrap.

With the recent release of Bootstrap 4, the millions of websites that currently use a previous version face the decision whether to stay with version 3, upgrade to version 4, or transition to a different solution. Unless you’ve been paying close attention, you may not be aware of the differences between Bootstrap 3 and 4 and the issues that will likely determine whether you should upgrade or use Bootstrap 4 for a new website.

Read on to learn more about how Bootstrap 4 can improve your website.

Continue Reading »

|

Inline Web Font to Avoid FOUT

Web fonts enable designers and developers to create great looking websites. The decision to use a web font is easy. But the decision of how to load the web font may not be that easy. In this post we’ll quickly review the issue of FOUT (flash of un-styled text) when loading a web font asynchronously, and then I will show you how you can inline the web font data using a Base64 string.

Continue Reading »

|

Understanding the CSS Inherit Value

I had a student ask to see an example of the inherit property in CSS. It is a little hard to demonstrate, because most of the time the property does not change anything as it is the default value in most cases. However, it can be used to turn off the default browser-assigned property of a tag. Continue Reading »