Frontend Dogma

“2023” Archive (9)

Entry (Sources) and Other Related TopicsDate#
Expanding Grid Cards With View Transitions (chr)781
, ,
Don’t Override Screen Reader Pronunciation (aar)780
, ,
Temporal Intervals Are Handy in MySQL (ami)779
,
Building Pagination in React With React Paginate (sur/doc)778
, ,
React, Visualized (uid)777
, ,
The Performance Golden Rule Revisited (tka)776
,
New HTML Element: “search” (alv)775
,
Trying Node.js Test Runner (bah)774
,
Document or Die: The Importance of Writing Things Down in Tech773
, ,
What’s a Basic Use Case for Cascade Layers in CSS? (chr)772
, ,
Formulating Your Product Design North Star (aka Design Principles) (suc/uxd)771
, ,
The Real Difference Between “useMemo” and “Memo” in React770
, , ,
Why Astro Is My Favorite Framework (mrt)769
,
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide (abh)768
, ,
CSS Text Balancing With “text-wrap: balance” (sha)767
,
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup (jan)766
, , , , ,
Choosing Humanity Over Automation (uxd)765
, ,
Mastering Yarn’s Lifecycle With Hooks (sci)764
,
Boost Your JavaScript With JSDoc Typing (min)763
, , ,
Understanding Apache Web Server Configuration (kni)762
, ,
What’s New in CSS? (bra/bra)761
,
Chasing Rainbows (wax/ver)760
, , ,
Stream File Uploads to S3 Object Storage and Save Money (aus)759
, , ,
The Pattern to Make Your Frontend Tests 10× Better (cao)758
Advancing Your Tech Skills (wom)757
,
DevTools: A Clever Overview of All Your CSS Code (uma)756
, , , , ,
Programming-Language Popularity by GitHub Pull Requests (lem)755
, , , , , ,
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting (hi)754
, ,
It’s Time to Learn OKLCH Color (kei)753
, ,
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)752
, , , , ,
Unlocking the Power of Design Tokens to Create Dark Mode UI (ric)751
,
Frontend Developer Tries Tailwind for the First Time (zor/css)750
, ,
10 CSS Animation Tips and Tricks (kev)749
, , ,
Establishing Metrics for Accessibility ROI (kar)748
, ,
The Alt Text War—SEO vs. Accessibility (art/dig)747
, , , , ,
Observing CSS (jon)746
, ,
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript (cal)745
, , ,
Foundations: Accessible Names and Descriptions (ihe/tet)744
, , , ,
Choosing a Name for Your Design System (bra)743
,
Release Notes for Safari Technology Preview 167 (jon/web)742
, , ,
The Death of JPEG-XL (pea)741
,
Can You Create Beautiful Stroked Text in CSS? (log)740
,
7 Tips for Getting Started With Vue.js (ada/vue)739
, ,
What’s New in WCAG 2.2? (mon/acc)738
, ,
Designing for Reduced Motion (lup/cra)737
,
Code Explanation Using GitHub Copilot (ami)736
, , ,
Understanding npm Versioning (ben/typ)735
, , ,
The Revenge of the Pop-Up (ses/ver)734
, ,
New in Chrome 112 (tro/dev)733
, , ,
What Is Semantic HTML? (dav/a11)732
,
What Makes a Good Screenshot? (llo/tpg)731
,
Testing Localhost on Multiple Devices (cit)730
,
4 GitHub Alternatives for Code Repositories (sta)729
,
Slow Start and Congestion Control (Browser Networking) (med)728
, ,
Five Pieces of Advice for More Accessible Websites (cit)727
,
Quick Tip: Pull Data From an API Into a Figma Layer (mrd/sit)726
, , ,
So, How Can We Measure UX? (uxd)725
,
What Is a Design System and Why Should You Use One? (tec/uxm)724
Accessibility for Designers: Where Do I Start? (ste)723
, ,
JSON vs. XML With Douglas Crockford (dou+/cor)722
, , , , ,
A Color Wheel With Gradient (css)721
, , , ,
Exposing Field Errors (aar)720
, , , ,
A Small JavaScript Pattern I Enjoy Using (kil)719
Copy to Clipboard in JavaScript and React (vin)718
,
How WebAssembly Is Accelerating New Web Functionality (fra/dev)717
,
Safari Releases Are Development Hell (ash/con)716
, , ,
7 Tricks to Take the Performance of Your Website to the Moon (tap)715
, , ,
Sticky Page Header Shadow on Scroll (hex)714
, ,
Modern HTML Email (Tables No Longer Required) (oll)713
, ,
10 Ways to Hide Elements in CSS (cra/sit)712
, ,
Why Do They Ignore My Awesome Design Documentation? (she)711
,
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)710
, ,
Syntaxonomy—a Collection of Web Languages (ale)709
, , , ,
The Future of Senior Developers in an AI-Driven World (cod)708
, ,
Folder Structure for Modern Web Applications (oba)707
,
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps706
, , , , ,
We Need Accessibility Action (yat)705
,
DevTools: Getting Data From DevTools Into Your Code Editor (uma)704
, ,
A CSS Selector to Highlight Clickable Elements (seb)703
,
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)702
, ,
The Pros and Cons of Different UI Automation Test Tools—Playwright (ris)701
, ,
New to the Web Platform in March (rac/dev)700
, , , , , , , ,
On-Page SEO Checklist: The Complete Task List for 2023 (rh/sem)699
, , ,
Alternative Text in the Wild: 5 Alternative Text Examples (pop)698
, ,
AWS CloudFront Tutorial: Setup and Configuration (mat/sit)697
, , , ,
CSS Masking (sha)696
,
Why I Quit Being a Tech “Influencer” (jac)695
One in Two New npm Packages Is SEO Spam Right Now (gab/san)694
,
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (fee/uxd)693
, , ,
Checkered Background Using Two Lines of Code in CSS (ami+)692
,
What Are Source Maps? (jec/dev)691
,
Why JavaScript Is a Prototype-Based OOP (emm)690
,
XUL Layout Is Gone (ecb)689
, , , ,
The WebAIM Million (web)688
, , ,
CSS Nesting (fro)687
, , ,
Framework Popularity on Netlify (sel/net)686
, , , , , ,
Using PHP Arrays: A Guide for Beginners (mat/sit)685
, ,
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)684
HTML: Help Users to Download Files With the HTML “download” Attribute (uma)683
,
Flutter Performance Optimization Techniques and Best Practices (biz)682
, , ,
How to Use Google Fonts and “font-display” (dax/sit)681
, , ,
Usability Heuristics in Game Design (tin/uxd)680
, ,
How to Review and Refactor Code With GPT-4 (and ChatGPT) (mar/sit)679
, , , , ,
TypeScript Function Types: A Beginner’s Guide (pan)678
, ,
Improving CSS Shapes With Trigonometric Functions (dan)677
, ,
Guardrails for Better Accessibility Support in Frontend (net)676
, ,
Connecting Dots of an Accessibility Audit (art/dig)675
,
Meet Arc, a New Innovative Browser That Challenges Chrome (ind)674
, , ,
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)673
, , ,
In Praise of Vite (spa/clo)672
10 AI Tools for Content Writing (sta)671
, , , ,
File Uploads for the Web: File Uploads in Node and Nuxt (aus)670
, ,
How to Split an Angular App Into Micro-Frontend Apps669
, , ,
Accessibility vs. Emojis (uxd)668
, , ,
Function Overloading in TypeScript (laf/thi)667
,
Fighting Inter-Component HTML Bloat (eli)666
, , ,
A Quick Guide to Reviewing a VPAT ACR (kar)665
, , ,
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)664
, ,
Getting Started With HTML Tables (dax/sit)663
, ,
CSS Creator Håkon Wium Lie Interview (wiu/evr)662
,
Introduction to esbuild661
, ,
Mastering the JavaScript “switch” Statement (mar/sit)660
Defaulting on Single Page Applications (SPA) (zac)659
, ,
Using TypeScript Without Compilation (pas)658
UX Principles for AI Products (bre/uxd)657
, ,
UX Basics: Study Guide (tne/nng)656
, , , ,
CSS-Only Widgets Are Inaccessible (aar)655
,
Harnessing GPT-4 for Writing Assistance and Content Creation (dax/sit)654
, , ,
Brief Introduction to Edge Computing653
,
Senior Engineering Strategies for Advanced React and TypeScript (tec)652
, , , , , , , ,
WYSIWYGPT (cod)651
,
CSS “overflow” Property (dax/sit)650
,
Usability 101 (kat/nng)649
,
The IL1 Typography Test (rac/nng)648
, , , ,
The Landscape of npm Packages for CLI Apps647
, , ,
What Is Strict Mode in React? (cod)646
The State of JS Frameworks (cfe+/log)645
, , ,
The Causes of Unreliable Software (abi)644
, ,
The “search” Element (sco)643
, ,
Everything You Wanted to Know About Video Storage APIs (ima)642
, ,
The Machines Won’t Save Your Design System (hey)641
,
What We’ve Learned About Designing for Accessibility From Our Users (and/sla)640
,
The Ultimate Guide to Image Optimisation (fox/cal)639
, , , ,
Circular Text With CSS? (jhe)638
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II (ste/wis)637
, ,
A Complete Visual Guide to Understanding the Node.js Event Loop (cod/bui)636
, , ,
DevTools: Convert Network Requests to Code, or Even to a Terminal Command (uma)635
, , ,
Certifications Should Be Hard (kar)634
, , ,
5 Lesser-Known Spacing Tips for Product Designers (jis/uxd)633
,
npx: The Easy Way to Run Node.js Packages (hal)632
, ,
Some Cross-Browser DevTools Features You Might Not Know (pan/css)631
, , , , , , ,
Automatic npm Publishing With GitHub Actions and npm Granular Tokens (pim/htt)630
, , ,
How to Start a React Project in 2023 (rwi)629
,
State of Node.js 2023 (jas+/thi)628
,
What’s New in Eleventy 2: A Great SSG Just Got Better (cra/sit)627
The Carbon Cost of Social Media (car)626
,
File Uploads for the Web: Upload Files With JavaScript (aus)625
,
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)624
, , , ,
That Time When SVG Almost Got Network Support for Raw Sockets623
, ,
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution (cry)622
With or Without the JS Framework (cit)621
, ,
Annotating Designs for Accessibility (cla/int)620
, ,
When Is “:focus-visible” Visible? (ire)619
, ,
The End of Front-End Development (jos)618
, ,
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)617
, ,
7 Ways Web Developers and UX Designers Can Collaborate (abd/uxm)616
,
The Intersection of Data Visualization and UX Design (uxm)615
, ,
What Is Git Merge and How to Use It? (dax/sit)614
The Age of Average (ale)613
Regression Testing in the Agile Universe (uxm)612
, , ,
Why We Added package.json Support to Deno (tin/den)611
, , ,
The Cost of Craft (gk3)610
, , ,
Preventing Too-Short Final Lines of Text Blocks (ric)609
,
CSS Is Dead! (alv)608
The 5 Best Status Page Tools (sta)607
, , ,
5 Ways to Modernize Your Web Application (del/bit)606
, , , , , , ,
Laying Out a Print Book With CSS605
,
Using “forRoot()” and “forChild()” in Angular (dim)604
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)603
, , ,
Introduction to Flutter: Getting Started With Cross-Platform Development (dan)602
,
Deep Dive Into How Web Browsers Work (With Illustrations) (tap)601
, ,
Design System Guide (vit)600
, ,
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language (cod)599
How to Stop a React Component From Rendering (ami)598
, , ,
Time to Move on From Nunjucks? (bry)597
, , , ,
Responsive Columns Without Media Queries (haj)596
, , ,
How Screen Readers Read Special Characters: An Update (sop/ele)595
, , ,
Hijacking Screenreaders With CSS (ben/deq)594
, , ,
Everything You Need to Know About the Updated React Docs (kat)593
,
Foundations: Pointer Gestures (gra/tpg)592
, ,
Retro-Specifying Fetch/Performance (nom/wha)591
, ,
Cryptographically Protecting Your SPA (mat)590
, ,
5 Tips for New Prototypers (nng)589
, ,
The Problem With React (ipl)588
DevTools: Tricks for Copying the Styling From Any Website (uma)587
, , , ,
How to Use “v-model” With Form Inputs in Vue (pan)586
, ,
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?585
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+/dag)584
, ,
Accessibility and Design Systems: The Deep-Dive Q&A (ger+/sup)583
, , ,
Internationalization in Next.js 13 With React Server Components (jam/sma)582
, , ,
DevTools: Faster Searching in DevTools With CSS Selectors (uma)581
, , , , ,
Accessibility Beyond Code Compliance (aar)580
,
It’s About Time CAPTCHAs Become Accessible (uxd)579
,
Versioning Design Tokens (zet)578
, ,
Scraping Single-Page Applications With Playwright (api)577
, ,
The Ultimate Guide to Micro-Content (nic/beo)576
, ,
JavaScript Polyfills (byb)575
,
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (psd+/evi)574
, ,
JavaScript for Beginners: Data Structures573
, , ,
The H1 Conundrum: Understanding the Challenges of Heading Level One (art/dig)572
, , ,
Future CSS: Anchor Positioning (kiz)571
, ,
Git Fundamentals, a Complete Guide (lea)570
, ,
What Are Webhooks and How Do They Work (ola/hyg)569
,
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)568
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)567
,
How Design Is Governance (cas/cre)566
Circling Back on Design and Everything Else (uxd)565
Accepting Design (cai+/cre)564
JavaScript: Automatically Remove an Event Listener After It Has Executed (uma)563
,
Progressively Enhancing a Table With a Web Component (ray)562
, , , ,
Useful Tips and Tricks for Laravel (sim)561
,
VS Code vs. WebStorm: A Comparison for Newbies560
, , , , ,
16 Little UI Design Tips That Make a Big Impact (adh/uxp)559
, , , , , , ,
Advice From a Software Engineer With 8 Years of Experience (haa)558
TCP Echo Server for Node.js557
, ,
Fix Color Contrast—Web Accessibility for Text and UI Design (gly)556
, ,
Modern Font Stacks (dan)555
, ,
The Ternary Operator in JavaScript (cfe)554
,
Best Practices for Structuring Accessibility Testing (aa/tpg)553
, ,
What Is the Cost of Designing a Mobile App? (uxm)552
,
Why Aren’t Logical Properties Taking Over Everything? (chr)551
, ,
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)550
, ,
Making Calendars With Accessibility and Internationalization in Mind (mad/css)549
, ,
Introduction to Offline First Web Applications (mgf/bui)548
, ,
Create and Download Text Files Using JavaScript (ami)547
UX Strategy: Study Guide (seg+/nng)546
, , , ,
We Don’t Need “.visually-hidden” (den/web)545
, , ,
“content” Is Your Content? (cat/css)544
, , , ,
View Transitions API: Creating Smooth Page Transitions (sta)543
,
From UX to Growth Design: 5 Principles to Multiply Your Value (kat/uxd)542
, ,
Handling CSS Color Fonts With “font-palette” (sta)541
, ,
The Ultimate Guide to Becoming a 10× Dev (tru)540
, ,
Books You Can Read to Learn CSS539
, ,
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)538
, ,
Cover All the Codebases: A Guide to Code Coverage Tools (get)537
, , , ,
Web Cookies With a Taste of Privacy (rad/uxd)536
, ,
Exploring Bundling in Lightning CSS (sur/log)535
, , , ,
Selecting Previous Siblings With CSS “:has()” (tob)534
,
Building Complex Forms in Vue (moe/sma)533
,
File Uploads for the Web: Uploading Files With HTML (aus)532
,