Webucator's Blog

|

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 »

|

CSS3 Training: Transitions Overview

In CSS3 we can create smooth transitions. Transitions take effect when the property they are applied to changes value.

For a transition to be successful you will need 4 things: an initial value, an end value, the transition itself, and something to trigger it.
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 »

|

Testing Web Pages in Old Versions of IE with Virtual PC

Testing on old versions of Internet Explorer can be a pain. I have used IE Tester a lot and it used to do a pretty good job, but lately it has been having trouble with IE7 and IE8.

One of my colleagues recently told me about these Virtual PC images provided by Microsoft explicitly for testing web pages on older versions of Internet Explorer. I downloaded and installed XPSP3-IE6.EXE, XPSP3-IE7.EXE, and XPSP3-IE8.EXE . Continue Reading »