Tag Archives: javascript
The Cost Of JavaScript In 2018
Addy Osmani: Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked like it had loaded only to tap on a link or tried to scroll … Continue reading
JavaScript engine fundamentals: Shapes and Inline Caches
Mathias Bynens and Benedikt Meurer: As a JavaScript developer, having a deeper understanding of how JavaScript engines work helps you reason about the performance characteristics of your code. I especially like the part where they take a look into an … Continue reading
A minimal guide to ECMAScript Decorators (and Property Descriptors)
Very insightful piece by Uday Hiwarale on ES Decorators (Class Method Decorators, Class Instance Field Decorators, and Class Decorators). Right now (June 2018), Decorators are in stage 2 and we have Babel plugin to transpile decorators babel-plugin-transform-decorators-legacy. In stage 2, … Continue reading
JSUI – A tool for visually organizing, creating and managing JavaScript projects.
Highly interesting tool by Kitze: 🗂 Organize & group apps 🤖 Generate new apps 🔍 Search apps & preview files 🏃♂️ Quick actions ✅ Run scripts 🗄 Manage dependencies 🔌 Apply plugins 📄 Generate files This will surely help out … Continue reading
Wavethrough – Stealing data from remote sites through (fake) wav files
Jake Archibald discovered a really nice browser bug (which is fixed by now) by which he was able to steal data from remote sites by loading it in as a (fake) wav file. The exploit works as follows: Make a … Continue reading
Siema – Lightweight and simple carousel with no dependencies
Siema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling.It is 100% open source and available on Github. It is free to use on personal and commercial projects. Use it with your favourite module bundler … Continue reading
Sticky Events – Events for position: sticky;
Sticky Events is a library that can listen for events on elements that have position: sticky; applied. It’s an abstraction built on top of the IntersectionObserver, and provides one with three types of events: StickyEvent.CHANGE: Fired when an element becomes … Continue reading
Dynamic Bézier Curves
Nice writeup by Josh Comeau on how he created the on-scroll-animated bézier curve on his website Did you notice that as you started scrolling on this page, the Bézier curves that border the green title hero thingy started flattening? Keep … Continue reading
How to display a “new version available” for a Progressive Web App
Dean Hume: I’ve built a number of Progressive Web Apps that simply update the service worker silently for the user in the background, but I really like the approach where you get a popup notification that suggests that there is … Continue reading
JavaScript async–await: Resolving Promises in parallel
Recently I saw a colleague implement some functionality in which he required two results from an API using async–await. The piece of code looked something like this: The code looks fine, is syntactically correct, and works … but there’s one … Continue reading