Search
How to Crop Videos
9.8.2019
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 preparation, presenting the best...
Watch Facebook’s Libra Videos: An Inside Look At the Calibra Wallet
19.6.2019
Facebook provider primers for folks not quite up on their blockchain tech. Here are a few of the best
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Delivering Optimized Resources
28.5.2019
Don’t just get assets from your resources pool and dump it right into your web pages. There is always a high chance that SVGs, images, fonts, videos, and every kind of asset you can think of come i
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Delivering Optimized Resources
28.5.2019
Don’t just get assets from your resources pool and dump it right into your web pages. There is always a high chance that SVGs, images, fonts, videos, and every kind of asset you can think of come i
The Consensus 2019 Keynote Videos Are Now Live
22.5.2019
Watch nearly every Consensus 2019 talk on CoinDesk right now
A Deep Dive into Native Lazy-Loading for Images and Frames
15.5.2019
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold.
What’s this thing about images being lazy, you ask? Lazy-loading...
How to Reverse a Video
9.4.2019
One of my favorite media utilities is ffmpeg. This command line utility allows us to do some pretty amazing stuff like; Slice videos Convert video formats Modify video speed Combine audio and video Every once in a while I see a meme or funny video that reverses a video for effect. Since ffmpeg does...
8 Little Videos About the Firefox Shape Path Editor
7.3.2019
It sometimes takes a quick 35 seconds for a concept to really sink in. Mikael Ainalem delivers that here, in the case that you haven't quite grokked the concepts behind path-based CSS properties like clip-path and shape-outside.
Here are two of my favorites. The first demonstrates animating text...
Native Video on the Web
6.3.2019
TIL about the HLS video format:
HLS stands for HTTP Live Streaming. It’s an adaptive bitrate streaming protocol developed by Apple. One of those sentences to casually drop at any party. Äh. Back on track: HLS allows you to specify a playlist with multiple video sources in different resolutions....
WDRL — Edition 258: Colorless Designs, Simple Forms, Native Web Videos, and Rendering The Web.
22.2.2019
Hey,
One of the hard problems in web technology is the right balance between technical complexity, smart solutions and a nice user experience that isn’t creating cognitive overload. With Brad Frost’s examples of this gone wrong in Login forms that show how smart technological choices have been...
Blue Beanie Day 2018
30.11.2018
Another year!
You better not cry, you better not shout, I’m telling you why: @BlueBeanieDay is coming Nov. 30! Start sharing your #bbd photos, links, articles, and videos now: https://t.co/3US4vHBsDR#a11y #WebStandards #InclusiveDesign #ProgressiveEnhancement pic.twitter.com/AiV3ktRqka
—...
Download a YouTube Channel’s Videos
7.11.2018
YouTube is an endless source of entertainment, be it stuff you’re proud to share you like or stuff you would rather others not know about (see: David’s history of watching old WWE Royal Rumbles). I watch a lot of YouTube in hotels and on flights when I don’t have internet access...
Recent Videos!
27.7.2018
I've recorded a decent number of videos lately, most of which are pairing with someone and digging into a topic as I glean as much information as I can! Several of these are sponsored, in that they are a part of an advertising package. Hopefully, you know me well enough that I don't work with...
Animate Images and Videos with curtains.js
6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...
Build an Amazon-Like Product Preview App using Vue.js
19.4.2018
If you have ever used online stores like Amazon or eBay, you have definitely used the preview feature. It shows you images or videos of the product so you know what to expect before making a purcha