JavaScript counters the hard way - HTTP 203

JavaScript counters the hard way - HTTP 203

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=MCi6AZMkxcU


Category:
Tutorial
Duration: 24:08
39,946 views
2,250

You’ve seen loads of counter tutorials online, but they’re all a bit wrong… or at least most of them are. Jake and Surma dissect different techniques and identify how to make the counter work accurately and efficiently across browsers.

The optimal reusable solution → http://goo.gle/2LY9GNI

Browser bugs for suboptimal CSS animations:
Chrome (empty JS anim) → http://goo.gle/3qS3vt7
Chrome (other animations) → http://goo.gle/39izDjS
WebKit → http://goo.gle/2Mnkt3F
Mozilla → http://goo.gle/2Nt4T74

Other videos in the series → https://goo.gle/2wneQLl

Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast! → https://goo.gle/2y0I5Uo



Other Videos By Chrome for Developers


2021-03-18Thinking on ways to solve SETTINGS
2021-03-11Simulating color vision deficiencies in the Blink Renderer (available in Flemish and English)
2021-03-04Supercharged Microtip: Workers (German with English subtitles)
2021-03-02New in Chrome 89: Web Serial, HID, NFC, PWA installability changes, and more!
2021-03-02Writing Good Alt Text - HTTP 203
2021-02-25[粤语] Chrome 89 - DevTools 的最新功能
2021-02-25Chrome 89 - What’s New in DevTools
2021-02-23Scheduling Tasks - HTTP 203
2021-02-21Celebrating International Mother Language Day
2021-02-17Thinking on ways to solve TABS
2021-02-09JavaScript counters the hard way - HTTP 203
2021-02-03Submission shoutouts for SIDENAV
2021-01-26Dithering - HTTP 203
2021-01-21Thinking on ways to solve a SIDENAV
2021-01-19New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!
2021-01-14Chrome 88 - What’s New in DevTools
2021-01-13Submission shoutout for CENTERING
2020-12-24The best of Chrome games | Chrome Developer Summit 2020
2020-12-233x3 SEO tips for JavaScript web apps
2020-12-23Patterns for privacy
2020-12-23Payment and address form best practices


Tags:
GDS: Yes
counter
timer
javascript counter
web counter
counter animation
accurate digital counter
how to make a digital counter
how to code a digital counter
digital counter tutorial
digital counter
web timer
counter tutorial
setTimeout
setInterval
requestAnimationFrame
animation scheduling
new videos from Chrome
Chrome
Chrome Developers
Chrome devs
developers
videos for developers
css
javascript
new in tech
new in web
new in chrome
HTTP203
Jake and Surma