Frontend Dogma

“2023” Archive (8)

Entry (Sources) and Other Related TopicsDate#
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1016
Introduction to Screen‐Readers: VoiceOver macOS Edition (ada)1015
, , ,
Introduction to Screen‐Readers: NVDA Edition (ada)1014
, ,
Introduction to Screen‐Readers: JAWS Edition (ada)1013
, ,
Best Practices for All Developers (cod)1012
An Introduction to the Bun JavaScript Runtime (cra/sit)1011
, ,
Advancing Interaction to Next Paint (rvi+/dev)1010
,
Slow Design (sup)1009
,
Introducing INP to Core Web Vitals (goo)1008
, , ,
Introducing Baseline (rac/dev)1007
, , ,
Baseline Features You Can Use Today (kos/dev)1006
, ,
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1005
,
What’s New in Web (kos/dev)1004
, , ,
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)1003
, , ,
Introducing Baseline: A Unified View of Stable Web Features (con/mdn)1002
, , ,
How to Optimize Web Responsiveness With Interaction to Next Paint (ann+/dev)1001
, , ,
ES2023 Introduces New Array Copying Methods to JavaScript (phi/son)1000
, , ,
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)999
, ,
Why an Engineering Manager Should Not Review Code (mul/btt)998
,
Crafting a Modern Spotlight Effect With React and CSS (ibe)997
, ,
Developer Tools That Shouldn’t Be Secrets (cod/got)996
, ,
What’s New in Web Animations (bra/dev)995
,
Script Evaluation and Long Tasks (mal/dev)994
, ,
An Introduction to Container Queries in CSS (5t3/sit)993
, ,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)992
, , ,
Find Slow Interactions in the Field (mal/dev)991
, ,
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra/bra)990
, , , ,
API Design Practice989
, ,
See What’s New in Firefox [113.0] (moz)988
, , ,
Optimize Input Delay (mal/dev)987
, ,
Diagnose Slow Interactions in the Lab (mal/dev)986
,
Design Systems [Are] a Mindset Not a Library (rub/uxp)985
The Ongoing Defence of Frontend as a Full-Time Job (cod)984
How to Handle Emojis in Node.js (man)983
, , ,
Client-Side Rendering of HTML and Interactivity (mal/dev)982
, ,
Speed Trap (dav/ver)981
, ,
ShatGPT (ste)980
,
A Complete Guide to Usability Testing (lar/uxm)979
, ,
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications (kul/goo)978
, , , , ,
Dithering (chr)977
,
Proportional Design Systems With Proportio.app (nat/uxd)976
Pay Attention to Web Performance Metrics to Improve the UX (sru/uxm)975
, , , ,
Improving Web-Site Conversion Rates Through Better UX Design (uxm)974
, , ,
How Far Back in Time Can I Take My Website’s Design973
, , , ,
How to Configure Path Aliases in Frontend Projects in the Native Way972
, , ,
The Problem With Sticky Menus and What to Do Instead (ada)971
, ,
Complete Guide on Playwright Visual Regression Testing (div/los)970
, , , ,
The Image Sorting Experiment (kai/uxd)969
, , ,
Should the Confirmation Button Come First or Last? (uxd)968
,
Scaling Node.js Web Apps With Docker (fab)967
, , ,
Cron Job: A Comprehensive Guide for Beginners (tec)966
,
htmx Is the Future (qui)965
,
Speed Up or Slow Down a Video (pat/dev)964
, ,
How “:not()” Chains Multiple Selectors (dip/mdn)963
,
CSS Logical Properties: A Good Use Case (wes)962
, ,
Scroll-Driven Animations (bra)961
, ,
HTTP/1 vs. HTTP/2 vs. HTTP/3 (acc)960
, ,
Design Tokens: Beginner’s Guide (nit)959
, ,
I’m Done With React (ada)958
,
How Do You Declare Namespace in JavaScript?957
,
Code Coverage vs. Test Coverage (bro)956
, , ,
The Frontend Cloud Advantage (ver)955
Using Go for Front End Development (goo/ope)954
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)953
, , ,
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)952
, ,
React Testing Library and Accessibility (ste)951
, , , ,
An Introduction to the “:has()” Selector in CSS (5t3/sit)950
, ,
Make Your Website Load Fast by Optimizing Request Priorities (deb)949
, ,
Release Notes for Safari Technology Preview 169 (jon/web)948
, , ,
Where Would You Take the W3C? (rob)947
,
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)946
,
Security Implications of HTTP Response Headers (sny)945
, ,
The Latest Innovations in Drupal (mam)944
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It (emi/eds)943
,
7 Practical CSS Typography Tips and Tricks (zor/css)942
, , ,
How to Write More Efficient JavaScript Conditions (fre)941
, ,
DevEx: What Actually Drives Productivity (abi+/acm)940
, ,
How to Make a CSS-Only Hamburger Menu (thr)939
, ,
Angular v16 Is Here (mge/ang)938
,
Don’t Use Custom CSS Scrollbars (eri)937
,
The Intersectionality of Web Performance (ada)936
, ,
A Complete Guide to Performance Budgets (tam/spe)935
, , ,
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years? (aur)934
, ,
Do Logical Properties Make CSS Easier to Learn? (chr)933
, ,
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)932
, , ,
A/B Testing: A Primer931
, , ,
CSS Naked Day and the Missing Wikipedia Page (j9t)930
, ,
3 Engineering Mistakes That Kill Startups (mi)929
,
Why “font-size” Must Never Be in Pixels (gra)928
, , ,
An Update on the Lock Icon (dav+/dev)927
, ,
A Radical Proposal: Put UX Research in Charge (jms/cen)926
, , ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)925
, , ,
SupportsCSS (5t3)924
, , ,
Load Websites Faster With Code Splitting (lea)923
, ,
Creating an Animated Gradient Border With CSS (ibe)922
, , ,
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)921
, ,
Qwik Reaches v1.0 (bui)920
,
What’s New in Svelte: May 2023 (dre/sve)919
, ,
“:root” Isn’t Global (kil)918
7 Things to Remove From Your Job Postings to Be More Inclusive (kay/wom)917
,
CDNs: Speed Up Performance by Reducing Latency (aus)916
,
CSS Wishlist 2023 (ell)915
,
Practical Guide to Not Blocking the Event Loop914
, , , ,
This Blog Is Hosted on My Android Phone (iam)913
,
Testing Feature Support for Modern CSS (5t3)912
, ,
Configuring ESLint, Prettier, and TypeScript Together (jos)911
, , , , , ,
Tailwind CSS vs. UnoCSS (hey)910
, , , ,
My Favorite Free Courses to Learn JavaScript in Depth (jav)909
, , ,
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)908
, , , , ,
Two Underused Arguments for Writing Documentation (j9t)907
, ,
Dark Mode in 3 Lines of CSS and Other Adventures (mad)906
,
The Popover API Is Exciting, Sort Of (mrt)905
,
A Beginner’s Introduction to the Most Common Data Types in Programming (dat)904
, ,
JS Private Class Fields Considered Harmful (lea)903
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)902
, , ,
Everything You Need to Know About Webpack’s Bundle Analyzer (mat)901
, ,
Animating the Impossible (cas/btc)900
, ,
New to the Web Platform in April (rac/dev)899
, , , , , ,
Write Better CSS by Borrowing Ideas From JavaScript Functions (yap/sma)898
, , ,
Modern CSS Layout Is Awesome! (mic/btc)897
, ,
What Is the Value of a Design System? (jul/zer)896
The Most Underrated Section of Design Portfolios (lob/pro)895
,
How to Deep Merge Arrays and Objects With JavaScript (cfe)894
, , ,
Typography for Everyone (tob/btc)893
, ,
Accessible Target Sizes Cheatsheet (vit/sma)892
,
Writing Unit Tests in Node.js Using Jest (dav+/sem)891
, ,
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)890
, , ,
How to Manage Design Tokens (zet)889
, ,
Discovering the Power of JavaScript Proxy After All This Time (mar)888
The Most Important Thing Productivity Tools Are Missing About AI (tej/uxd)887
, ,
The Interactive Guide to Rendering in React (tyl/uid)886
, ,
Reducing the Cost of String Serialization in Node.js Core (yag)885
,
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf (liz/sta)884
, ,
Crafting the Next.js Website (rau+)883
Transition To and From “display: none” With Upcoming CSS Capabilities (una)882
, ,
The Best Way to Get nvm Working in CI/CD Systems881
,
Adding Motion to the Next Decade of Atomic Design (uxd)880
,
The “const” Deception (jos)879
What’s New in Node.js 20 (cra/sit)878
Frontend Web Performance Checklist (jac)877
,
npm vs. Yarn vs. pnpm (rax)876
, , ,
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (joa/uxd)875
, , ,
CSS Blend Modes (bra)874
,
Organizing a Web Design System for Scalability in Figma (uxd)873
, ,
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)872
, , , ,
Scoped CSS Is Back (kei)871
,
Avoiding Dark Patterns in Web Design (boa/fro)870
,
Goodbye “create-react-app”: A New Approach (cod)869
Figma, I Love You but You’re Bringing Me Down (joe/uxd)868
Exploring the Potential of Web Workers for Multithreading on the Web (sah/sma)867
, , ,
“The Secret List of Websites” (chr)866
, ,
Dark Mode Toggle and “prefers-color-scheme” (abb)865
, ,
How to Write Comments in React: The Good, the Bad, and the Ugly (pan)864
, ,
Meeting WCAG Level AAA (pat/tet)863
, , ,
Transitioning to Height Auto (Two Ways) (kei)862
The Effects of Technical Debt on Morale (abi)861
, ,
Considering Content Warnings in HTML (aar)860
, ,
“details”/“summary” Inconsistencies (mat)859
, , ,
Upgrading Our CSS Habits: “aspect-ratio” (cod)858
5 Topics You Should Touch on During the Recruitment Process857
, ,
Spinning Diagrams With CSS (har)856
,
Designing and Coding for Voice (bri)855
,
Read-Only Web Apps (ada)854
,
This Website Is Under Construction, a Love Letter to the Personal Website (btc)853
, ,
CSS Custom Properties Beyond the “:root” (mat)852
, ,
Why Is Scrum the Most Popular Agile Framework? (reb/scr)851
, ,
Browser Rendering: What Happens Behind the Scenes (fro)850
, , , , , ,
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)849
,
Visually Accessible Data Visualization (dmt/pla)848
,
5 Code Refactoring Techniques to Improve Your Code (sur/doc)847
, ,
Generating Provenance Statements (myl/npm)846
, ,
Release Notes for Safari Technology Preview 168 (jon/web)845
, , ,
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)844
, , , , , ,
Introducing npm Package Provenance (bde+/git)843
, , , , ,
Introduction to Web Animations With GSAP (top)842
, , ,
Using HTML Elements as CSS Masks (art)841
Productivity and Well-Being: A Summary of What Works840
,
Container Query Units and Fluid Typography (5t3)839
, ,
10 Common Mistakes in Angular Development (gut/bit)838
, ,
DevTools: A Better Way to Visualize Your JavaScript (uma)837
, , , , , , , ,
8 Best Tools for Cryptography and Encryption (sta)836
, , , , , ,
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin/mir)835
, ,
Kubernetes Quick Tutorial (fra)834
,
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store833
, , ,
Node.js 20 Is Now Available! (nod)832
,
What’s New in ECMAScript 2023 (paw)831
,
Signals: Fine-Grained Reactivity for JavaScript Frameworks (daz/sit)830
, , ,
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It? (viv)829
, , ,
How to Create an SEO Strategy (zac/moz)828
, ,
Business Impacts of UI Design and UX Design (hun/uxm)827
,
It’s Very Likely That… (mat)826
, , ,
Answering “What ARIA Can I Use?” (kin/w3c)825
, , , , ,
What Is Design Thinking? (sma)824
A List of Programming Playgrounds (b0r)823
, ,
You Are What You Measure (luk)822
,
Deno vs. Node: No One Is Ready for the Move (piu/hon)821
, , ,
Using a Muted Color Palette in Web Design (uxm)820
, ,
All About the Semantic Web (sim)819
,
Firefox May Soon Reject Cookie Prompts Automatically (mar/gha)818
, , , ,
The Acronyms of Rendering on the Web (whi)817
, , ,
Exploring “:has()” Again (mic/css)816
,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)815
, , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)814
, ,
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)813
, ,
Angular 16 Is Huge (lif/itn)812
How to Name Design Tokens in a Design System (cao/uxd)811
, , ,
My Favorite Courses to Learn Microservices in Depth (jav)810
, , ,
Dissecting npm Malware: Five Packages and Their Evil Install Scripts (gab/san)809
,
Lessons of Design (fab/uxd)808
,
Consume Web Streams From OpenAI Using Vanilla JavaScript (uma)807
, , , , ,
Web Accessibility: A Reference to Creating Inclusive Websites (sta)806
Ping Animation With Minimal CSS (ami)805
,
4 Ways to Create an Enum in JavaScript (pan)804
The “details” Element Is Amazing (fon)803
What Are User Permissions? Concepts, Examples, and Maintenance (fro)802
, , ,
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)801
, ,
11ty and Lit, a Match Made in Heaven for Simple Sites800
, ,
Embracing AI as a Material for Design (guu/uxd)799
, ,
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)798
, , , , , , ,
10 Best Sorting Algorithms Explained (sit)797
,
Costly CSS Properties and How to Optimize Them (let)796
, ,
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers (abi/ael)795
, ,
The Pros and Cons of Different UI Automation Test Tools—Puppeteer (ris)794
, ,
A History of the World Wide Web From 1989 to the Present Day (muo)793
,
How to Work With Dates and Times in Vanilla JavaScript (cfe)792
,
Passkeys: What the Heck and Why? (nea/css)791
,
Solving the CSS Layout and Source Order Disconnect (rac/dev)790
,
CSS: Tricks for Targeting Elements With CSS (uma)789
, ,
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)788
, , ,
Transparent Video for the Web in 2023 (cla)787
,
Angular Is Back With a Vengeance (jef/fir)786
,
Don’t Override Screen Reader Pronunciation (aar)785
, ,
Expanding Grid Cards With View Transitions (chr)784
, ,
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)783
, , , ,
Understanding CSS Preload and Other Resource Hints (sta/log)782
, ,
Advanced Figma Components Tips and Tricks: Little Gems We Love (moo/uxd)781
, , ,
Shallow vs. Deep Copying in JavaScript (mar/sit)780
,
HTML Accessibility API Mappings 1.0 (ste+/w3c)779
, ,
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience (kna)778
, , , ,
A Designers Guide to the Principles of Web Design (loo)777
, , , , , , , , ,
Temporal Intervals Are Handy in MySQL (ami)776
,
Building Pagination in React With React Paginate (sur/doc)775
, ,
React, Visualized (uid)774
, ,
The Performance Golden Rule Revisited (tka)773
,
New HTML Element: “search” (alv)772
,
Trying Node.js Test Runner (bah)771
,
Document or Die: The Importance of Writing Things Down in Tech770
, ,
What’s a Basic Use Case for Cascade Layers in CSS? (chr)769
, ,
Formulating Your Product Design North Star (aka Design Principles) (suc/uxd)768
, ,
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup (jan)767
, , , , ,