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,037
, , ,
Error Message Guidelines1,036
, , ,
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies1,035
, ,
Add Opacity to an Existing Color (chr)1,034
,
Building a Greener Web (mic)1,033
, ,
Keeping Up With an Ever Changing Web (joh)1,032
,
What Is “Fake Door” Testing in UX? (uxd)1,031
,
Respect Your Children (ste/tpg)1,030
, ,
Introduction to Screen‐Readers: VoiceOver macOS Edition1,029
, , ,
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)1,028
, ,
Introduction to Screen‐Readers: NVDA Edition1,027
, ,
Best Practices for All Developers1,026
Regular Expressions in JavaScript1,025
,
Introduction to Screen‐Readers: JAWS Edition1,024
, ,
An Introduction to the Bun JavaScript Runtime (cra)1,023
, ,
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)1,022
,
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1,021
Introducing Baseline: A Unified View of Stable Web Features (mdn)1,020
, , ,
Developer Tools That Shouldn’t Be Secrets (cod)1,019
, ,
Introducing INP to Core Web Vitals1,018
, , ,
What’s New in Web (dev)1,017
, , ,
Why an Engineering Manager Should Not Review Code (mul)1,016
,
Baseline Features You Can Use Today (dev)1,015
, ,
ES2023 Introduces New Array Copying Methods to JavaScript (phi)1,014
, , ,
Slow Design1,013
,
Crafting a Modern Spotlight Effect With React and CSS1,012
, ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)1,011
, , ,
What’s New in Web Animations (bra/dev)1,010
,
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)1,009
, , ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)1,008
, ,
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1,007
,
Introducing Baseline (rac/dev)1,006
, , ,
Advancing Interaction to Next Paint (rvi+/dev)1,005
,
How to Handle Emojis in Node.js1,004
, , ,
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)1,003
, , , ,
Design Systems [Are] a Mindset Not a Library1,002
An Introduction to Container Queries in CSS (5t3)1,001
, ,
The Ongoing Defence of Frontend as a Full-Time Job (cod)1,000
See What’s New in Firefox [113.0] (moz)999
, , ,
Script Evaluation and Long Tasks (mal/dev)998
, ,
Optimize Input Delay (mal/dev)997
, ,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)996
, , ,
Find Slow Interactions in the Field (mal/dev)995
, ,
Diagnose Slow Interactions in the Lab (mal/dev)994
,
Client-Side Rendering of HTML and Interactivity (mal/dev)993
, ,
API Design Practice992
, ,
A Complete Guide to Usability Testing (uxm)991
, ,
Pay Attention to Web Performance Metrics to Improve the UX (uxm)990
, , , ,
Proportional Design Systems With Proportio.app (uxd)989
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications988
, , , , ,
Speed Trap (dav/ver)987
, ,
ShatGPT (ste)986
,
Improving Web-Site Conversion Rates Through Better UX Design (uxm)985
, , ,
Dithering (chr)984
,
The Problem With Sticky Menus and What to Do Instead (ada)983
, ,
How to Configure Path Aliases in Frontend Projects in the Native Way982
, , ,
How Far Back in Time Can I Take My Website’s Design981
, , , ,
Scaling Node.js Web Apps With Docker980
, , ,
Complete Guide on Playwright Visual Regression Testing979
, , , ,
Cron Job: A Comprehensive Guide for Beginners978
,
The Image Sorting Experiment (uxd)977
, , ,
Should the Confirmation Button Come First or Last? (uxd)976
,
Design Tokens: Beginner’s Guide975
, ,
How “:not()” Chains Multiple Selectors (mdn)974
,
I’m Done With React973
,
HTTP/1 vs. HTTP/2 vs. HTTP/3972
, ,
htmx Is the Future971
,
CSS Logical Properties: A Good Use Case (wes)970
, ,
Speed Up or Slow Down a Video (pat/dev)969
, ,
Scroll-Driven Animations (bra)968
, ,
Using Go for Front End Development967
Code Coverage vs. Test Coverage966
, , ,
An Introduction to the “:has()” Selector in CSS (5t3)965
, ,
React Testing Library and Accessibility964
, , , ,
The Frontend Cloud Advantage (ver)963
How Do You Declare Namespace in JavaScript?962
,
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)961
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)960
, ,
7 Practical CSS Typography Tips and Tricks (zor/css)959
, , ,
The Latest Innovations in Drupal958
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It957
,
How to Make a CSS-Only Hamburger Menu956
, ,
DevEx: What Actually Drives Productivity955
, ,
Where Would You Take the W3C? (rob)954
,
The Intersectionality of Web Performance (ada)953
, ,
Security Implications of HTTP Response Headers (sny)952
, ,
Release Notes for Safari Technology Preview 169 (jon/web)951
, , ,
Make Your Website Load Fast by Optimizing Request Priorities (deb)950
, ,
How to Write More Efficient JavaScript Conditions (fre)949
, ,
Don’t Use Custom CSS Scrollbars (eri)948
,
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)947
,
Angular v16 Is Here (mge/ang)946
,
CSS Naked Day and the Missing Wikipedia Page (j9t)945
,
An Update on the Lock Icon (ser+/dev)944
, ,
Why “font-size” Must Never Be in Pixels943
, , ,
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?942
, ,
Creating an Animated Gradient Border With CSS941
, , ,
A Radical Proposal: Put UX Research in Charge940
, , ,
A Complete Guide to Performance Budgets (spe)939
, , ,
3 Engineering Mistakes That Kill Startups938
,
Load Websites Faster With Code Splitting937
, ,
How to Get Started With NodeJS—a Handbook for Beginners (fre)936
, ,
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)935
, , ,
SupportsCSS (5t3)934
, , ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)933
, , ,
Do Logical Properties Make CSS Easier to Learn? (chr)932
, ,
A/B Testing: A Primer931
, , ,
Tailwind CSS vs. UnoCSS930
, , , ,
What’s New in Svelte: May 2023 (sve)929
, ,
7 Things to Remove From Your Job Postings to Be More Inclusive928
,
This Blog Is Hosted on My Android Phone927
, ,
Testing Feature Support for Modern CSS (5t3)926
, ,
“:root” Isn’t Global (kil)925
Qwik Reaches v1.0 (bui)924
,
Practical Guide to Not Blocking the Event Loop923
, , , ,
CSS Wishlist 2023 (ell)922
,
Configuring ESLint, Prettier, and TypeScript Together (jos)921
, , , , , ,
CDNs: Speed Up Performance by Reducing Latency (aus)920
,
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)919
, ,
My Favorite Free Courses to Learn JavaScript in Depth918
, , ,
Two Underused Arguments for Writing Documentation (j9t)917
, ,
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)916
, , , , ,
Dark Mode in 3 Lines of CSS and Other Adventures915
,
The Popover API Is Exciting, Sort Of (mrt)914
,
A Beginner’s Introduction to the Most Common Data Types in Programming913
, ,
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)912
, , ,
Everything You Need to Know About Webpack’s Bundle Analyzer911
, ,
Animating the Impossible (btc)910
, ,
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)909
, , ,
New to the Web Platform in April (rac/dev)908
, , , , , ,
JS Private Class Fields Considered Harmful (lea)907
Writing Unit Tests in Node.js Using Jest906
, ,
What Is the Value of a Design System? (zer)905
The Most Underrated Section of Design Portfolios904
,
How to Manage Design Tokens903
, ,
Typography for Everyone (tob/btc)902
, ,
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)901
, , ,
Modern CSS Layout Is Awesome! (mic/btc)900
, ,
How to Deep Merge Arrays and Objects With JavaScript (cfe)899
, , ,
Accessible Target Sizes Cheatsheet (vit/sma)898
,
The Most Important Thing Productivity Tools Are Missing About AI (uxd)897
, ,
What Is the QUIC Protocol?896
,
Discovering the Power of JavaScript Proxy After All This Time895
The Interactive Guide to Rendering in React894
, ,
Crafting the Next.js Website893
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf892
, ,
Reducing the Cost of String Serialization in Node.js Core891
, ,
Transition To and From “display: none” With Upcoming CSS Capabilities (una)890
, ,
The Best Way to Get nvm Working in CI/CD Systems889
,
Adding Motion to the Next Decade of Atomic Design (uxd)888
,
Organizing a Web Design System for Scalability in Figma (uxd)887
, ,
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)886
, , ,
npm vs. Yarn vs. pnpm885
, , ,
CSS Blend Modes884
,
Frontend Web Performance Checklist883
,
Goodbye “create-react-app”: A New Approach882
What’s New in Node.js 20 (cra)881
Figma, I Love You but You’re Bringing Me Down (uxd)880
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)879
, , , ,
The “const” Deception (jos)878
Scoped CSS Is Back (kei)877
,
Avoiding Dark Patterns in Web Design (boa/fro)876
,
Exploring the Potential of Web Workers for Multithreading on the Web (sma)875
, , ,
The Effects of Technical Debt on Morale874
, ,
Dark Mode Toggle and “prefers-color-scheme”873
, ,
How to Write Comments in React: The Good, the Bad, and the Ugly872
, ,
Transitioning to Height Auto (Two Ways) (kei)871
“The Secret List of Websites” (chr)870
, ,
Meeting WCAG Level AAA (pat/tet)869
, , ,
“details”/“summary” Inconsistencies (mat)868
, , ,
Considering Content Warnings in HTML (aar)867
, ,
System Design Blueprint: The Ultimate Guide (zon)866
, , ,
Designing and Coding for Voice865
,
Upgrading Our CSS Habits: “aspect-ratio” (cod)864
This Website Is Under Construction, a Love Letter to the Personal Website (btc)863
, ,
Spinning Diagrams With CSS (har)862
,
Read-Only Web Apps (ada)861
,
CSS Custom Properties Beyond the “:root” (mat)860
, ,
5 Topics You Should Touch on During the Recruitment Process859
, ,
Introduction to Web Animations With GSAP858
, , ,
Generating Provenance Statements857
, ,
5 Code Refactoring Techniques to Improve Your Code856
, ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann)855
, , , , , ,
Why Is Scrum the Most Popular Agile Framework?854
, ,
Introducing npm Package Provenance (git)853
, , , , ,
Visually Accessible Data Visualization852
,
Using HTML Elements as CSS Masks851
Release Notes for Safari Technology Preview 168 (jon/web)850
, , ,
Productivity and Well-Being: A Summary of What Works849
,
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)848
,
Browser Rendering: What Happens Behind the Scenes (fro)847
, , , , , ,
How to Create an SEO Strategy (moz)846
, ,
10 Common Mistakes in Angular Development845
, ,
DevTools: A Better Way to Visualize Your JavaScript844
, , , , , , , ,
Kubernetes Quick Tutorial843
,
Signals: Fine-Grained Reactivity for JavaScript Frameworks842
, , ,
The Three Browser Storage Mechanisms841
, ,
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)840
, ,
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?839
, , ,
What’s New in ECMAScript 2023 (paw)838
,
Node.js 20 Is Now Available! (nod)837
,
Container Query Units and Fluid Typography (5t3)836
, , ,
8 Best Tools for Cryptography and Encryption (sta)835
, , , , , ,
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store834
, , ,
Business Impacts of UI Design and UX Design (uxm)833
,
You Are What You Measure832
,
All About the Semantic Web831
,
Answering “What ARIA Can I Use?” (w3c)830
, , , , ,
Firefox May Soon Reject Cookie Prompts Automatically829
, , , ,
Deno vs. Node: No One Is Ready for the Move828
, , ,
What Is Design Thinking? (sma)827
Using a Muted Color Palette in Web Design (uxm)826
, ,
It’s Very Likely That… (mat)825
, , ,
A List of Programming Playgrounds (b0r)824
, ,
My Favorite Courses to Learn Microservices in Depth823
, , ,
Exploring “:has()” Again (mic)822
,
How to Name Design Tokens in a Design System (uxd)821
, , ,
Angular 16 Is Huge820
3 Common IA Mistakes (That Are All Due to Low Information Scent)819
, ,
The Acronyms of Rendering on the Web (whi)818
, , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)817
, ,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)816
, , ,
Dissecting npm Malware: Five Packages and Their Evil Install Scripts815
,
Lessons of Design (fab/uxd)814
,
What Are User Permissions? Concepts, Examples, and Maintenance813
, , ,
Consume Web Streams From OpenAI Using Vanilla JavaScript812
, , , , ,
4 Ways to Create an Enum in JavaScript811
Web Accessibility: A Reference to Creating Inclusive Websites (sta)810
The “details” Element Is Amazing (fon)809
Ping Animation With Minimal CSS (ami)808
,
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)807
, ,
The Pros and Cons of Different UI Automation Test Tools—Puppeteer806
, ,
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers805
, ,
Costly CSS Properties and How to Optimize Them804
, ,
Embracing AI as a Material for Design (uxd)803
, ,
10 Best Sorting Algorithms Explained802
,
A History of the World Wide Web From 1989 to the Present Day801
,
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)800
, , , , , , ,
11ty and Lit, a Match Made in Heaven for Simple Sites799
, ,
Passkeys: What the Heck and Why? (css)798
,
Angular Is Back With a Vengeance (fir)797
,
CSS: Tricks for Targeting Elements With CSS796
, ,
Transparent Video for the Web in 2023 (cla)795
,
Solving the CSS Layout and Source Order Disconnect (rac/dev)794
,
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)793
, , ,
How to Work With Dates and Times in Vanilla JavaScript (cfe)792
,
HTML Accessibility API Mappings 1.0 (ste+/w3c)791
, ,
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)790
, , , ,
Expanding Grid Cards With View Transitions (chr)789
, ,
Don’t Override Screen Reader Pronunciation (aar)788
, ,