Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Hide

Frontend Dogma

“2023” News Archive (9)

Entry (Sources) and Other Related TopicsDate#
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)830
, , ,
The Acronyms of Rendering on the Web (whi)829
, , ,
Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (mar)828
, ,
Serving Less Data to Users With the “prefers-reduced-data” Media Query (sea)827
, , ,
Lessons of Design (fab/uxd)826
,
Dissecting npm Malware: Five Packages and Their Evil Install Scripts825
, ,
What Are User Permissions? Concepts, Examples, and Maintenance824
, , ,
Web Accessibility: A Reference to Creating Inclusive Websites (sta)823
The “details” Element Is Amazing (fon)822
,
Ping Animation With Minimal CSS (ami)821
,
Consume Web Streams From OpenAI Using Vanilla JavaScript820
, , , , ,
9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (uxd)819
, ,
4 Ways to Create an Enum in JavaScript818
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)817
, , , , , , ,
The Pros and Cons of Different UI Automation Test Tools—Puppeteer816
, ,
Memory Allocation (sam)815
, ,
Embracing AI as a Material for Design (uxd)814
, ,
Costly CSS Properties and How to Optimize Them813
, ,
Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers812
, ,
A History of the World Wide Web From 1989 to the Present Day811
,
11ty and Lit, a Match Made in Heaven for Simple Sites810
, ,
10 Best Sorting Algorithms Explained809
,
Transparent Video for the Web in 2023 (cla)808
,
Solving the CSS Layout and Source Order Disconnect (rac/dev)807
, ,
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)806
, , ,
Passkeys: What the Heck and Why? (css)805
,
How to Work With Dates and Times in Vanilla JavaScript (cfe)804
,
CSS: Tricks for Targeting Elements With CSS803
, ,
Angular Is Back With a Vengeance (fir)802
,
Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (moz)801
, , , ,
Understanding CSS Preload and Other Resource Hints (log)800
, , ,
Shallow vs. Deep Copying in JavaScript799
,
HTML Dark Mode (bt)798
,
HTML Accessibility API Mappings 1.0 (ste+/w3c)797
, ,
Expanding Grid Cards With View Transitions (chr)796
, ,
Don’t Override Screen Reader Pronunciation (aar)795
, ,
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)794
, , ,
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience793
, , , ,
A Designers Guide to the Principles of Web Design792
, , , , , , , , ,
What’s a Basic Use Case for Cascade Layers in CSS? (chr)791
, ,
Trying Node.js Test Runner (bah)790
,
The Performance Golden Rule Revisited (tka)789
,
Temporal Intervals Are Handy in MySQL (ami)788
, ,
React, Visualized787
, ,
New HTML Element: “search” (alv)786
,
Load Balancing (sam)785
, , ,
Formulating Your Product Design North Star (aka Design Principles) (uxd)784
, ,
Document or Die: The Importance of Writing Things Down in Tech783
, ,
Building Pagination in React With React Paginate782
, ,
Why Astro Is My Favorite Framework (mrt)781
,
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)780
,
The Real Difference Between “useMemo” and “Memo” in React779
, , ,
CSS Text Balancing With “text-wrap: balance” (sha)778
,
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide777
, ,
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup776
, , , , ,
What’s New in CSS? (bra)775
,
Understanding Apache Web Server Configuration774
, ,
Mastering Yarn’s Lifecycle With Hooks773
,
Choosing Humanity Over Automation (uxd)772
, ,
Boost Your JavaScript With JSDoc Typing771
, , ,
Advancing Your Tech Skills (wom)770
,
The Pattern to Make Your Frontend Tests 10× Better769
Stream File Uploads to S3 Object Storage and Save Money (aus)768
, , ,
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting767
, ,
Programming-Language Popularity by GitHub Pull Requests (lem)766
, , , , , ,
It’s Time to Learn OKLCH Color (kei)765
, ,
DevTools: A Clever Overview of All Your CSS Code764
, , , , ,
Chasing Rainbows (ver)763
, , ,
Unlocking the Power of Design Tokens to Create Dark Mode UI762
,
Frontend Developer Tries Tailwind for the First Time (zor/css)761
, ,
Establishing Metrics for Accessibility ROI (kar)760
, ,
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)759
, , , , ,
10 CSS Animation Tips and Tricks (kev)758
, , ,
What’s New in WCAG 2.2?757
, ,
The Death of JPEG-XL756
,
The Alt Text War—SEO vs. Accessibility755
, , , , ,
Release Notes for Safari Technology Preview 167 (jon/web)754
, , ,
Observing CSS753
, ,
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript752
, , ,
Foundations: Accessible Names and Descriptions (tet)751
, , , ,
Designing for Reduced Motion750
, , , , ,
Choosing a Name for Your Design System (bra)749
,
Can You Create Beautiful Stroked Text in CSS? (log)748
,
7 Tips for Getting Started With Vue.js747
, ,
What Makes a Good Screenshot? (llo/tpg)746
,
What Is Semantic HTML?745
,
Understanding npm Versioning744
, , ,
The Revenge of the Pop-Up (ver)743
, ,
Testing Localhost on Multiple Devices (cit)742
,
New in Chrome 112 (tro/dev)741
, , ,
Code Explanation Using GitHub Copilot (ami)740
, ,
4 GitHub Alternatives for Code Repositories (sta)739
,
What Is a Design System and Why Should You Use One? (uxm)738
So, How Can We Measure UX? (uxd)737
,
Slow Start and Congestion Control (Browser Networking)736
, ,
Safari Releases Are Development Hell735
, , ,
Quick Tip: Pull Data From an API Into a Figma Layer734
, , ,
JSON vs. XML With Douglas Crockford (dou)733
, , , , ,
How WebAssembly Is Accelerating New Web Functionality (dev)732
,
Five Pieces of Advice for More Accessible Websites (cit)731
,
Exposing Field Errors (aar)730
, , , ,
Copy to Clipboard in JavaScript and React729
,
Accessibility for Designers: Where Do I Start? (ste)728
, ,
A Small JavaScript Pattern I Enjoy Using (kil)727
A Color Wheel With Gradient (css)726
, , , ,
Why Do They Ignore My Awesome Design Documentation?725
,
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)724
, ,
The Future of Senior Developers in an AI-Driven World (cod)723
, ,
Syntaxonomy—a Collection of Web Languages (ale)722
, , , ,
Sticky Page Header Shadow on Scroll (hex)721
, ,
Modern HTML Email (Tables No Longer Required) (oll)720
, ,
7 Tricks to Take the Performance of Your Website to the Moon719
, , ,
10 Ways to Hide Elements in CSS (cra)718
, , ,
We Need Accessibility Action (yat)717
,
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps716
, , , , ,
Folder Structure for Modern Web Applications715
,
Convert PNG to JPG Using FFmpeg (ama)714
, , , ,
The Pros and Cons of Different UI Automation Test Tools—Playwright713
, ,
On-Page SEO Checklist: The Complete Task List for 2023 (sem)712
, , ,
New to the Web Platform in March (rac/dev)711
, , , , , , , ,
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)710
, ,
DevTools: Getting Data From DevTools Into Your Code Editor709
, ,
Alternative Text in the Wild: 5 Alternative Text Examples (pop)708
, ,
A CSS Selector to Highlight Clickable Elements (seb)707
,
XUL Layout Is Gone706
, , , ,
Why JavaScript Is a Prototype-Based OOP705
,
Why I Quit Being a Tech “Influencer”704
What Are Source Maps? (jec/dev)703
,
One in Two New npm Packages Is SEO Spam Right Now702
,
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)701
, , ,
CSS Masking (sha)700
,
Checkered Background Using Two Lines of Code in CSS (ami+)699
,
AWS CloudFront Tutorial: Setup and Configuration698
, , , ,
Using PHP Arrays: A Guide for Beginners697
, ,
Usability Heuristics in Game Design (uxd)696
, ,
The WebAIM Million (web)695
, , ,
HTML: Help Users to Download Files With the HTML “download” Attribute694
,
How to Use Google Fonts and “font-display”693
, , ,
Framework Popularity on Netlify (sel/net)692
, , , , , ,
Flutter Performance Optimization Techniques and Best Practices691
, , ,
CSS Nesting (fro)690
, , ,
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)689
How to Write an Accessibility Statement (ger)688
, , ,
TypeScript Function Types: A Beginner’s Guide687
, ,
Meet Arc, a New Innovative Browser That Challenges Chrome686
, , , ,
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)685
, , ,
In Praise of Vite (spa/clo)684
Improving CSS Shapes With Trigonometric Functions (dan)683
, ,
How to Split an Angular App Into Micro-Frontend Apps682
, , ,
How to Review and Refactor Code With GPT-4 (and ChatGPT)681
, , , , ,
Guardrails for Better Accessibility Support in Frontend (net)680
, ,
File Uploads for the Web: File Uploads in Node and Nuxt (aus)679
, ,
Connecting Dots of an Accessibility Audit678
,
Accessibility vs. Emojis (uxd)677
, , ,
10 AI Tools for Content Writing (sta)676
, , , ,
Mastering the JavaScript “switch” Statement675
Introduction to esbuild674
, ,
Getting Started With HTML Tables673
, ,
Function Overloading in TypeScript672
,
Fighting Inter-Component HTML Bloat (eli)671
, , ,
Defaulting on Single Page Applications (SPA) (zac)670
, ,
CSS Creator Håkon Wium Lie Interview669
,
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)668
, ,
A Quick Guide to Reviewing a VPAT ACR (kar)667
, , ,
UX Basics: Study Guide (nng)666
, , , ,
UX Principles for AI Products (uxd)665
, ,
Using TypeScript Without Compilation (pas)664
Senior Engineering Strategies for Advanced React and TypeScript (tec)663
, , , , , , , ,
Harnessing GPT-4 for Writing Assistance and Content Creation662
, , ,
CSS-Only Widgets Are Inaccessible (aar)661
,
Brief Introduction to Edge Computing660
,
Usability 101 (nng)659
,
The IL1 Typography Test (nng)658
, , , ,
WYSIWYGPT (cod)657
,
What Is Strict Mode in React?656
The State of JS Frameworks (cfe/log)655
, , ,
The “search” Element (sco)654
, ,
The Landscape of npm Packages for CLI Apps653
, , ,
The Causes of Unreliable Software652
, ,
CSS “overflow” Property651
,
What We’ve Learned About Designing for Accessibility From Our Users650
,
The Ultimate Guide to Image Optimisation (fox/cal)649
, , , ,
The Machines Won’t Save Your Design System (hey)648
,
Everything You Wanted to Know About Video Storage APIs647
, ,
DevTools: Convert Network Requests to Code, or Even to a Terminal Command646
, , ,
Circular Text With CSS? (jhe)645
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II644
, ,
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)643
, , ,
Some Cross-Browser DevTools Features You Might Not Know (css)642
, , , , , , ,
npx: The Easy Way to Run Node.js Packages641
, ,
Certifications Should Be Hard (kar)640
, , ,
Automatic npm Publishing With GitHub Actions and npm Granular Tokens639
, ,
5 Lesser-Known Spacing Tips for Product Designers (uxd)638
,
With or Without the JS Framework (cit)637
, ,
When Is “:focus-visible” Visible? (ire)636
, ,
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)635
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)634
, , , , ,
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution633
The Carbon Cost of Social Media632
,
That Time When SVG Almost Got Network Support for Raw Sockets631
, ,
State of Node.js 2023 (jas+/thi)630
,
How to Start a React Project in 2023 (rwi)629
,
File Uploads for the Web: Upload Files With JavaScript (aus)628
,
Annotating Designs for Accessibility (int)627
, ,
Why We Added package.json Support to Deno (tin/den)626
, , ,
What Is Git Merge and How to Use It?625
The Intersection of Data Visualization and UX Design (uxm)624
, ,
The End of Front-End Development (jos)623
, ,
The Cost of Craft622
, , ,
The Age of Average621
The 5 Best Status Page Tools (sta)620
, , ,
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)619
, ,
Regression Testing in the Agile Universe (uxm)618
, , ,
Preventing Too-Short Final Lines of Text Blocks (ric)617
,
CSS Is Dead! (alv)616
7 Ways Web Developers and UX Designers Can Collaborate (uxm)615
,
5 Ways to Modernize Your Web Application614
, , , , , , ,
Using “forRoot()” and “forChild()” in Angular613
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)612
, , ,
Laying Out a Print Book With CSS611
,
Introduction to Flutter: Getting Started With Cross-Platform Development610
,
Deep Dive Into How Web Browsers Work (With Illustrations)609
, ,
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language608
Time to Move on From Nunjucks? (bry)607
, , , ,
How to Stop a React Component From Rendering (ami)606
, , ,
Design System Guide (vit)605
, ,
5 Tips for New Prototypers (nng)604
, ,
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?603
The Problem With React602
Retro-Specifying Fetch/Performance (nom)601
, ,
Responsive Columns Without Media Queries600
, , ,
How to Use “v-model” With Form Inputs in Vue599
, ,
How Screen Readers Read Special Characters: An Update598
, , ,
Hijacking Screenreaders With CSS (ben/deq)597
, , ,
Foundations: Pointer Gestures (gra/tpg)596
, ,
Everything You Need to Know About the Updated React Docs595
,
DevTools: Tricks for Copying the Styling From Any Website594
, , , ,
Cryptographically Protecting Your SPA593
, ,
Versioning Design Tokens592
, ,
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)591
, ,
The Ultimate Guide to Micro-Content590
, ,
Scraping Single-Page Applications With Playwright (api)589
, ,
JavaScript Polyfills588
,
It’s About Time CAPTCHAs Become Accessible (uxd)587
,
Internationalization in Next.js 13 With React Server Components (sma)586
, , ,
DevTools: Faster Searching in DevTools With CSS Selectors585
, , , , ,
Accessibility Beyond Code Compliance (aar)584
,
Accessibility and Design Systems: The Deep-Dive Q&A583
, , ,
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (tra/evi)582
, ,
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)581