Frontend Dogma

“2023” Archive (8)

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