Frontend Dogma

“2023” Archive (8)

Entry (Sources) and Other Related TopicsDate#
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1,042
, , ,
Error Message Guidelines1,041
, , ,
7 Secret TypeScript Tricks Pros Use1,040
,
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies1,039
, ,
Add Opacity to an Existing Color (chr)1,038
,
Building a Greener Web (mic)1,037
, ,
Keeping Up With an Ever Changing Web (joh)1,036
,
What Is “Fake Door” Testing in UX? (uxd)1,035
,
Respect Your Children (ste/tpg)1,034
, ,
Introduction to Screen‐Readers: VoiceOver macOS Edition1,033
, , ,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)1,032
, ,
Introduction to Screen‐Readers: NVDA Edition1,031
, ,
Best Practices for All Developers1,030
Regular Expressions in JavaScript1,029
,
Introduction to Screen‐Readers: JAWS Edition1,028
, ,
An Introduction to the Bun JavaScript Runtime (cra)1,027
, ,
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)1,026
,
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1,025
Introducing Baseline: A Unified View of Stable Web Features (mdn)1,024
, , ,
Developer Tools That Shouldn’t Be Secrets (cod)1,023
, ,
Introducing INP to Core Web Vitals1,022
, , ,
What’s New in Web (dev)1,021
, , ,
Why an Engineering Manager Should Not Review Code (mul)1,020
,
Baseline Features You Can Use Today (dev)1,019
, ,
ES2023 Introduces New Array Copying Methods to JavaScript (phi)1,018
, , ,
Slow Design1,017
,
Crafting a Modern Spotlight Effect With React and CSS1,016
, ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)1,015
, , ,
What’s New in Web Animations (bra/dev)1,014
,
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)1,013
, , ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)1,012
, ,
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1,011
,
Introducing Baseline (rac/dev)1,010
, , ,
Advancing Interaction to Next Paint (rvi+/dev)1,009
,
How to Handle Emojis in Node.js1,008
, , ,
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)1,007
, , , ,
Design Systems [Are] a Mindset Not a Library1,006
An Introduction to Container Queries in CSS (5t3)1,005
, ,
The Ongoing Defence of Frontend as a Full-Time Job (cod)1,004
See What’s New in Firefox [113.0] (moz)1,003
, , ,
Script Evaluation and Long Tasks (mal/dev)1,002
, ,
Optimize Input Delay (mal/dev)1,001
, ,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)1,000
, , ,
Find Slow Interactions in the Field (mal/dev)999
, ,
Diagnose Slow Interactions in the Lab (mal/dev)998
,
Client-Side Rendering of HTML and Interactivity (mal/dev)997
, ,
API Design Practice996
, ,
A Complete Guide to Usability Testing (uxm)995
, ,
Pay Attention to Web Performance Metrics to Improve the UX (uxm)994
, , , ,
Proportional Design Systems With Proportio.app (uxd)993
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications992
, , , , ,
Speed Trap (dav/ver)991
, ,
ShatGPT (ste)990
,
Improving Web-Site Conversion Rates Through Better UX Design (uxm)989
, , ,
Dithering (chr)988
,
The Problem With Sticky Menus and What to Do Instead (ada)987
, ,
How to Configure Path Aliases in Frontend Projects in the Native Way986
, , ,
How Far Back in Time Can I Take My Website’s Design985
, , , ,
Scaling Node.js Web Apps With Docker984
, , ,
Complete Guide on Playwright Visual Regression Testing983
, , , ,
Cron Job: A Comprehensive Guide for Beginners982
,
The Image Sorting Experiment (uxd)981
, , ,
Should the Confirmation Button Come First or Last? (uxd)980
,
Design Tokens: Beginner’s Guide979
, ,
How “:not()” Chains Multiple Selectors (mdn)978
,
I’m Done With React977
,
HTTP/1 vs. HTTP/2 vs. HTTP/3976
, ,
htmx Is the Future975
,
CSS Logical Properties: A Good Use Case (wes)974
, ,
Speed Up or Slow Down a Video (pat/dev)973
, ,
Scroll-Driven Animations (bra)972
, ,
React Testing Library and Accessibility971
, , , ,
Using Go for Front End Development970
Code Coverage vs. Test Coverage969
, , ,
An Introduction to the “:has()” Selector in CSS (5t3)968
, ,
The Frontend Cloud Advantage (ver)967
How Do You Declare Namespace in JavaScript?966
,
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)965
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)964
, ,
7 Practical CSS Typography Tips and Tricks (zor/css)963
, , ,
The Latest Innovations in Drupal962
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It961
,
How to Make a CSS-Only Hamburger Menu960
, ,
DevEx: What Actually Drives Productivity959
, ,
Where Would You Take the W3C? (rob)958
,
The Intersectionality of Web Performance (ada)957
, ,
Security Implications of HTTP Response Headers (sny)956
, ,
Release Notes for Safari Technology Preview 169 (jon/web)955
, , ,
Make Your Website Load Fast by Optimizing Request Priorities (deb)954
, ,
How to Write More Efficient JavaScript Conditions (fre)953
, ,
Don’t Use Custom CSS Scrollbars (eri)952
,
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)951
,
Angular v16 Is Here (mge/ang)950
,
CSS Naked Day and the Missing Wikipedia Page (j9t)949
,
The Native Way to Configure Path Aliases in Frontend Projects948
, , , , ,
An Update on the Lock Icon (ser+/dev)947
, ,
Why “font-size” Must Never Be in Pixels946
, , ,
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?945
, ,
Creating an Animated Gradient Border With CSS944
, , ,
A Radical Proposal: Put UX Research in Charge943
, , ,
A Complete Guide to Performance Budgets (spe)942
, , ,
3 Engineering Mistakes That Kill Startups941
,
Load Websites Faster With Code Splitting940
, ,
How to Get Started With NodeJS—a Handbook for Beginners (fre)939
, ,
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)938
, , ,
SupportsCSS (5t3)937
, , ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)936
, , ,
Do Logical Properties Make CSS Easier to Learn? (chr)935
, ,
A/B Testing: A Primer934
, , ,
Tailwind CSS vs. UnoCSS933
, , , ,
What’s New in Svelte: May 2023 (sve)932
, ,
7 Things to Remove From Your Job Postings to Be More Inclusive931
,
This Blog Is Hosted on My Android Phone930
, ,
Testing Feature Support for Modern CSS (5t3)929
, ,
“:root” Isn’t Global (kil)928
Qwik Reaches v1.0 (bui)927
,
Practical Guide to Not Blocking the Event Loop926
, , , ,
CSS Wishlist 2023 (ell)925
,
Configuring ESLint, Prettier, and TypeScript Together (jos)924
, , , , , ,
CDNs: Speed Up Performance by Reducing Latency (aus)923
,
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)922
, ,
Two Underused Arguments for Writing Documentation (j9t)921
, ,
My Favorite Free Courses to Learn JavaScript in Depth920
, , ,
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)919
, , , , ,
Dark Mode in 3 Lines of CSS and Other Adventures (sto)918
,
The Popover API Is Exciting, Sort Of (mrt)917
,
A Beginner’s Introduction to the Most Common Data Types in Programming916
, ,
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)915
, , ,
Everything You Need to Know About Webpack’s Bundle Analyzer914
, ,
Animating the Impossible (btc)913
, ,
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)912
, , ,
New to the Web Platform in April (rac/dev)911
, , , , , ,
JS Private Class Fields Considered Harmful (lea)910
Writing Unit Tests in Node.js Using Jest909
, ,
What Is the Value of a Design System? (zer)908
The Most Underrated Section of Design Portfolios907
,
How to Manage Design Tokens906
, ,
Typography for Everyone (tob/btc)905
, ,
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)904
, , ,
Modern CSS Layout Is Awesome! (mic/btc)903
, ,
How to Deep Merge Arrays and Objects With JavaScript (cfe)902
, , ,
Accessible Target Sizes Cheatsheet (vit/sma)901
,
The Most Important Thing Productivity Tools Are Missing About AI (uxd)900
, ,
What Is the QUIC Protocol?899
,
Discovering the Power of JavaScript Proxy After All This Time898
The Interactive Guide to Rendering in React897
, ,
Crafting the Next.js Website896
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf895
, ,
Reducing the Cost of String Serialization in Node.js Core894
, ,
Transition To and From “display: none” With Upcoming CSS Capabilities (una)893
, ,
The Best Way to Get nvm Working in CI/CD Systems892
,
Adding Motion to the Next Decade of Atomic Design (uxd)891
,
Organizing a Web Design System for Scalability in Figma (uxd)890
, ,
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)889
, , ,
npm vs. Yarn vs. pnpm888
, , ,
CSS Blend Modes887
,
Frontend Web Performance Checklist886
,
Goodbye “create-react-app”: A New Approach885
What’s New in Node.js 20 (cra)884
Figma, I Love You but You’re Bringing Me Down (uxd)883
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)882
, , , ,
The “const” Deception (jos)881
Scoped CSS Is Back (kei)880
,
Avoiding Dark Patterns in Web Design (boa/fro)879
,
“details”/“summary” Inconsistencies (mat)878
, , , ,
Exploring the Potential of Web Workers for Multithreading on the Web (sma)877
, , ,
The Effects of Technical Debt on Morale876
, ,
Dark Mode Toggle and “prefers-color-scheme”875
, ,
How to Write Comments in React: The Good, the Bad, and the Ugly874
, ,
Transitioning to Height Auto (Two Ways) (kei)873
“The Secret List of Websites” (chr)872
, ,
Meeting WCAG Level AAA (pat/tet)871
, , ,
Considering Content Warnings in HTML (aar)870
, ,
System Design Blueprint: The Ultimate Guide (zon)869
, , ,
Designing and Coding for Voice868
,
Upgrading Our CSS Habits: “aspect-ratio” (cod)867
This Website Is Under Construction, a Love Letter to the Personal Website (btc)866
, ,
Spinning Diagrams With CSS (har)865
,
Read-Only Web Apps (ada)864
,
CSS Custom Properties Beyond the “:root” (mat)863
, ,
5 Topics You Should Touch on During the Recruitment Process862
, ,
Introduction to Web Animations With GSAP861
, , ,
Generating Provenance Statements860
, ,
5 Code Refactoring Techniques to Improve Your Code859
, ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann)858
, , , , , ,
Why Is Scrum the Most Popular Agile Framework?857
, ,
Introducing npm Package Provenance (git)856
, , , , ,
Visually Accessible Data Visualization855
,
Using HTML Elements as CSS Masks854
Release Notes for Safari Technology Preview 168 (jon/web)853
, , ,
Productivity and Well-Being: A Summary of What Works852
,
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)851
,
Browser Rendering: What Happens Behind the Scenes (fro)850
, , , , , ,
How to Create an SEO Strategy (moz)849
, ,
10 Common Mistakes in Angular Development848
, ,
DevTools: A Better Way to Visualize Your JavaScript847
, , , , , , , ,
Kubernetes Quick Tutorial846
,
Signals: Fine-Grained Reactivity for JavaScript Frameworks845
, , ,
The Three Browser Storage Mechanisms844
, ,
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)843
, ,
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?842
, , ,
What’s New in ECMAScript 2023 (paw)841
,
Node.js 20 Is Now Available! (nod)840
,
Container Query Units and Fluid Typography (5t3)839
, , ,
8 Best Tools for Cryptography and Encryption (sta)838
, , , , , ,
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store837
, , ,
Business Impacts of UI Design and UX Design (uxm)836
,
You Are What You Measure835
,
All About the Semantic Web834
,
Answering “What ARIA Can I Use?” (w3c)833
, , , , ,
Firefox May Soon Reject Cookie Prompts Automatically832
, , , ,
Deno vs. Node: No One Is Ready for the Move831
, , ,
What Is Design Thinking? (sma)830
Using a Muted Color Palette in Web Design (uxm)829
, ,
It’s Very Likely That… (mat)828
, , ,
A List of Programming Playgrounds (b0r)827
, ,
My Favorite Courses to Learn Microservices in Depth826
, , ,
Exploring “:has()” Again (mic)825
,
How to Name Design Tokens in a Design System (uxd)824
, , ,
Angular 16 Is Huge823
3 Common IA Mistakes (That Are All Due to Low Information Scent)822
, ,
The Acronyms of Rendering on the Web (whi)821
, , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)820
, ,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)819
, , ,
Dissecting npm Malware: Five Packages and Their Evil Install Scripts818
, ,
Lessons of Design (fab/uxd)817
,
The “details” Element Is Amazing (fon)816
,
What Are User Permissions? Concepts, Examples, and Maintenance815
, , ,
Consume Web Streams From OpenAI Using Vanilla JavaScript814
, , , , ,
4 Ways to Create an Enum in JavaScript813
Web Accessibility: A Reference to Creating Inclusive Websites (sta)812
Ping Animation With Minimal CSS (ami)811
,
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)810
, ,
The Pros and Cons of Different UI Automation Test Tools—Puppeteer809
, ,
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers808
, ,
Costly CSS Properties and How to Optimize Them807
, ,
Embracing AI as a Material for Design (uxd)806
, ,
10 Best Sorting Algorithms Explained805
,
A History of the World Wide Web From 1989 to the Present Day804
,
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)803
, , , , , , ,
11ty and Lit, a Match Made in Heaven for Simple Sites802
, ,
Passkeys: What the Heck and Why? (css)801
,
Angular Is Back With a Vengeance (fir)800
,
CSS: Tricks for Targeting Elements With CSS799
, ,
Transparent Video for the Web in 2023 (cla)798
,
Solving the CSS Layout and Source Order Disconnect (rac/dev)797
,
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)796
, , ,
How to Work With Dates and Times in Vanilla JavaScript (cfe)795
,
Expanding Grid Cards With View Transitions (chr)794
, ,
Don’t Override Screen Reader Pronunciation (aar)793
, ,