Bookmarks tagged “javascript”
58 bookmarks tagged “javascript”
AI Model Token Cost Benchmark | Playcode Blog
If you build with an AI coding agent, your workload is basically TypeScript - and that's exactly where the model tokenizer gap is widest. The same TypeScript file becomes 1,178 tokens on Claude's newest tokenizer versus 681 on GPT-5.x's o200k: 1.73x more, before a cent of price d
Email address obfuscation: What works in 2026?
Monorepos in JavaScript & TypeScript
A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools like npm/yarn/pnpm workspaces, Turborepo/NX/Lerna, Git Submodules, ...
Why am I writing a JavaScript toolchain in Zig?
Announcing the existence of Jam – An robust JS toolchain in Zig
Should JavaScript be split into two languages? New Google-driven proposal divides opinion • DEVCLASS
A Google engineer presented a proposal to the official standardization committee that would split JavaScript into two languages, […]
How I won $2,750 using JavaScript, AI, and a can of WD-40
I’ve won many marketing video contest promotions over the past decade using my proven techniques and tactics. This particular haul, however, was the first where I can give at least partial credit to the application of code and AI tools.
How To Hack Your Google Lighthouse Scores In 2024 — Smashing Magazine
Do perfect Lighthouse scores mean the performance of your website is perfect? As it turns out, Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are, as Salma Alam-Naylor demonstrates in several exp
Introducing StyleX | StyleX
We are thrilled to introduce StyleX. StyleX is an expressive, deterministic,
Stop Lazy Loading Product and Hero Images – Cloud Four
I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn't be. You’re better off not implementing lazy loading at all than implementing it incorrectly.
Things you forgot (or never knew) because of React - Josh Collinsworth blog
If you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.
A case study on scroll-driven animations performance - Chrome Developers
The new API is much smoother than the classic way of implementing scroll-driven animations.
matthewwolfe.github.io/blog/mocking-in-unit-tests
Before your next frontend pull request, use this checklist—Martian Chronicl
Frontend pull requests often contain common mistakes. Avoid them with this list of 7 small (but crucial) rules.
The massive bug at the heart of the npm ecosystem
An article detailing the massive bug at the heart of the npm ecosystem; encompassing a lack of validation by the public registry, package manifest inconsistancies & assumptions about package managers & security products
JSON Hijacking | You’ve Been Haacked
A while back I wrote about a subtle JSON vulnerability which could result in the disclosure of sensitive information. That particular exploit involved overriding the JavaScript Array constructor to disclose the payload of a JSON array, something which most browsers do not support
The Potentially Dangerous Non-Accessibility Of Cookie Notices — Smashing Ma
In this piece, a Web Content Accessibility Guidelines (WCAG) auditor shares some cookie banner error patterns that can massively hurt a page’s overall conformance. Let’s explore what to look out for with this omnipresent piece of the web interface.
Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless C
In this article, Elisabeth Wieser-Linhart explores its potential benefits and drawbacks and shares what considerations and steps were involved in the process of migrating the front-end interface of Storyblok’s headless content management system.
Why Not document.write()? – CSS Wizardry – Web Performance Optimisation
We’re often told not to use document.write(), but… why?!
JavaScript APIs You Don’t Know About — Smashing Magazine
In this article, Juan Diego covers the least known yet extremely useful APIs, such as the Page Visibility API, Web Sharing API, Broadcast Channel API and Internationalization API. Together we will see what they are, where we should use them, and how to use them.
Why React Re-Renders
In React, we don't update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we'll unpack exactly when and why React re-renders, and how we can use this information to optimize the perf
React key attribute: best practices for performant lists
Looking into how React "key" attribute works, how to use it correctly, how to improve performance of lists with it, and why array index as key is a good idea sometimes
Faster JavaScript Builds with Metro | by Rae Liu | The Airbnb Tech Blog | M
How Airbnb migrated from Webpack to Metro and made the development feedback loop nearly instantaneous, the largest production build 50% faster, with marginal end-user runtime improvements. In 2018…
How not to learn TypeScript
“TypeScript and I are never going to be friends”. Oh wow, how often have I heard this phrase? Learning TypeScript, even in 2022, can be frustrating it seems. And for so many different reasons. People who write Java or C# and find out things are working differently than they shoul
