Tutorials Page 26
![Data URIs]()
Data URIs
We're all familiar with traditional URI protocols like https, http, ftp, and file, but data URIs have become a large part of our online strategy. We can use them to display images, the Mac camera and webcams, and more. But what if we simply...
![How to Crop Videos]()
How to Crop Videos
During a recent episode of the Script and Style podcast, I had noticed that the video recording had showed a bit of our internal chat that wasn't necessary for our viewers to see. While there's nothing wrong with giving viewers a peek into the show...
![then on Objects]()
then on Objects
Promises were a revelation in JavaScript development, allowing us to enjoy async processing and avoid callback hell. Many new APIs like Battery API, Cache API, and others use the promise API. One fact you may not know is that you can add...
Grab a .DEV Domain from Hover!
I can say that the biggest and best changes in my professional life came from starting this blog — it was the springboard for conference speaking, open source, and joining Mozilla. I’ve always urged ever developer to have a blog to showcase talent, explore new technology...
![CSS prefers-reduced-motion Media Query]()
CSS prefers-reduced-motion Media Query
When I started in the web development industry, media queries were limited --
screenandprintwere the two media queries I was most often using. More than a decade later, media queries have advanced to various screen units, feature checking, and even color...![Optional Chaining]()
Optional Chaining
For all of the improvements that the JavaScript language has added over the past few years, like the spread operator, default argument values, and arrow functions, there are still a few features I'd love to see implemented. One such feature is optional chaining.
![JavaScript Proxy with Storage]()
JavaScript Proxy with Storage
The JavaScript Proxy API provides a wealth of "magic" within JavaScript, allowing you to use any object as sort of an alias that allows a wall of validation, formatting, and error throwing. Did you know that you could also employ the Proxy API as...
![Detect Cryptocurrency by Wallet Address]()
Detect Cryptocurrency by Wallet Address
I’ve always been a massive advocate of cryptocurrency. I love the technology, the ease of use, and the freedom that cryptocurrencies bring to the world. Despite my love of crypto, I know that adoption will take a long time and that the state of crypto...
![CSS Gradient Text]()
CSS Gradient Text
Web developers know the fight we’ve all had to improve fonts on the web. Whether it be load time, odd strategies for using custom fonts (Cufon, anyone?), or just finding the right font itself, beautifying text on the web has never come easy.That got...
![Set Video Playback Speed with JavaScript]()
Set Video Playback Speed with JavaScript
I love that media has moved from custom plugins (Flash…gross) to basic HTML
<video>and<audio>elements. Treating these media sources as just another element allows us to use CSS filters to adjust display, for example. The less we need to do with...





