@pepelsbey.dev
Frontend developer in love with the Web, browsers, bicycles, and podcasting. He/him, @developer.mozilla.org technical writer, @web-standards.dev editor, Google Developer Expert📍Berlin https://pepelsbey.dev
“Native Random Values in CSS” title with author’s photo and a pile of colorful dice.
Native random values in CSS. Álvaro Montoro explores random() and random-item(), two new CSS functions. random() returns a value within a range, random-item() picks from a list. Both support sharing to correlate results. Only Safari 26.2 so far. #css #safari
alvaromontoro.com/bl...
“Making WebAssembly a first-class language on the Web” headline, Mozilla Hacks logo, and a code snippet with import image from image-lib.wasm.
Making WebAssembly a first-class language on the Web. Ryan Hunt says JS-only loading and Web API glue code hurt DX, and the Component Model could add direct bindings and easier imports. #webassembly #firefox
hacks.mozilla.org/2026/02/maki...
“Practical guide to the img element: from the basics to LCP” title, author’s name Joan León, code snippets, table of contents, and hashtags: images, webperf, core-web-vitals, html.
Practical guide to the <img> element: from basics to LCP. @nucliweb.net shows how srcset, sizes, modern formats AVIF and WebP via <picture>, fetchpriority, preload for the LCP image, and CDNs can improve Core Web Vitals. #performance #html
joanleon.dev/en/guia-prac...
Screenshot of browser developer tools with a large Firefox logo overlaid and the text “Firefox 148”.
Firefox 148 release notes for developers. The release adds the HTML Sanitizer API and Trusted Types, plus Iterator.zip() and zipKeyed(), the CSS shape() function, improved anchor positioning, and the experimental Document Picture-in-Picture API. #firefox
developer.mozilla.org/en-US/docs/M...
Speech bubble with “border-shape: the future of the non-rectangular web” above a row of pieces: pentagon, hexagon, square, triangle, circle, star, trapezoid.
Border-shape: the future of the non-rectangular web. @una.im introduces the border-shape property that makes borders, shadows, and outlines follow custom geometry. Now available in Chrome Canary for testing. #css #chrome
una.im/border-shape/
TetraLogical logo above headline “Accessible building blocks for web” over an abstract network of connected circles.
Accessible building blocks for web. A series of short videos by @tetralogical.com on accessibility basics: headings, images, buttons, links, and form fields, with practical tips on labels, contrast, and semantic HTML for keyboard and screen reader users. #a11y #video
www.youtube.com/playlist?lis...
“Declarative Dialog Menu with Invoker Commands” title above HTML and JavaScript code snippets, with an open menu showing “Close” button and menu items: Home, Services, About, Blog, Notes, Contact.
Declarative dialog menu with invoker commands. @dbushell.com shows a hamburger menu powered by <dialog> using invoker commands with a small JS fallback, plus notes on a WebKit :focus-visible quirk, closedby="any", and view transitions. #html #css
dbushell.com/2026/02/12/d...
Interop 2026 Dashboard with circles “Interop 43” and “Investigations 0”, browser scores Chrome Canary 87, Edge Dev 82, Firefox Nightly 63, Safari TP 64”, a feature list, and a line chart.
Interop 2026 names 20 focus areas. Apple, Google, Igalia, Microsoft, and Mozilla will align implementations and tests across anchor positioning, advanced attr(), view transitions, the Navigation API, WebTransport, WebRTC, and CSS zoom to improve interoperability. #interop
wpt.fyi/interop-2026
Article cover with “Project” and “News” tags and the title “Web Standards. Daily web platform news.”
For almost 10 years we published daily web platform news in Russian. I always wanted to do the same in English, and five months ago I started. Yesterday I hit the 100th news on @web-standards.dev 🎉 Here’s a story behind the project. Of course, built with @11ty.dev 😎
pepelsbey.dev/articles/web...
Author’s photo beside the headline “Reference Target: having your encapsulation and eating it too”, with a code snippet in the center and ocean waves along the bottom.
Reference Target: having your encapsulation and eating it too. Alice Boxhall introduces a proposal that lets a shadow DOM element become the target when the host is referenced. Chromium, WebKit and Firefox already have experimental implementations. #a11y
blogs.igalia.com/alice/refere...
Author photo, several toggle switches with different color, and code snippets around the headline “input type=checkbox switch polyfill”.
A polyfill for the HTML switch element. @tomayac.com shares a polyfill, bringing near-native <input type="checkbox" switch> to browsers beyond Safari, with accessibility mapping, high-contrast tweaks, and FOUC-safe loading. #html #polyfill
blog.tomayac.com/2026/01/12/a...
Circular author’s photo next to the title “Is it scrolled? Is it not? Let's find out with CSS @container scroll-state() queries”, with a big mouse surrounded by up, down, left, and right arrows.
CSS scroll-state container queries can now detect scrolling. @utilitybend.com shows Chrome 144’s new scrolled state for @container, building on stuck, snapped, and scrollable states, to power hidey headers and scroll hints with no JS. #css #scroll
utilitybend.com/blog/is-it-s...
JavaScript logo in a hexagon with text “State of 2025”, “Syntax features”, and “Changes over time”, over background tool names like Vite and Webpack on a complex graph.
Results of the State of JavaScript 2025 survey. TypeScript wins as a language, Vite downloads pass Webpack, and AI-generated code was just under 30% by late 2025, with Cursor, Zed, Claude, Gemini, and Copilot rising. #stateof #js
2025.stateofjs.com
AI Controls (formally 'kill switch') are landing in today's Firefox Nightly, and will land with Firefox 148 later this month.
Photo of the author next to the headline “Try text scaling support in Chrome Canary”, with a code snippet saying “Don’t do this” to :root { font-size: 16px }, and a BBC page screenshot.
Try text scaling support in Chrome Canary. @joshtumath.uk says desktop has a base text size option, but mobile ignores OS text size. Opt in with <meta name="text-scale"> if your site is ready to let text follow the mobile users setting. Now in Canary behind a flag.
www.joshtumath.uk/posts/2026-0...
Code snippets of a CSS reset under the headline “My opinionated CSS reset”.
Opinionated CSS reset for modern browsers. @vale.rocks shares a rule-by-rule overview of his reset, from an anonymous @layer and border-box defaults to disabling text-size-adjust and normalizing media, forms, typography, and :focus-visible outlines. #css #reset
vale.rocks/posts/css-re...
Author photo beside the “Stop turning everything into arrays (and do less work instead)” title. Code snippets with an arrow. Matt Smith, web dev, front-end engineer, UX designer.
Stop turning everything into arrays. Matt Smith recommends iterator helpers for lazy map, filter, and take so you process only what the UI needs, not thousands of items. Works in modern browsers and Node 22+. #js #performance
allthingssmitty.com/2026/01/12/s...
Last week I lost my job. It took me a while to process...
If you or your company needs an experienced full stack developer who understands how the web works, knows modern tech, communicates well, please reach out.
My CV: pawelgrzybek.com/cv/
I'd appreciate if you could share. Thank you.
CSS module scripts landed in Firefox 147, so you can import CSS directly into JavaScript.
Graphic with Chrome for Developers branding, a location permission dialog saying “permission.site wants to Know your location,” buttons “Allow while visiting the site” and “Allow this time,” and text “Introducing the HTML element” with a “Use location” button.
Introducing the <geolocation> HTML element. Chrome 144 adds a declarative, click-to-share location control that reduces boilerplate and improves user intent signals, with origin trials showing fewer capture errors, better user flows, and recovery. #html #api
developer.chrome.com/blog/geoloca...
Graphic showing UI panels with popover menus under the headline “Popover Context Menus with Anchor Positioning”, menu text “This Little Piggy Went to Market!”, and the logo text “Frontend Masters”.
Popover context menus with anchor positioning. @chriscoyier.net builds a no-JS kebab menu with popover invokers and anchor positioning. And a smart positioning via the position-try property, so the menu always stays in view. #css #webdev
frontendmasters.com/blog/popover...
Illustration with the text “Web Almanac 2025” and “HTTP Archive’s annual state of the web report”, showing a large document and small characters beside it, and a “Start exploring” button.
2025 Web Almanac by @httparchive.org is out. A comprehensive, data-backed view of the web, built with trusted experts, across 15 chapters on content, user experience, publishing, and distribution. It also includes a PDF version for offline reading. #almanac #report
almanac.httparchive.org/en/2025/
Graphic with headline “Date is out, Temporal is in”. Footer text reads “Piccalilli from set.studio” and “Mat ‘Wilto’ Marquis — 07 January 2026”, alongside a circular portrait.
Date is out, Temporal is in. @wil.to breaks down why JavaScript’s Date is inconsistent and bug-prone, then tours Temporal, a Stage 3 TC39 proposal. Temporal is now supported in recent Chrome and Firefox releases, but the spec can still evolve. #js #temporal
piccalil.li/blog/date-is...
Graphic with the text “New in Chrome” and the number “144”, alongside the Chrome logo on a green grid background.
What’s new in Chrome 144. New ::search-text for find-in-page highlights, <geolocation> for clearer location permission with a recovery path after denial, Temporal API for modern JavaScript dates and times, and more. #chrome #browser
developer.chrome.com/release-note...
CSS Day is returning! cssday.nl
We will open #cssday ticket sales this month. Early-bird tickets will be announced first via our newsletter cssday.nl/subscribe; subscribe for the most affordable prices.
Screenshot of browser developer tools with a large Firefox logo overlaid and the text “Firefox 147”.
Firefox 147 release notes for developers. CSS anchor positioning, Navigation API, SVG media fragments, View Transition types, CSS module scripts, module-based service workers, WebGPU on Apple Silicon, and DevTools improvements. #firefox #browser
developer.mozilla.org/en-US/docs/M...
Graphic with headline “A Production-Ready Web Component Starter Template”, accompanied by code snippets and tags reading “developer tools”, “open source”, and “web components”.
A production-ready web component starter template. @aaron-gustafson.com presents a setup wizard, Vitest testing, GitHub Actions CI, and secure npm publishing, so you can focus on your component, not a boilerplate. #webcomponents #js #tools
www.aaron-gustafson.com/notebook/a-w...
Web dependencies are broken. Can we fix them? In healthy ecosystems dependencies are normal, cheap, and first-class. “Dependency-free” is not a badge of honor.
Web dependencies are broken. Can we fix them? @lea.verou.me says bundlers became the price of admission for browser libraries, and today’s import maps don’t scale. External import maps could be a first step. #js #tools
lea.verou.me/blog/2026/we...
How to @scope CSS now that it’s Baseline. Frontend Masters.
How to @scope CSS now that it’s Baseline. @dxnny.fun notes that Firefox 146 has joined Chrome and Safari in supporting the @scope at-rule, a new feature that simplifies selectors and improves CSS structure. #css #baseline
frontendmasters.com/blog/how-to-...
