Stop just using “Frontend” or “Backend” to describe the Engineering you like
Building Web Extensions with Reactjs - from 0 to publish!
Escaping from legacy world
Dave Perry, DVLA's Chief Technology Officer, spoke recently at the Public Sector Show about culture change. Here he tells us more about his day.
Throw away your first draft of your code | nicole@web
Evading JavaScript Anti-Debugging Techniques
Debuggers serve as invaluable tools that empower developers to halt code execution and thoroughly analyze its behavior at any given moment. By utilizing debuggers, developers can efficiently identify and resolve issues within their code, making it an indispensable part of their toolkit.
dnt — the easiest way to publish a hybrid npm module for ESM and CommonJS
How to write your module with modern tooling and transform it with `dnt` to support CommonJS, ESM, browsers, Deno, Node.js, TypeScript, and more.
Scroll progress animations in CSS | MDN Blog
Developers share the most interesting tech they ever built
How to build a website without frameworks and tons of libraries
Unraveling the magic of Pattern Matching
Pyramid or Crab? Find a testing strategy that fits
Discover how to combine different testing types into a reasonable strategy that matches your project.
We migrated 50,000 lines of code to React Server Components | Mux
Achieving Clean and Maintainable React Component Tests
The ideal PR is 50 lines long | Graphite
A software engineer's guide to A/B testing - PostHog
As a software engineer, you have two options: YOLO every change and hope they have the desired impact. Track user metrics and run A/B tests to verify…
Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
CSS is evolving faster than ever. With all of the new features that are now available — and forthcoming — since we got Flexbox and Grid years ago, the way we write CSS is evolving, too. In this article, Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet).
Advanced Form Control Styling With Selectmenu And Anchoring API — Smashing Magazine
Thanks to the Open UI working community group, there’s a new element on the horizon, selectmenu, that will make styling this type of form control a whole lot better. You’re going to walk through an early implementation of this new experimental element by creating a pattern that you would never have thought possible with CSS alone — a radial selection menu.
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Explore modern project architecture, theming, responsive layouts, and component design. Learn to improve code organization, dig into layout techniques, and review real-world, context-aware components that use cutting-edge CSS techniques.
Good code is like a love letter to the next developer who will maintain it.
We often romanticize the notion of programming, presenting it as an abstract form of art, a science, or even a form of magic. The truth, however, is much mor...
Folder Structure — in the remote era.
Why the simple thing as folder structure can save your product team 49% of your productive time to locate adequate actionable information ↗
Clean Frontend Architecture
An overview of some of the principles associated with a clean frontend architecture (SOLID, KISS, DRY, and more).
Words To Avoid in Educational Writing | CSS-Tricks
I'm no English major, but as a writer and consumer of loads of educational (mostly tech) writing, I've come to notice a number of words and phrases that come
FakerMaker Chaos Mode Update
Introducing the Chaos mode update for FakerMaker
Import stories in tests
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Evolutionary progress with import maps - iJS Blog
Module federation greatly simplifies the implementation of microfrontends. However, it is — to some extent — linked to webpack. This is not a major issue in the short term, and possibly also in the medium term, because webpack is currently the most popular build tool for web technologies, with over 20 million downloads.
The Yellow Fade Technique with Modern CSS using @starting-style
Remember the “Yellow Fade Technique” from back in the day? With Modern CSS this is now SUPER EASY to recreate!
Fixing INP with a VIEWPORT tag
So I woke up yesterday being scolded by Google. An email from Google Search Console Team with subject "Core Web Vitals INP issues detected on your site". Huh?!
It was about this WordPress-powered site that you're reading now (phpied.com). The Interaction to Next Paint metric (INP for short) was in
Starting an Expo App
Let’s walk through starting a React Native app with Expo, Typescript, ESLint, Prettier, Jest, and React Native Testing Library.
Mock JSON API endpoints for Testing
So, imagine a scenario where you’re working on a project that has its front end (or a mobile app) ready to consume data from the backend. But, the backend is not ready yet. How would you test your front end in this case?
Finding RSS feeds
I love RSS, and I love that it exists. RSS is an open standard for “content syndication”, which basically means you can scrape a list of content from a website and then read it wherever and however you want. Because it’s an open standard, and a fairly simple one at