Tutorials Page 6
![How to Determine a JavaScript Promise’s Status]()
How to Determine a JavaScript Promise’s Status
Promises have changed the landscape of JavaScript. Many old APIs have been reincarnated to use Promises (XHR to fetch, Battery API), while new APIs trend toward Promises. Developers can use
async/awaitto handle promises, orthen/catch/finallywith callbacks, but what Promises don't tell...![Detect XR Support with JavaScript]()
Detect XR Support with JavaScript
A few years ago I wrote an article about how to detect VR support with JavaScript. Since that time, a whole lot has changed. "Augmented reality" became a thing and terminology has moved to "XR", instead of VR or AR. As such...
![Document.elementFromPoint]()
Document.elementFromPoint
Reacting to events with JavaScript is the foundation of a dynamic experiences on the web. Whether it's a
clickevent or another typical action, responding to that action is important. We started with assigning events to specific elements, then moved to event delegation...![Detect Browser Bars Visibility with JavaScript]()
Detect Browser Bars Visibility with JavaScript
It's one thing to know about what's in the browser document, it's another to have insight as to the user's browser itself. We've gotten past detecting which browser the user is using, and we're now into knowing what pieces of the browser UI users are...
![JavaScript print Events]()
JavaScript print Events
Media queries provide a great way to programmatically change behavior depending on viewing state. We can target styles to device, pixel ratio, screen size, and even print. That said, it's also nice to have JavaScript events that also allow us to change behavior. Did...
-
![How to Control CSS Animations with JavaScript]()
How to Control CSS Animations with JavaScript
When it comes to animations on the web, developers need to measure the animation's requirements with the right technology -- CSS or JavaScript. Many animations are manageable with CSS but JavaScript will always provide more control. With
document.getAnimations, however, you can use JavaScript to manage...![Detecting Fonts Ready]()
Detecting Fonts Ready
Knowing when resources are loaded is a key part of building functional, elegant websites. We're used to using the
DOMContentLoadedevent (commonly referred to as "domready") but did you know there's an event that tells you when all fonts have loaded? Let's learn how...![How to Internationalize Numbers with JavaScript]()
How to Internationalize Numbers with JavaScript
Presenting numbers in a readable format takes many forms, from visual charts to simply adding punctuation. Those punctuation, however, are different based on internationalization. Some countries use
,for decimal, while others use.. Worried about having to code for all this madness?
![Locate Empty Directories from Command Line]()
Locate Empty Directories from Command Line
As a software engineer that lives too much of his life on a computer, I like keeping my machine as clean as possible. I don't keep rogue downloaded files and removes apps when I don't need them. Part of keeping a clean, performant system...
![How to Extend Prototypes with JavaScript]()
How to Extend Prototypes with JavaScript
One of the ideological sticking points of the first JavaScript framework was was extending prototypes vs. wrapping functions. Frameworks like MooTools and Prototype extended prototypes while jQuery and other smaller frameworks did not. Each had their benefits, but ultimately all these years later I still...
