Frontend Dogma

News and Tools for Frontend Developers (23)

→ Stay up-to-date on all topics by RSS feed, on Mastodon and Bluesky, or through other channels

Entry (Sources) and TopicsDate#
security.txt Now Mandatory for Dutch Government Websites9,224
,
Release Notes for Safari Technology Preview 171 (jon/web)9,223
, , ,
Re-Evaluating “px” vs. “em” in Media Queries (kei)9,222
, , ,
New to the Web Platform in May (rac/dev)9,221
, , , , , , , ,
Linting Defensive and Logical CSS With Stylelint Plugins (dan/log)9,220
, , , ,
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)9,219
,
How Blink Invalidates Styles When “:has()” [Is] in Use (byu/iga)9,218
, , , , ,
Design Systems: A Curated List for Today’s UI/UX Designers (sta)9,217
, , ,
Accessibility Audits for All (ada)9,216
, ,
What Is Personalization? (mck)9,215
,
I Think I Finally “Get” JS Objects (tig)9,214
,
Hands on With the Node.js Test Runner (phi/son)9,213
,
Cracking the Theme Switcher and Dark Mode (ia/con)9,212
, ,
Announcing the Second Compute Pressure Origin Trial (ken/dev)9,211
, , ,
An Introduction to JavaScript Proxies (cra/ope)9,210
,
21 Awesome Web Features You’re Not Using Yet (jef/fir)9,209
, , ,
The Art of Code Review (j47/doc)9,208
, ,
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity (pio)9,207
, , , , , ,
The Double-Edged Sword of Design Systems (uxd)9,206
,
Simple Things Make Things Simple (pjo)9,205
,
Don’t Meddle With User Input (tem)9,204
,
10 Incident Management Best Practices (upt)9,203
, ,
How Screen-Reader Users Type on and Control Mobile Devices (tbk/nng)9,202
, , ,
The Problem With Nested Fieldsets and How to Avoid Them (ada)9,201
, , ,
The Optimization Sinkhole (ann)9,200
,
Sass-Like Nesting in Native CSS (ami)9,199
, ,
Mastering CSS Blend Modes (kod)9,198
,
Improving the Quality of the Software With Qodana and GitHub Actions (ar)9,197
, , , , ,
WordPress Turns 20 (sar/wpt)9,196
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (eva)9,195
,
Understanding the Importance of Encoding (dha)9,194
Plain Old JavaScript and the DOM (dou)9,193
,
When to Use Plain Text or Images Instead of MathML (acc)9,192
, ,
We Need to Talk About How We Talk About Accessibility (gra+/uxp)9,191
, ,
Supper Club × Bramus Van Damme on CSS (bra+/syn)9,190
, ,
How to Draw Any Regular Shape With Just One JavaScript Function (rum/mdn)9,189
, ,
Designing a Better Design Handoff File in Figma (hbs/sma)9,188
, ,
Brief Note on Popovers With Dialogs (aar)9,187
, , , ,
A Practical Overview on Architecture Decision Records (ADR) (cla)9,186
, ,
Two Things That Are Not Great About OKLCH (chr)9,185
,
Seven Lessons From 7 Years Designing Systems (nes)9,184
,
Levelling Up Accessibility Skills in Your Organisation (sar+/int)9,183
,
“display: contents” Considered Harmful (eri)9,182
,
WebKit and web-platform-tests (ann)9,181
Single Line Comments in CSS (jim)9,180
,
Responsive CSS Layout Grids Without Media Queries (5t3/sit)9,179
, , ,
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)9,178
,
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)9,177
, ,
Querying Parsed HTML in BigQuery (rvi)9,176
Deploying AVIF for More Responsive Websites (jhu/dev)9,175
, ,
A Complete Guide to Using IndexedDB (log)9,174
, ,
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)9,173
, ,
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra/bra)9,172
,
You Don’t Need a Modal Window (dz4)9,171
,
Two Simple Layouts That Work Better With Grid (kev)9,170
, , ,
Introducing the Popover API (una/dev)9,169
, , ,
I Created 100+ Unique CSS Patterns (css)9,168
, ,
Graph Slider (rau)9,167
File Upload Security and Malware Protection (aus)9,166
, ,
Where to Put Your Types in Application Code (mat)9,165
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design (art/dig)9,164
, ,
Future of CSS: Popover API (lin)9,163
, ,
Working With URLs With Vanilla JavaScript (cfe)9,162
,
Why We’re Bad at CSS (per)9,161
Visual-Design Principles and UX Design Best Practices (uxm)9,160
, , ,
Building a Modern Design System in Layers (dal)9,159
Be Careful Using “Menu” (aar)9,158
, , ,
10 Ways to Boost Your Landing Page Conversion Rates (uxm)9,157
, ,
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)9,156
, , ,
Building Offline-First Web Applications With Service Workers and IndexedDB (tec)9,155
, , , , ,
A Web Component Intro With Example9,154
, ,
Beyond Design Systems for Interfaces: A Mega System of Design Systems9,153
Server-Sent Events With Node.js (end)9,152
,
A Beginners Guide to Digital Accessibility (fra)9,151
,
Using “linear()” for Better Animation (oll)9,150
, ,
Measuring Design System “Adoption” (pjo)9,149
,
How to Build Lean Efficient Websites in 2023 (cfe)9,148
, , ,
Creating a Shine Effect on a Card With Tailwind CSS (ibe)9,147
,
A New Approach to Measuring Developer Productivity (abi)9,146
, ,
Website Issues: On the Relevance of Audience Size and Impact (j9t)9,145
,
Getting Started With View Transitions on Multi-Page Apps (dav)9,144
, , ,
Write Better Code by Following These JavaScript Best Practices (daw)9,143
,
What Devs Can Do on Global Accessibility Awareness Day (ste)9,142
,
How to Create a Custom Range Slider Using CSS (css/sit)9,141
, ,
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)9,140
, ,
Accessible Numbers (lau)9,139
,
Jekyll Tutorial: How to Create a Static Website (ola/kin)9,138
, ,
Thinking on Ways to Solve Color Palettes (arg/dev)9,137
, , ,
Release Notes for Safari Technology Preview 170 (jon/web)9,136
, , ,
A History of Metaphors for the Internet (jos/ver)9,135
, ,
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)9,134
, , , , ,
ESLint Guide: How to Use It With Confidence (mar/z1d)9,133
, , , ,
GitHub Copilot and ChatGPT Alternatives (ger)9,132
, , , ,
Fieldsets, Legends, and Screen Readers Again (ste/tpg)9,131
, , ,
Why Your Design Language System Needs a Product Manager (get)9,130
,
Why Is Web Accessibility Important? (ant/tpg)9,129
,
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)9,128
,
State of Node.js Performance 2023 (raf)9,127
Semantics and the “popover” Attribute: What to Use When? (hdv)9,126
, , , ,
Python Developers Survey 2022 Results (jet)9,125
,
It’ll Soon Be (Too) Easy to Develop a Website in A Day (tra)9,124
, , ,
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)9,123
,
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)9,122
,
Design Patterns Are a Better Way to Collaborate on Your Design System (ben/sma)9,121
, ,
Comparing Version Control Systems: Git, SVN, CVS, and More9,120
, , , ,
Conditional CSS With “:has” and “:nth-last-child” (sha)9,119
,
HTML Landmark Roles Screen Reader Demo (sch/mdn)9,118
, , , , ,
How to Handle Production Support When Using Scrum (reb/scr)9,117
, , ,
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)9,116
,
Solving Media Object Float Issues With CSS Block Formatting Contexts (the/sma)9,115
,
Let’s Share Our Salaries, Title, Location, XP9,114
,
Get Full Type Support With Plain JavaScript (pau)9,113
10 Books to Improve Coding Skill in 2023 (jav)9,112
, ,
CSS Art: Drawing a Coffee Stain (alv)9,111
,
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim/web)9,110
, , ,
The Problem With Disabled Buttons and What to Do Instead (ada)9,109
, ,
ES2023 Features (gnu)9,108
Error Message Guidelines (tne+/nng)9,107
, , ,
7 Secret TypeScript Tricks Pros Use (tap)9,106
,
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies (18a)9,105
, ,
Respect Your Children (ste/tpg)9,104
, ,
Keeping Up With an Ever Changing Web (joh/web)9,103
,
Building a Greener Web (mic/hey)9,102
, ,
Add Opacity to an Existing Color (chr)9,101
,
What Is “Fake Door” Testing in UX? (uxd)9,100
,
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)9,099
Introduction to Screen‐Readers: VoiceOver macOS Edition (ada)9,098
, , ,
Introduction to Screen‐Readers: NVDA Edition (ada)9,097
, ,
Introduction to Screen‐Readers: JAWS Edition (ada)9,096
, ,
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)9,095
,
Regular Expressions in JavaScript (olo/hon)9,094
,
Best Practices for All Developers (cod)9,093
An Introduction to the Bun JavaScript Runtime (cra/sit)9,092
, ,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia/sho)9,091
, ,
Why an Engineering Manager Should Not Review Code (mul/btt)9,090
,
What’s New in Web (kos/dev)9,089
, , ,
What’s New in Web Animations (bra/dev)9,088
,
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)9,087
, , ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)9,086
, ,
Slow Design (sup)9,085
,
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)9,084
,
Introducing INP to Core Web Vitals (goo)9,083
, , ,
Introducing Baseline (rac/dev)9,082
, , ,
Introducing Baseline: A Unified View of Stable Web Features (con/mdn)9,081
, , ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann+/dev)9,080
, , ,
ES2023 Introduces New Array Copying Methods to JavaScript (phi/son)9,079
, , ,
Developer Tools That Shouldn’t Be Secrets (cod/got)9,078
, ,
Crafting a Modern Spotlight Effect With React and CSS (ibe)9,077
, ,
Baseline Features You Can Use Today (kos/dev)9,076
, ,
Advancing Interaction to Next Paint (rvi+/dev)9,075
,
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra/bra)9,074
, , , ,
Script Evaluation and Long Tasks (mal/dev)9,073
, ,
The Ongoing Defence of Frontend as a Full-Time Job (cod)9,072
See What’s New in Firefox [113.0] (moz)9,071
, , ,
Optimize Input Delay (mal/dev)9,070
, ,
How to Handle Emojis in Node.js (man)9,069
, , ,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)9,068
, , ,
Find Slow Interactions in the Field (mal/dev)9,067
, ,
Diagnose Slow Interactions in the Lab (mal/dev)9,066
,
Design Systems [Are] a Mindset Not a Library (rub/uxp)9,065
Client-Side Rendering of HTML and Interactivity (mal/dev)9,064
, ,
API Design Practice9,063
, ,
An Introduction to Container Queries in CSS (5t3/sit)9,062
, ,
Speed Trap (dav/ver)9,061
, ,
ShatGPT (ste)9,060
,
Proportional Design Systems With Proportio.app (nat/uxd)9,059
Pay Attention to Web Performance Metrics to Improve the UX (sru/uxm)9,058
, , , ,
Improving Web-Site Conversion Rates Through Better UX Design (uxm)9,057
, , ,
Dithering (chr)9,056
,
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications (kul/goo)9,055
, , , , ,
A Complete Guide to Usability Testing (lar/uxm)9,054
, ,
The Problem With Sticky Menus and What to Do Instead (ada)9,053
, ,
How Far Back in Time Can I Take My Website’s Design9,052
, , , ,
How to Configure Path Aliases in Frontend Projects in the Native Way9,051
, , ,
The Image Sorting Experiment (kai/uxd)9,050
, , ,
Should the Confirmation Button Come First or Last? (uxd)9,049
,
Complete Guide on Playwright Visual Regression Testing (div/los)9,048
, , , ,
Scaling Node.js Web Apps With Docker (fab)9,047
, , ,
Cron Job: A Comprehensive Guide for Beginners (tec)9,046
,
CSS Logical Properties: A Good Use Case (wes)9,045
, ,
htmx Is the Future (qui)9,044
,
Speed Up or Slow Down a Video (pat/dev)9,043
, ,
Scroll-Driven Animations (bra)9,042
, ,
I’m Done With React (ada)9,041
,
HTTP/1 vs. HTTP/2 vs. HTTP/3 (acc)9,040
, ,
How “:not()” Chains Multiple Selectors (dip/mdn)9,039
,
Design Tokens: Beginner’s Guide (nit)9,038
, ,
Using Go for Front End Development (goo/ope)9,037
The Frontend Cloud Advantage (ver)9,036
React Testing Library and Accessibility (ste)9,035
, , , ,
How Do You Declare Namespace in JavaScript?9,034
,
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)9,033
, , ,
Code Coverage vs. Test Coverage (bro)9,032
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)9,031
, ,
An Introduction to the “:has()” Selector in CSS (5t3/sit)9,030
, ,
Security Implications of HTTP Response Headers (sny)9,029
, ,
Angular v16 Is Here (mge/ang)9,028
,
Where Would You Take the W3C? (rob)9,027
,
The Latest Innovations in Drupal (mam)9,026
The Intersectionality of Web Performance (ada)9,025
, ,
Release Notes for Safari Technology Preview 169 (jon/web)9,024
, , ,
Make Your Website Load Fast by Optimizing Request Priorities (deb)9,023
, ,
How to Write More Efficient JavaScript Conditions (fre)9,022
, ,
How to Make a CSS-Only Hamburger Menu (thr)9,021
, ,
Don’t Use Custom CSS Scrollbars (eri)9,020
,
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It (emi/eds)9,019
,
DevEx: What Actually Drives Productivity (abi+/acm)9,018
, ,
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)9,017
,
7 Practical CSS Typography Tips and Tricks (zor/css)9,016
, , ,
How to Get Started With NodeJS—a Handbook for Beginners (kri/fre)9,015
, ,
Why “font-size” Must Never Be in Pixels (gra)9,014
, , ,
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)9,013
, , ,
SupportsCSS (5t3)9,012
, , ,
Load Websites Faster With Code Splitting (lea)9,011
, ,
Do Logical Properties Make CSS Easier to Learn? (chr)9,010
, ,
CSS Naked Day and the Missing Wikipedia Page (j9t)9,009
, ,
Creating an Animated Gradient Border With CSS (ibe)9,008
, , ,
An Update on the Lock Icon (dav+/dev)9,007
, ,
A Complete Guide to Performance Budgets (tam/spe)9,006
, , ,
3 Engineering Mistakes That Kill Startups (mi)9,005
,
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years? (aur)9,004
, ,
A/B Testing: A Primer9,003
, , ,
A Radical Proposal: Put UX Research in Charge (jms/cen)9,002
, , ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)9,001
, , ,
This Blog Is Hosted on My Android Phone (iam)9,000
, ,
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)8,999
, ,
Testing Feature Support for Modern CSS (5t3)8,998
, ,
Tailwind CSS vs. UnoCSS (hey)8,997
, , , ,
Practical Guide to Not Blocking the Event Loop8,996
, , , ,
CSS Wishlist 2023 (ell)8,995
,
Configuring ESLint, Prettier, and TypeScript Together (jos)8,994
, , , , , ,
7 Things to Remove From Your Job Postings to Be More Inclusive (kay/wom)8,993
,
What’s New in Svelte: May 2023 (dre/sve)8,992
, ,
Qwik Reaches v1.0 (bui)8,991
,
CDNs: Speed Up Performance by Reducing Latency (aus)8,990
,
“:root” Isn’t Global (kil)8,989
Two Underused Arguments for Writing Documentation (j9t)8,988
, ,
My Favorite Free Courses to Learn JavaScript in Depth (jav)8,987
, , ,
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)8,986
, , , , ,
The Popover API Is Exciting, Sort Of (mrt)8,985
,
Dark Mode in 3 Lines of CSS and Other Adventures (mad)8,984
,
A Beginner’s Introduction to the Most Common Data Types in Programming (dat)8,983
, ,
Write Better CSS by Borrowing Ideas From JavaScript Functions (yap/sma)8,982
, , ,
New to the Web Platform in April (rac/dev)8,981
, , , , , ,
JS Private Class Fields Considered Harmful (lea)8,980
Everything You Need to Know About Webpack’s Bundle Analyzer (mat)8,979
, ,
Animating the Impossible (cas/btc)8,978
, ,
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)8,977
, , ,
Writing Unit Tests in Node.js Using Jest (dav+/sem)8,976
, ,
What Is the Value of a Design System? (jul/zer)8,975