Frontend Dogma

“2024” Archive (9)

Entry (Sources) and Other Related TopicsDate#
The Modern Guide for Making CSS Shapes (css/sma)1,140
, , , ,
Using the Page Visibility API (bsm/mdn)1,139
,
The Dilemmas You’ll Face When Creating a Component Library (and)1,138
,
How to Document Your JavaScript Package (and+/den)1,137
, , , , , ,
Manifesto for a Humane Web (mic)1,136
, , , , , , , ,
Make Your Figma Components Work Harder (uxd)1,135
, ,
Typography Terms: Glossary (seg+/nng)1,134
,
Design Taste vs. Technical Skills in the Era of AI (seg+/nng)1,133
, , ,
17 Best Developer Productivity Tools to Try (sho)1,132
, ,
Introducing the CSS Anchor Positioning API (una/dev)1,131
, , , ,
WordPress Ping List for Faster Post Indexing (meh)1,130
, ,
Simple Implemention to Understand “worker_threads” in Node.js (the)1,129
, ,
Release Notes for Safari Technology Preview 194 (jon/web)1,128
, , ,
“Slop” Is the New Name for Unwanted AI-Generated Content (sim)1,127
,
Upgrade Your HTML V (j9t/fro)1,126
, , , , ,
Websites Are Not Books (ons)1,125
,
Why Use Web Components Over Traditional DOM Manipulation? (cfe)1,124
,
Level-Setting Heading Levels (aar)1,123
, , , ,
37 Tips From a Senior Frontend Developer (nd)1,122
, , , ,
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (chr/fro)1,121
, ,
What Is UX (Not)? (kat/nng)1,120
, ,
Let’s Build a Web Scraper in PHP and Python (the)1,119
, ,
The Carcinization of Web Frameworks (kof/tod)1,118
, , , , ,
Why Patching Globals Is Harmful (ket)1,117
,
Introducing the Gulp Developer Survey (abi/gul)1,116
, ,
Modern WordPress—Yikes! (dbu)1,115
,
Focus vs. Accessibility Focus (a11)1,114
, ,
Transparent Borders (bra)1,113
, , , ,
How We’re Building More Inclusive and Accessible Components at GitHub (eri/git)1,112
, , , ,
JavaScript “var”, “let”, and “const” Explained (cfe+)1,111
Evidence-Based Management Guide, 2024—What’s New? (pmo/scr)1,110
, , , , ,
Using Simple Tools as a Radical Act of Independence (jar/unt)1,109
, ,
Using the Popover API for HTML Tooltips (chr/fro)1,108
, , ,
A Brief Note on Highlighted Text (aar)1,107
, , , ,
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)1,106
, , ,
What’s New in Node.js v22 (mco)1,105
,
An Introduction to the European Accessibility Act (EAA) (deq)1,104
, , ,
Servo Reboot: Where Are We Now? OSS-NA 2024 (atb)1,103
, ,
Errors Aren’t All Bad (jim)1,102
Get First Item in Eleventy Collection (wol)1,101
, ,
Mastering User-Centered Design, With 5 Advanced Tips (uxm)1,100
, , , ,
These CSS Pro Tips and Tricks Will Blow Your Mind (cod)1,099
, ,
Native Support for CJS/ESM Interoperability Begins in Node.js 22 (hi)1,098
, , , ,
Misconceptions About CSS Specificity (bra/bra)1,097
, ,
5 Node Version Managers Compared—Which Is Right for You? (pav)1,096
, , ,
Memory Management Every Developer Should Know (hi)1,095
,
Pairing Eleventy With htmx and Deno (wol)1,094
, ,
The 7 Most Useful Web Design and Web Development Glossaries (apo)1,093
, ,
Securing Client-Side JavaScript (ada)1,092
, ,
Eleventy With a Basic Deno Static Server Setup (wol)1,091
, ,
At Some Point, JavaScript Got Good (jon)1,090
,
WCAG After Quarter of a Century—We Still Need More Awareness (cer)1,089
, ,
Shades of Grey With “color-mix()” (mic/css)1,088
, ,
A to Z of Assistive Technology for Reading Digital Text (ver)1,087
, , , ,
The Value of Open Source in Furthering Accessibility Goals (mgi/g0v)1,086
, ,
How Slack Automates Deploys (abi)1,085
, , ,
Poor Express Authentication Patterns in Node.js and How to Avoid Them (lir)1,084
, , ,
Content Standards in Design Systems (aka/nng)1,083
, ,
So I Got Fired (dar)1,082
Quick-and-Dirty Accessibility (tpg)1,081
,
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)1,080
, , ,
Web Development Trends We Will See in 2024 (mar/was)1,079
3 Methods to Elevate Your Writing With Visual Content (ste)1,078
, ,
How to Archive Your Design System Effectively (uxd)1,077
, , ,
Introduction to htmx (jan)1,076
,
The Vue Ecosystem in 2024 (ben/fro)1,075
, , ,
Web Components From Early 2024 (chr)1,074
,
The War Begins: Top Best JavaScript Framework to Learn in 2024 (fro)1,073
, , , , , , , , , , ,
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1,072
, , ,
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)1,071
, ,
Should We Rely on Browser Detection? (htm)1,070
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (br/fig)1,069
, , , ,
Cookie Permissions: 6 Design Guidelines (nng)1,068
, , , , ,
When to Use Bun Instead of Node.js (ant/app)1,067
, ,
Using AI to Predict Design Trends (web)1,066
, ,
A React Developer’s Guide to Learning Solid.js (sta)1,065
, , ,
How to Create Content in WordPress With AI (cag/sit)1,064
, , ,
Exploring the Immersive Web With Wolvic (sea)1,063
, ,
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (dav/the)1,062
, , ,
Demystifying React’s Types: Ref Types (huy)1,061
Understanding What Drupal Editors and Authors Need (meg+/lul)1,060
Why Are My Live Regions Not Working? (pat/tet)1,059
, ,
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making (ado)1,058
, , , ,
Web Accessibility in the 2024 [U.S.] Presidential Campaigns (web)1,057
,
Pretty Much Every Website Uses the Wrong Font Size… (t3d)1,056
,
Popover API Is Here (chr/fro)1,055
, ,
Handling the Indentation of a Treeview Component (sha)1,054
Web Forms: Costly Mistakes You Want to Avoid (geo)1,053
, , , , ,
Composability in Design Systems (ada)1,052
, ,
An Alternative Proposal for CSS Masonry (rac/dev)1,051
, , ,
European Accessibility Act: Ultimate Guide to Compliance (aud)1,050
, , , ,
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings (bay)1,049
, ,
I Reviewed 1,000s of Opinions on htmx (dph)1,048
CSS Inheritance (bel/pic)1,047
,
How to Design Accessible Forms in 10 Steps (bp/uxd)1,046
, , ,
Superior Range Syntax (css)1,045
,
My Approach to HTML Web Components (ada)1,044
,
What Is Vite (and Why Is It So Popular)? (eri/sta)1,043
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (mse)1,042
, , ,
Introduction to NestJS (ref)1,041
, ,
WebAssembly Performance Patterns for Web Apps (tom)1,040
, ,
New to the Web Platform in April (rac/dev)1,039
, , , , , , , ,
No, I Don’t Want to Fill Out Your Contact Form (dom)1,038
,
The Polish Paradox (ili)1,037
, ,
Accessibility Evolution of Organizations (cer)1,036
, ,
Can You Detect Overflow With CSS? (fon/css)1,035
,
Top 50 System Design Interview Questions for 2024 (swe)1,034
, ,
What Do Developers Want From AI? (abi)1,033
, , ,
Passkeys: A Shattered Dream (fir)1,032
, ,
Optimizing INP: A Deep Dive (dev)1,031
, , , , , , , , ,
The Picture-Superiority Effect: Harness the Power of Visuals (nng)1,030
, ,
Basic Algorithms (m)1,029
, ,
Ditch Dotenv: Node.js Now Natively Supports .env File Loading (hi/inp)1,028
, ,
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)1,027
, , ,
The Rise of Large-Language-Model Optimization (sch+)1,026
,
Maintaining a Design System in Figma (luk/uxd)1,025
, ,
Design Déjà Vu (mal)1,024
, , , ,
Introduction to Manual Website Accessibility Testing (umn)1,023
, , ,
Popover API Lands in Baseline (una/dev)1,022
, , , ,
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1,021
, , , ,
Conducting Accessibility Research in an Inaccessible Ecosystem (maw/sma)1,020
, , ,
Why Don’t We Talk About Minifying CSS Anymore? (whi/sen)1,019
, ,
Celebrating 20 Years of Dojo (ope)1,018
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)1,017
,
Node.js Next 10 Survey—2024 (kyl/nod)1,016
,
Write Better CSS With Modern CSS (css)1,015
, , , ,
Node.js 22 Available Now (ope)1,014
,
JSR Is Not Another Package Manager (tin/den)1,013
,
Use “:has()” to Scope CSS1,012
, ,
How to Escape JavaScript for a Script Tag (mrj)1,011
, , ,
The Perfect Site Doesn’t Exist (mic/cli)1,010
, ,
HTML Attributes vs. DOM Properties (jaf)1,009
, , ,
Celebrate JavaScript Naked Day Every Year on April 24 (zac)1,008
, , ,
Printing Music With CSS Grid (ste/cru)1,007
, ,
The New “!important” (geo)1,006
,
Creating Fluid Typography With the CSS “clamp()” Function (dai/sit)1,005
, , ,
Using Vite to Rebuild Local Dependencies in an npm Workspace (pro)1,004
, ,
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1,003
, ,
Taking Regular Screenshots of My Website (ale)1,002
, , , ,
The First Framework That Lets You Visualize Your React/Node.js App (hot/was)1,001
, , , ,
Images as the First Thing in a Button or Link (tem)1,000
, , , ,
How the Meaning of Colour Varies per Culture (bas/uxd)999
,
Comparing Full Stack and Headless CMS Platforms (sit)998
, , , ,
Reflecting on My Programming Career997
F-Shape Pattern and How Users Read (vit/sma)996
,
Notes on Quality (ele)995
, ,
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome (goo)994
, , , ,
Adding ESLint and Auto-Fixing an Existing TypeScript Project (dbl)993
, , ,
The Front End Developer/Engineer Handbook 2024 (cod/fro)992
, , , , ,
Latency Numbers Every Frontend Developer Should Know (cra/ver)991
, ,
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (eri/ren)990
, , ,
Your Page Can’t Change Media Features (kil)989
, , ,
Write Alt Text Like You’re Talking to a Friend (spa/clo)988
, ,
Using Legitimate GitHub URLs for Malware (sch)987
,
JavaScript Features That Most Developers Don’t Know (sha/git)986
,
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer (pri)985
,
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)984
,
Node.js Test Runner: A Beginner’s Guide (sta/bet)983
, ,
15 Essential UX Design Principles and Practices for Developers (ipr/uxm)982
, ,
State of Design Tokens 2024 (don+/sup)981
, , ,
3 Essential Design Trends, May 2024 (car/web)980
,
5 Hidden CSS Properties You Didn’t Know Existed979
Creating a UX Playbook for Onboarding Users to Your Product (uxm)978
, ,
The Slow Death of CSS Vendor Prefixes (oll)977
, ,
The Art of Design System Recipes (bra)976
,
What You Can Do as a Web Builder on Earth Day (aar)975
,
The Ultimate Collection of CSS-Only Shapes (css)974
,
3 Tips for Advanced Prototyping in Figma (nic/uxd)973
, ,
Detect JavaScript Support (fon/css)972
, , ,
Considerations for AI Opt-Out (mno)971
Make Product Design Great Again (mat/uxd)970
, ,
April 24 Is JS Naked Day (j9t)969
, , ,
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)968
, ,
Optimising React Apps967
,
Long Alt (aar)966
, , , , ,
Node.js Task Runner (yag)965
,
Detect JavaScript Support in CSS (hex)964
, , ,
Make Sure That Your Design System Is Accessible (cer)963
,
Design Systems and the Never-Ending Job of Buy In (pjo)962
, ,
Using “@ defer” Defer Views in Angular 17 (dan)961
, ,
Typography Variables in Figma Are Here (joe)960
, ,
Accessibility Overlays—Friend or Foe? (ohm+/int)959
, ,
How to Create CSS Utility Classes (fon/css)958
, ,
How to Work With GraphQL in WordPress in 2024 (los/sma)957
, ,
This Web of Ours, Revisited (zel)956
A Short Guide to Mastering Keyboard Shortcuts on GitHub (saa/git)955
, ,
Building a Culture of Accessibility (jon/tet)954
,
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)953
, , ,
Building an npm Package Compatible With ESM and CJS in 2024 (lir/sny)952
, , , ,
5 Tailwind CSS Anti-Patterns to Avoid (jon/ato)951
, , , ,
A Primer on the Cascade and Specificity (bel/pic)950
, , ,
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (ros/wom)949
,
What’s Going On in Dark Theme / Light Theme Land (chr/fro)948
, ,
The “Intl.Segmenter” Object Is Now Part of Baseline (rac/dev)947
, , ,
Angular’s New Signal Inputs (deb)946
, ,
Git Common Developer Pitfalls and Solutions (wom)945
The End of an Era: Women Who Code Closing (wom)944
Building a GitHub Activity Feed With Node.js and Socket.IO (je/kno)943
, ,
Property Hooks Are Coming in PHP 8.4 (ami)942
,
The Impact of Color Contrast on Accessibility (bar)941
, ,
How to Write World-Beating Web Content (web)940
, ,
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)939
, ,
Who Should Block AI Bots? (thc/moz)938
, ,
JavaScript Code Quality Tools: See Qodana in Action (qod)937
, , ,
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI (arc)936
, , , ,
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)935
, ,
12 Tips From a Mid-Level Developer (abb)934
,
How to Submit a Form in React Using FormData (wom)933
, ,
Displaying HTML Web Components (ada)932
,
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible?931
,
Webhooks and WebSockets (ric)930
,
AI Isn’t Useless—but Is It Worth It? (mol)929
,
We Need to Rewild the Internet (mar+/noe)928
, , , ,
The Invisible Seafaring Industry That Keeps the Internet Afloat (jos/ver)927
Electron 30.0.0 (kee/ele)926
,
The Right Code for Your Design System (emi/fig)925
,
The Biggest Lie in HTML (t3d)924
,
Hardest Problem in Computer Science: Centering Things (nik)923
, ,
Things That Can Break “aspect-ratio” in CSS (chr/fro)922
[pnpm] v9.0.0 (pnp)921
,
Making Disabled Buttons More Accessible (jsf)920
, , ,
The Making of a TypeScript Feature: Inferring Type Predicates (dan)919
Alternating Style Queries (kiz)918
, ,
Document Collaboration (With Comments!) (chr/fro)917
, , ,
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)916
, , ,
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)915
An Intro to Flexbox (cfe)914
, , ,
CSS in React Server Components (jos)913
, , , ,
Ethics in Times of Growth Design (cre)912
,
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)911
, , ,
ARIA in HTML (sco+/w3c)910
, , ,
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (rgi+/ope)909
,
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)908
, ,
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)907
, ,
Interview With Senior JS Developer 2024 (kai)906
, , , , , , ,
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)905
, , ,
Things You Should Do in Your Dev Journey904
Why Many Junior Developers Quit Programming (tip/git)903
,
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra/bra)902
,
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)901
, , , , , ,
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment) (joe/dev)900
, , , , , , , ,
Blockin’ Bots (bee)899
, , ,
Introducing JS Naked Day (mac)898
, , , ,
Naming Colors in Design Systems (ado)897
, ,
10 Things Software Developers Should Learn About Learning (abi)896
,
Monitoring BFCache Blocking Reasons (chr/mdn)895
, , ,
Sliding 3D Image Frames in CSS (css/sma)894
, ,
How Do Open Source Licenses Work? The Ultimate Guide (bca/the)893
, ,
How to Build a Reusable Grid System With CSS Grid (cfe)892
, , ,
Gap Is the New Margin (chr/fro)891
,