Frontend Dogma

“2023” Archive (9)

Entry (Sources) and Other Related TopicsDate#
Understanding CSS Preload and Other Resource Hints (log)787
, ,
A Designers Guide to the Principles of Web Design786
, , , , , , , , ,
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd)785
, , ,
Shallow vs. Deep Copying in JavaScript784
,
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience783
, , , ,
HTML Dark Mode (bt)782
,
React, Visualized781
, ,
Formulating Your Product Design North Star (aka Design Principles) (uxd)780
, ,
Building Pagination in React With React Paginate779
, ,
What’s a Basic Use Case for Cascade Layers in CSS? (chr)778
, ,
Trying Node.js Test Runner (bah)777
,
The Performance Golden Rule Revisited (tka)776
,
Temporal Intervals Are Handy in MySQL (ami)775
,
New HTML Element: “search” (alv)774
,
Document or Die: The Importance of Writing Things Down in Tech773
, ,
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide772
, ,
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup771
, , , , ,
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac)770
,
Why Astro Is My Favorite Framework (mrt)769
,
The Real Difference Between “useMemo” and “Memo” in React768
, , ,
CSS Text Balancing With “text-wrap: balance” (sha)767
,
Boost Your JavaScript With JSDoc Typing766
, , ,
Mastering Yarn’s Lifecycle With Hooks765
,
Understanding Apache Web Server Configuration764
, ,
What’s New in CSS? (bra)763
,
Choosing Humanity Over Automation (uxd)762
, ,
Chasing Rainbows (ver)761
, , ,
Advancing Your Tech Skills760
,
DevTools: A Clever Overview of All Your CSS Code759
, , , , ,
The Pattern to Make Your Frontend Tests 10× Better758
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting757
, ,
Stream File Uploads to S3 Object Storage and Save Money (aus)756
, , ,
Programming-Language Popularity by GitHub Pull Requests (lem)755
, , , , , ,
It’s Time to Learn OKLCH Color (kei)754
, ,
Frontend Developer Tries Tailwind for the First Time (zor/css)753
, ,
Unlocking the Power of Design Tokens to Create Dark Mode UI752
,
Establishing Metrics for Accessibility ROI (kar)751
, ,
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)750
, , , , ,
10 CSS Animation Tips and Tricks (kev)749
, , ,
Designing for Reduced Motion748
,
Foundations: Accessible Names and Descriptions (tet)747
, , , ,
The Alt Text War—SEO vs. Accessibility746
, , , , ,
What’s New in WCAG 2.2?745
, ,
The Death of JPEG-XL744
,
7 Tips for Getting Started With Vue.js743
, ,
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript742
, , ,
Observing CSS741
, ,
Release Notes for Safari Technology Preview 167 (jon/web)740
, , ,
Choosing a Name for Your Design System (bra)739
,
Can You Create Beautiful Stroked Text in CSS? (log)738
,
The Revenge of the Pop-Up (ver)737
, ,
What Is Semantic HTML?736
,
Understanding npm Versioning735
, , ,
What Makes a Good Screenshot? (llo/tpg)734
,
Testing Localhost on Multiple Devices (cit)733
,
New in Chrome 112 (tro/dev)732
, , ,
Code Explanation Using GitHub Copilot (ami)731
, , ,
4 GitHub Alternatives for Code Repositories (sta)730
,
Quick Tip: Pull Data From an API Into a Figma Layer729
, , ,
How WebAssembly Is Accelerating New Web Functionality (dev)728
,
What Is a Design System and Why Should You Use One? (uxm)727
JSON vs. XML With Douglas Crockford (dou)726
, , , , ,
Safari Releases Are Development Hell725
, , ,
Slow Start and Congestion Control (Browser Networking)724
, ,
Copy to Clipboard in JavaScript and React723
,
So, How Can We Measure UX? (uxd)722
,
Five Pieces of Advice for More Accessible Websites (cit)721
,
Exposing Field Errors (aar)720
, , , ,
Accessibility for Designers: Where Do I Start? (ste)719
, ,
A Small JavaScript Pattern I Enjoy Using (kil)718
A Color Wheel With Gradient (css)717
, , , ,
7 Tricks to Take the Performance of Your Website to the Moon716
, , ,
Why Do They Ignore My Awesome Design Documentation?715
,
10 Ways to Hide Elements in CSS (cra)714
, ,
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)713
, ,
The Future of Senior Developers in an AI-Driven World (cod)712
, ,
Syntaxonomy—a Collection of Web Languages (ale)711
, , , ,
Sticky Page Header Shadow on Scroll (hex)710
, ,
Modern HTML Email (Tables No Longer Required) (oll)709
, ,
Folder Structure for Modern Web Applications708
,
Convert PNG to JPG Using FFmpeg (ama)707
, , , ,
We Need Accessibility Action (yat)706
,
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps705
, , , , ,
On-Page SEO Checklist: The Complete Task List for 2023 (sem)704
, , ,
DevTools: Getting Data From DevTools Into Your Code Editor703
, ,
The Pros and Cons of Different UI Automation Test Tools—Playwright702
, ,
New to the Web Platform in March (rac/dev)701
, , , , , , , ,
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)700
, ,
Alternative Text in the Wild: 5 Alternative Text Examples (pop)699
, ,
A CSS Selector to Highlight Clickable Elements (seb)698
,
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd)697
, , ,
One in Two New npm Packages Is SEO Spam Right Now696
,
XUL Layout Is Gone695
, , , ,
Why JavaScript Is a Prototype-Based OOP694
,
AWS CloudFront Tutorial: Setup and Configuration693
, , , ,
Why I Quit Being a Tech “Influencer”692
What Are Source Maps? (jec/dev)691
,
CSS Masking (sha)690
,
Checkered Background Using Two Lines of Code in CSS (ami+)689
,
Flutter Performance Optimization Techniques and Best Practices688
, , ,
Using PHP Arrays: A Guide for Beginners687
, ,
How to Use Google Fonts and “font-display”686
, , ,
Usability Heuristics in Game Design (uxd)685
, ,
HTML: Help Users to Download Files With the HTML “download” Attribute684
,
The WebAIM Million (web)683
, , ,
Framework Popularity on Netlify (sel/net)682
, , , , , ,
CSS Nesting (fro)681
, , ,
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd)680
Meet Arc, a New Innovative Browser That Challenges Chrome679
, , ,
TypeScript Function Types: A Beginner’s Guide678
, ,
How to Review and Refactor Code With GPT-4 (and ChatGPT)677
, , , , ,
Connecting Dots of an Accessibility Audit676
,
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev)675
, , ,
In Praise of Vite (spa/clo)674
Improving CSS Shapes With Trigonometric Functions (dan)673
, ,
How to Split an Angular App Into Micro-Frontend Apps672
, , ,
Guardrails for Better Accessibility Support in Frontend (net)671
, ,
File Uploads for the Web: File Uploads in Node and Nuxt (aus)670
, ,
Accessibility vs. Emojis (uxd)669
, , ,
10 AI Tools for Content Writing (sta)668
, , , ,
Getting Started With HTML Tables667
, ,
CSS Creator Håkon Wium Lie Interview666
,
Mastering the JavaScript “switch” Statement665
Function Overloading in TypeScript664
,
Introduction to esbuild663
, ,
Fighting Inter-Component HTML Bloat (eli)662
, , ,
Defaulting on Single Page Applications (SPA) (zac)661
, ,
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim)660
, ,
A Quick Guide to Reviewing a VPAT ACR (kar)659
, , ,
UX Principles for AI Products (uxd)658
, ,
UX Basics: Study Guide657
, , , ,
Using TypeScript Without Compilation (pas)656
Harnessing GPT-4 for Writing Assistance and Content Creation655
, , ,
Senior Engineering Strategies for Advanced React and TypeScript (tec)654
, , , , , , , ,
CSS-Only Widgets Are Inaccessible (aar)653
,
Brief Introduction to Edge Computing652
,
Usability 101651
,
The IL1 Typography Test650
, , , ,
CSS “overflow” Property649
,
The Causes of Unreliable Software648
, ,
The State of JS Frameworks (cfe/log)647
, , ,
What Is Strict Mode in React?646
WYSIWYGPT (cod)645
,
The “search” Element (sco)644
, ,
The Landscape of npm Packages for CLI Apps643
, , ,
Everything You Wanted to Know About Video Storage APIs642
, ,
What We’ve Learned About Designing for Accessibility From Our Users641
,
A Complete Visual Guide to Understanding the Node.js Event Loop (bui)640
, , ,
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II639
, ,
DevTools: Convert Network Requests to Code, or Even to a Terminal Command638
, , ,
The Ultimate Guide to Image Optimisation (fox/cal)637
, , , ,
The Machines Won’t Save Your Design System (hey)636
,
Circular Text With CSS? (jhe)635
Some Cross-Browser DevTools Features You Might Not Know (css)634
, , , , , , ,
npx: The Easy Way to Run Node.js Packages633
, ,
5 Lesser-Known Spacing Tips for Product Designers (uxd)632
,
Automatic npm Publishing With GitHub Actions and npm Granular Tokens631
, , ,
Certifications Should Be Hard (kar)630
, , ,
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution629
State of Node.js 2023 (jas+)628
,
Annotating Designs for Accessibility (int)627
, ,
The Carbon Cost of Social Media626
,
What’s New in Eleventy 2: A Great SSG Just Got Better (cra)625
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco)624
, , , ,
With or Without the JS Framework (cit)623
, ,
When Is “:focus-visible” Visible? (ire)622
, ,
That Time When SVG Almost Got Network Support for Raw Sockets621
, ,
How to Start a React Project in 2023 (rwi)620
,
File Uploads for the Web: Upload Files With JavaScript (aus)619
,
5 Ways to Modernize Your Web Application618
, , , , , , ,
What Is Git Merge and How to Use It?617
7 Ways Web Developers and UX Designers Can Collaborate (uxm)616
,
The Age of Average615
The Cost of Craft614
, , ,
Why We Added package.json Support to Deno (tin/den)613
, , ,
The Intersection of Data Visualization and UX Design (uxm)612
, ,
The End of Front-End Development (jos)611
, ,
The 5 Best Status Page Tools (sta)610
, , ,
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the)609
, ,
Regression Testing in the Agile Universe (uxm)608
, , ,
Preventing Too-Short Final Lines of Text Blocks (ric)607
,
CSS Is Dead! (alv)606
Introduction to Flutter: Getting Started With Cross-Platform Development605
,
Deep Dive Into How Web Browsers Work (With Illustrations)604
, ,
Using “forRoot()” and “forChild()” in Angular603
Speeding Up the JavaScript Ecosystem—npm Scripts (mar)602
, , ,
Laying Out a Print Book With CSS601
,
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language600
Time to Move on From Nunjucks? (bry)599
, , , ,
How to Stop a React Component From Rendering (ami)598
, , ,
Design System Guide (vit)597
, ,
The Problem With React596
Everything You Need to Know About the Updated React Docs595
,
How to Use “v-model” With Form Inputs in Vue594
, ,
Retro-Specifying Fetch/Performance (nom)593
, ,
How Screen Readers Read Special Characters: An Update592
, , ,
Cryptographically Protecting Your SPA591
, ,
Responsive Columns Without Media Queries590
, , ,
DevTools: Tricks for Copying the Styling From Any Website589
, , , ,
5 Tips for New Prototypers588
, ,
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI?587
Hijacking Screenreaders With CSS (ben/deq)586
, , ,
Foundations: Pointer Gestures (gra/tpg)585
, ,
Internationalization in Next.js 13 With React Server Components (sma)584
, , ,
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+)583
, ,
Versioning Design Tokens582
, ,
JavaScript Polyfills581
,
DevTools: Faster Searching in DevTools With CSS Selectors580
, , , , ,
Accessibility and Design Systems: The Deep-Dive Q&A579
, , ,
The Ultimate Guide to Micro-Content578
, ,
Scraping Single-Page Applications With Playwright (api)577
, ,
It’s About Time CAPTCHAs Become Accessible (uxd)576
,
Accessibility Beyond Code Compliance (aar)575
,
Git Fundamentals, a Complete Guide574
, ,
The H1 Conundrum: Understanding the Challenges of Heading Level One573
, , ,
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (evi)572
, ,
What Are Webhooks and How Do They Work571
,
JavaScript for Beginners: Data Structures570
, , ,
Future CSS: Anchor Positioning (kiz)569
, ,
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev)568
Accepting Design (fab)567
Modern Font Stacks566
, ,
Fix Color Contrast—Web Accessibility for Text and UI Design565
, ,
Useful Tips and Tricks for Laravel564
,
How Design Is Governance563
JavaScript: Automatically Remove an Event Listener After It Has Executed562
,
Advice From a Software Engineer With 8 Years of Experience561
16 Little UI Design Tips That Make a Big Impact560
, , , , , , ,
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma)559
,
VS Code vs. WebStorm: A Comparison for Newbies558
, , , , ,
TCP Echo Server for Node.js557
, ,
Progressively Enhancing a Table With a Web Component (ray)556
, , , ,
Circling Back on Design and Everything Else (uxd)555
Making Calendars With Accessibility and Internationalization in Mind (css)554
, ,
Best Practices for Structuring Accessibility Testing (tpg)553
, ,
Introduction to Offline First Web Applications552
, ,
Why Aren’t Logical Properties Taking Over Everything? (chr)551
, ,
What Is the Cost of Designing a Mobile App? (uxm)550
,
The Ternary Operator in JavaScript (cfe)549
,
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm)548
, ,
UX Strategy: Study Guide547
, , , ,
We Don’t Need “.visually-hidden” (den)546
, , ,
Create and Download Text Files Using JavaScript (ami)545
“content” Is Your Content?544
, , , ,
The Ultimate Guide to Becoming a 10× Dev543
, ,
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd)542
, ,
View Transitions API: Creating Smooth Page Transitions (sta)541
,
Handling CSS Color Fonts With “font-palette” (sta)540
, ,
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi)539
, ,
Books You Can Read to Learn CSS538
, ,