Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“concepts” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: learning (non-exhaustive) · “concepts” × ? · “concepts” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Introducing CAFE(S): A Framework for Defining AI Context Quality225
introductions, ai, quality
The Grand Unifying Architecture of Frontend (rya)224
architecture, frameworks, javascript
Props Are Not a Design System (vit)223
design-systems, props
The 3 Roles of Context for AI Agents (nng)222
ai-agents, ai
Inside a Software Factory (pau/ore)221
programming, ai, link-lists
Using AI as a Tool, Not a Person220
ai, processes
Rethinking Design Leadership With Swarms and Flocks (bre)219
design, leadership
What Is an AI Voice Agent?218
ai-agents, ai, voice
Scrum Isn’t for Stormtroopers217
scrum, agile, engineering-management, product-management
Code Coverage: How to Measure It, Understand the Metrics, and Improve Your Tests (jet)216
how-tos, code-coverage, qodana
The Future of the Website (joo)215
ai, user-conversion
Hardcore IndieWeb: Run Your Own Website 100% Independently for Only $0.01/day (nea)214
indieweb, blogging, economics
200 Milliseconds213
websites, http, tls, dns, network
Design Engineering212
design, programming, career
TanStack Start: A Mental Model for Next.js Developers (ad4)211
tanstack, nextjs
The Case for Design Disposables (nng)210
design, processes
What Is Content Engineering, and How Do You Do It? (lou/ahr)209
content, structured-data, ai, tooling
10 DevOps Concepts Every Programmer Should Know208
videos, dev-ops
The AI-Native Developer207
ai
Design Debt vs. Accessibility Debt: Why Fixing It Early Saves Millions (acc)206
accessibility, design, design-debt, comparisons, economics
Code Maintainability: What Is It and Why It’s Important (jet)205
maintainability
Stop Calling Everything “SRE”—Here’s What It Actually Means (hac)204
dev-ops
Cognitive Debt: The Hidden Risk in AI-Driven Software Development203
ai, cognitive-debt
Demystifying Block Formatting Contexts (ppk)202
css, overflow, floats
Claude Code and the Rise of Personal Software201
ai, claude
Accessibility Is Not a Feature, It’s Infrastructure200
accessibility
The Vertical Codebase (tkd)199
components, principles, monorepos
Agentic Engine Optimization (AEO) (add)198
ai, documentation, optimization, llmstxt, agentsmd
There Is a Growing Gap in Understanding of AI Capability (kar)197
ai
There Are Only Four Sensible Ways to Build a Website (jon)196
web-apps, ecommerce, static-site-generation, content-management, react, shopify, wordpress, drupal, typo3
From Rule, Spec, to Harness: A Phased Adoption Path for AI Coding195
translations, ai, processes
Adversarial AI: Understanding the Threats to Modern AI Systems (jet)194
ai, security
Applying Accessibility Fixes With Stealth for the Greater Good (stv/pic)193
accessibility, culture
The Web Development Glossary 4K (j9t/fro)192
books, frontend-dogma, learning, training, terminology
AI Is Creating a New Kind of Tech Debt—and Nobody Is Talking About It (har)191
ai, technical-debt, cognitive-debt
The Ultimate Design Maturity Guide for Tech Leaders190
guides, design, leadership, processes
Every UI/UX Concept Explained in Under 10 Minutes189
videos, design, user-experience
Comprehension Debt—the Hidden Cost of AI Generated Code (add)188
ai, cognitive-debt
AI Coding Fluency: From Tool Usage to Human–AI Collaboration in Software Engineering187
translations, ai, processes, collaboration
Statistical Significance Isn’t the Same as Practical Significance (nng)186
user-experience
A Framework for Working Smarter With AI Tools185
websites, ai, processes
What Is the IndieWeb? (bre)184
indieweb, terminology
How Fast Is Fast Enough? Rethinking Web Performance in Pragmagical Terms (tam/spe)183
performance, user-experience
Understanding Hydration in Frontend Frameworks: Definition, Challenges, and Optimization Strategies (ele/des)182
guest-posts, frameworks, hydration, optimization, strategies
Accessibility 101 and Core Concepts (kno)181
videos, accessibility, introductions
Beyond Compliance: 5 Surprising Ways the UVAC Framework Turns Accessibility Into a Brand Powerhouse (wil)180
accessibility, processes
TTFB Doesn’t Mean What You Think It Means (pro/per)179
performance, http
Common Misconceptions About Disability (tet)178
accessibility
Anchor Positioning and the Inset-Modified Containing Block (IMCB) (bra)177
css, anchor-positioning
What’s an Interactive Element? (mat)176
html, focus
What Is MCP? Model Context Protocol Explained175
videos, mcp, ai
Backend Concepts Every Experienced Developers Must Know174
network, concurrency, apis, databases, caching, scalability, security, observability, architecture
SEO, SEM, and GEO: Understanding the Differences and Opportunities173
seo, sem, aiso, ai, keywords, marketing, comparisons
Digital Accessibility Is a Journey, Not a Destination (dec)172
accessibility
Universal Design vs. Inclusive Design (ons/tpg)171
design, accessibility, dei, comparisons
Agent Experience (AX): The Concept of AI Agent Designing170
agent-experience, ai, principles
A Label and a Name Walk Into a Bar (ste)169
accessibility, labels, html, examples
The Real Problem With Technical Debt (and How to Actually Fix It) (kev)168
videos, technical-debt
How to Think Like a Front-End Architect (Not Just a Developer)167
how-tos, architecture, career
The Hovercar Framework for Deliberate Product Design (lea)166
product-management, design
AI’s Wedge in Software (hvp)165
ai, processes, programming
The Landing Zone164
viewport
Passkeys for Normal People (tro)163
security, authentication, passkeys, examples
What Is Semantic Caching?162
ai, performance, semantics, caching
What Is an Encryption Backdoor? (int)161
security, encryption, vulnerabilities
Why You Need to Know Your Site’s Performance Plateau (and How to Find It) (tam/spe)160
performance, metrics
Your AI UX Intern159
videos, ai, user-experience
When Do Retry, Backoff, and Jitter Work?158
dev-ops
JavaScript Basics for a Senior Dev157
fundamentals, javascript, examples
Explaining UX Design Through the Lens of Construction (uxm)156
user-experience, design, processes
System Design Roadmap for Beginners155
architecture, system-design
What Is Cloud Computing?154
cloud-computing, aws, azure, gcp
Introduction to Docker: Core Concepts153
introductions, docker, containerization, command-line
Prescriptive and Descriptive Information Architectures (jar)152
information-architecture
10 Backend Terms Every Frontend Developer Should Know151
terminology, architecture, performance
An Overview of the 50 Highest-Ranking Web Design and Development Glossaries (j9t)150
overviews, comparisons, terminology, link-lists
Concurrency vs. Parallelism149
programming, concurrency, comparisons
8 Most Important System Design Concepts You Should Know148
videos, architecture, system-design
Exploring the Core Concepts of Node.js Readable Streams (pav)147
nodejs, streaming
Recursion Explained in Simple Terms (tre)146
programming
10 Advanced TypeScript Concepts Every Developer Should Know145
typescript
What’s a Single-Page App? (jak)144
single-page-apps, multi-page-apps, server-side-rendering, client-side-rendering, frameworks, site-generators, comparisons
A Comprehensive Introduction to CI/CD Pipelines143
introductions, ci-cd, processes
10 JavaScript Concepts Every Node Developer Must Master142
javascript, nodejs
Understanding the Concept of Scoping in CSS141
css, scope
The Evolution of CSS: From Early Days to Flexbox and Grid (kev/thi)140
videos, css, history, principles
What’s the Difference Between Information Architecture and Content Strategy? (jar)139
content, content-strategy, information-architecture, terminology, comparisons
What Does Hydration Mean? (chr/fro)138
hydration, javascript, html, dom
Dev Encyclopedia137
websites, terminology, learning
AT Is More Than Screen Readers (aar)136
accessibility, assistive-tech, screen-readers, terminology
Macro vs. Micro Conversions (nng)135
user-conversion, comparisons
Content Strategy vs. UX Writing (nng)134
content, content-strategy, writing, user-experience, comparisons
Progressive Web Apps (PWA): A Comprehensive Guide133
guides, web-apps, progressive-web-apps
Agile Is Not… Agile Is…132
agile
Concept131
design
Difference Between Docker, Kubernetes, and Podman for System Design Interview?130
docker, kubernetes, podman, architecture, system-design, interviewing
Design Systems vs. Style Guides (nng)129
design-systems, style-guides, comparisons, design, documentation, terminology
Websites Are Not Books (ons)128
terminology
What Is UX (Not)? (nng)127
videos, user-experience
The 7 Most Useful Web Design and Web Development Glossaries (apo)126
terminology, link-lists
A to Z of Assistive Technology for Reading Digital Text125
accessibility, browsers, assistive-tech, readability
The Front End Developer/Engineer Handbook 2024 (fro)124
overviews, career, learning, tech-stacks, terminology
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer123
ci-cd
What Is Whitespace? (nng)122
videos, whitespace, design, terminology
10 Must Know System Design Concepts for Interviews121
interviewing, architecture, system-design, scalability
CORS Finally Explained—Simply120
security, csrf, cors
The Box Model and Box Sizing (bel/pic)119
css, box-model
Every React Concept Explained in 12 Minutes118
videos, react
IDEs vs. Code Editors: Everything You Need to Know (jet)117
code-editors, comparisons
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)116
git, comparisons
The Website vs. Web App Dichotomy Doesn’t Exist (jak)115
terminology, comparisons
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)114
interviewing, javascript, career, terminology
A Guide to Low-Code No-Code in Software Development113
guides, low-and-no-code
Stacked Diffs (and Why You Should Know About Them) (ger)112
version-control, code-reviews, google, facebook+meta
Images on the Web111
images, compression, jpeg, png, webp, avif, nextjs
What Is Functional Testing? Definition, Key Concepts, and Types110
testing, terminology
WebGlossary.info (j9t)109
websites, learning, training, terminology
The Web Development Glossary 3K (j9t/fro)108
books, frontend-dogma, learning, training, terminology
And 4 More HTML Concepts You Didn’t Know (j9t)107
html, web-components
Git Concepts Everyone Should Know (fra)106
git
What Is Personalization?105
personalization
All About the Semantic Web104
semantic-web
What Are User Permissions? Concepts, Examples, and Maintenance103
permissions, authorization, examples
What Is Hoisting in JavaScript? (fro)102
javascript, scope
Avoiding the Success Trap: Toward Policy for Open-Source Software as Infrastructure (atl)101
foss, security, infrastructure, policies
Concepts Behind Modern Frameworks100
frameworks
4 More HTML Concepts You Didn’t Know (j9t)99
html, forms, focus
Git Cheat Sheet With 40+ Commands and Concepts98
git, cheat-sheets
What Is Data Engineering? (ger)97
data-engineering
Wtf Is an Island and Why Is It in My Website?96
frameworks, html, architecture
What Is HCI (Human–Computer Interaction)? Meaning, Importance, Examples, and Goals95
hci, examples
Web Applications 101 (rwi)94
web-apps
Low-Code No-Code Web Development, Explained93
low-and-no-code
33 JavaScript Concepts Every Developer Should Know92
javascript
What Is Platform Engineering?91
platform-engineering
4 HTML Concepts You Didn’t Know (j9t)90
html, tables
What Is Micro-Content?89
microcontent, content
Essential Concepts in JS88
javascript
HTTP/3 From A to Z: Core Concepts (pro/sma)87
http, protocols
What Is SEM Positioning? Definition, Advantages, and Characteristics86
sem
Journey of a Web Page—How Browsers Work85
browsers
ISR vs. DPR: Big Words, Quick Explanation (cas/sma)84
incremental-static-regeneration, rendering, terminology
What Is Tree Shaking? (cfe)83
javascript, performance, tree-shaking
A Beginner’s Guide to Load Balancing (osd)82
guides, load-balancing, edge-computing
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)81
career
A General Introduction to Cloud Computing (dig)80
introductions, cloud-computing, history
Work on What Matters (let)79
career, prioritization, processes
Adversarial Interoperability (plu)78
interoperability, terminology, link-lists
Islands Architecture77
architecture, html
A Beginner’s Guide to Microcontent76
guides, content, microcontent
What Is Type Coercion in JavaScript ?75
javascript, operators
The Web Development Glossary (j9t/fro)74
books, frontend-dogma, learning, training, terminology
What Is Git?73
git
What Is Memoization?72
memoization, javascript
The Three Types of Code (fon/css)71
programming
What SSL Is, and Which Certificate Type Is Right for You70
ssl, certificates, security, privacy
There Is No Design System (jin/24w)69
design-systems
What Is Functional Programming?68
programming
Deeply Understand Currying in 7 Minutes67
programming
Technical Debt (mfo)66
technical-debt
What Are Design Tokens? (fon/css)65
design-tokens, design-systems
What Is Serverless? (fla)64
serverless, lambda, gcp, azure
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)63
css, best-practices, principles, comparisons
Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (jia)62
interaction-design, user-experience, hci, terminology, comparisons
Two Paradigms of Web Development (j9t)61
best-practices, principles, comparisons
What’s a Transducer? (rag)60
programming, javascript, functions
Let’s Define Exactly What Atomic CSS Is (joh/css)59
atomic-css, presentational-html, examples, link-lists
“Serverless” (chr/css)58
serverless
What Is a Web Developer? (ppk)57
career
Understanding the CSS Property Value Syntax (rus/sma)56
css, standards
Web Designers, Can You Speak Web?55
html, css, design, browsers, link-lists
What Is a Headless CMS? (chr/css)54
content-management, headless, terminology
Defining and Dealing With Technical Debt (geo/css)53
technical-debt, maintainability, documentation, style-guides, code-reviews
Understanding Block Formatting Contexts in CSS52
css
What Is the Web? (mno)51
web, web-platform, standards
On Web Documents and Web Apps (j9t)50
terminology, comparisons
All Code Is Not Equal: On Research and Production Code (j9t)49
terminology, comparisons
Responsive Web Design—Defining the Damn Thing (mar)48
responsive-design
Linked Data Glossary (w3c)47
structured-data, semantic-web, terminology
QA and UX (nng)46
quality, user-experience
Why Quality Impacts Your Bottom Line45
quality, economics
Understanding Technical Debt (nza)44
technical-debt, quality
Modern Version Control With Git (tob/sma)43
version-control, git
What Is Cross Site Scripting or XSS? (chr/css)42
xss, javascript, security
What’s a Web Browser? (nza)41
browsers
Why Your Website Is More Valuable Than Facebook40
social-media, blogging, content-management
The 7 Components of Design39
design
Progressive Enhancement: What It Is, and How to Use It? (sma)38
progressive-enhancement
CSS Is Like… (chr/css)37
css
Understanding Progressive Enhancement (aar/ali)36
progressive-enhancement, graceful-degradation
Just What Is the Open Web? (cat)35
open-web, web-platform, foss
What Is the Open Web and Why Is It Important? (bra)34
open-web
How I Explained Web Services Policy to My Child (w3c)33
web-services
Primary and Secondary Actions in Web Forms32
forms, buttons, usability
Graceful Degradation and Progressive Enhancement31
graceful-degradation, progressive-enhancement, comparisons
PPK on JavaScript: The DOM (ppk)30
javascript, dom
How I Explained ITS to My Child (w3c)29
localization, xml, ruby-markup
Dvorak and CSS28
css
The Need for Accessibility27
accessibility
What Is Accessibility? (rob)26
accessibility
This Is Accessible (gez)25
accessibility
Accessibility Is Just Another Language24
accessibility, legal, localization, html
What Is Web 2.0 (tim/ore)23
web, web-2.0, terminology, comparisons
Navigation—Our Visitors’ Travel Guide22
navigation, information-architecture, usability
Microformats (mic)21
microformats, principles, html, xhtml
What Are Microformats20
microformats
Understanding Usability19
usability
Color for Coders—Color and Design for the Non-Designer18
colors, design
Mastery, Mystery, and Misery: The Ideologies of Web Design (nng)17
design, user-experience
Web Applications, Promise or Hype? (ppk)16
web-apps, dhtml
What Is an Accessible Website? An Answer in the Form of a Diagram15
accessibility
Presentational JavaScript14
javascript, css
Usability 101 (nng)13
introductions, usability
Usability 101: Satisfaction12
usability, design
Usability 101: Learnability11
introductions, usability
The Structure of Content and Metadata10
content, metadata
The Anatomy of a Stylesheet (sim)9
css, selectors
What Is Liquid Design?8
liquid-design, design
XML Glossary7
xml, java, terminology, link-lists
What Is an Accessible Website?6
accessibility
Further Extending the Elements (pet)5
user-experience, information-architecture
The Semantic Web (tim+)4
semantic-web
All About Web Coding: Techspeak and Front-End Development Demystified3
terminology
Graceful Degradation2
graceful-degradation, forms, javascript
Nesting1
html, nesting