Past issues Subscribe

Aug 22 2017

Performant Web Animations and Interactions: Achieving 60 FPS

What's going on in < / > world
"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.
Performant Web Animations and Interactions: Achieving 60 FPS
Silky smooth interactions are critical for providing a natural-feeling application. The devil is in the details, and ill-performant web animations feel awkward, “janky”, and, above all, slow.
Read More
In the news
Two years in the making, we finally have our first beta release of Bootstrap 4.
Independent rendering allows the browser to selectively offload graphics processing to an additional CPU thread, so they can be rendered with minimal impact to the user interface thread and the overall visible performance characteristics page, such as silk-smooth scrolling, responsive interactions, and fluid animations.
Tools & libraries
Headless Chrome Node API
Deploy static websites and single page apps to AWS S3 and CloudFront with a single command
use ~ in require and import calls
Tutorials & guides
The idea behind lazy loading images is that you wait until a user scrolls further down the page and the image comes into view before making the network request for it. If your web page contains multiple images, but you only load each image as they are scrolled into view, you’ll end up saving bandwidth as well as ensuring that your web page loads quicker.
Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 API.
Blogs
Is there any reason to care about page size as a performance metric? And if we don't consider page size a meaningful metric, then what should we care about?
Heap developers wanted to migrate to a React + MobX architecture, but they couldn’t afford to spend six months rewriting most of their codebase at the expense of delivering features.
What is WebAssembly and what does it mean for the Web?
For beginners
This blog post describes a technique for making instanceof applicable to more values (on the right-hand side). Specifically, for primitive values.
Hello from the server side
Environment variables are a great way to configure parts of your Node.js application. Learn how to work with them and some tools that make your life easier.
Demo
Play rock paper scissors against your computer
Curated by Infinum's JS team.
Infinum JS Team · 156 2nd St · San Francisco CA 94105 · USA
Unsubscribe | View in browser

Previous Issues

Load More