Frontend Dogma

“2023” Archive (9)

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