Understanding when assets are loaded is a key a part of constructing practical, elegant web sites. We’re used to utilizing the DOMContentLoaded occasion (generally known as “domready”) however do you know there’s an occasion that tells you when all fonts have loaded? Let’s discover ways to use doc.fonts!
The doc.fonts object contains a prepared property which is a Promise representing if fonts have been loaded:
// Await all fonts being loaded
await doc.fonts.prepared;
// Now do one thing! Possibly add a category to the physique
doc.physique.classList.add('fonts-loaded');
Font recordsdata will be comparatively giant so you possibly can by no means assume they’ve loaded rapidly. One merely await from doc.fonts.prepared provides you the reply!
5 HTML5 APIs You Didn’t Know Existed
Once you say or learn “HTML5”, you half anticipate unique dancers and unicorns to stroll into the room to the tune of “I am Horny and I Know It.” Are you able to blame us although? We watched the elemental APIs stagnate for thus lengthy {that a} fundamental function…
Highlighter: A MooTools Search & Spotlight Plugin
Looking out inside the web page is a serious browser performance, however what if we may code a search field in JavaScript that might do the identical factor? I set out to do this utilizing MooTools and ended up with a fairly respectable answer. The MooTools JavaScript Class The…
Create a Dojo Lightbox with dojox.picture.Lightbox
One of many causes I like the Dojo Toolkit is that it appears to have every little thing. No scouring for a plugin from this web site after which one other plugin from that web site to construct my software. Buried inside the expansive
dojoxnamespace of Dojo is
Supply hyperlink
