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 🇵🇸 Protest, boycott, ostracize. Hide

Frontend Dogma

“2021” News Archive (4)

Entry (Sources) and Other Related TopicsDate#
The Dilemma of Naming Font Size Variables (css)345
, ,
The Anatomy of a Web Page: 14 Basic Elements344
, , , , , , ,
How to Use “Promise.all()”343
, ,
How Does Node.js Load Its Built-In/Native Modules?342
, ,
Build a Website With React and Tailwind CSS341
,
Using HSL Colors in CSS (sha/sma)340
,
Feature Checklists Are Not Enough: How to Avoid Making Bad Software339
, , ,
Basics of JavaScript Test Driven Development (TDD) With Jest338
, , ,
Where Did This Interaction Come From?—A Brief History of Interaction Design (uxd)337
,
“export default thing” Is Different to “export { thing as default }” (jaf)336
Short Note on Skip Links With Sticky Headers335
, ,
Evaluating Color and Contrast—How Hard Can It Be? (web)334
, ,
Towards Richer Colors on the Web333
,
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)332
,
Accessibility and SEO331
, ,
When a Click Is Not Just a Click (css)330
The State of Web Workers in 2021 (sur/sma)329
,
The Internet Is Rotting328
,
How We Built React Components for Any Front End327
, ,
Encoding Data for POST Requests (jaf)326
, ,
Detecting Hover-Capable Devices (mic)325
Colorblind Accessibility Manifesto324
, , , , ,
9 Tips to Help You Ace a Whiteboard Interview323
, ,
5 Hidden Mistakes That Can Ruin a Developer’s Career322
,
10 Figma Best Practices to 10× Your Workflow (uxd)321
, , ,
Use the “i” Element, and Use It Appropriately (j9t)320
,
Introducing GitHub Copilot: Your AI Pair Programmer (git)319
, , , ,
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)318
, ,
The Most Popular Design Thinking Strategy Is BS317
,
Screen Readers: Hearing the Unseen316
,
Resource Inlining in JavaScript Frameworks (mge/dev)315
, , ,
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)314
, ,
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)313
, , ,
Code Reusability Patterns for Next.js312
, ,
My Journey From a Novice to a Front-End Engineer311
I Regret Being a Hipster in Tech310
Creating a Multi-Author Blog With Next.js (dom/sma)309
,
All You Need Is 5 Fonts (uxd)308
, ,
Using CSS to Enforce Accessibility (aar)307
,
JavaScript Frameworks and the Lost Art of HTML (deq)306
, ,
Debugging JavaScript and Front-End305
, ,
Container Queries and the Future of CSS (mia)304
, ,
Building a Responsive Layout With CSS Grid and Container Queries (5t3)303
, , , , ,
The True Cost of a Redesign (uxd)302
,
React Architecture: How to Structure and Organize a React Application301
, ,
No Code Reviews by Default300
Making the Web—Faster (rau)299
, , ,
Beyond Basic Alt Text—Charts, Maps, and Diagrams298
, , ,
Accessibility in React297
,
What’s New in ES2021296
, ,
What Is QUIC Protocol: Everything That You Should Know295
,
Sorting Colors in JavaScript294
, ,
RenderingNG (chr/dev)293
, , , , ,
Demystifying Styled Components (jos)292
, ,
Custom Scrollbars in CSS (sha)291
Craft Good Questions for Usability Tests (uxd)290
,
A Framework for Building Open Graph Images (git)289
,
Blogged Answers: The Evolution of Redux Testing Approaches288
, , ,
Organize Your CSS Declarations Alphabetically (eri)287
, ,
Keeping It Consistent: Design Tokens (uxd)286
, ,
How to Use Dynamic Imports in JavaScript285
,
Ultimate Guide to Color in UX/UI Design284
, , ,
Updating a 25-Year-Old Website (sto)283
Client-Side Routing in Next.js (sma)282
,
Your Image Is Probably Not Decorative (eri/sma)281
, , ,
Web Audio API (pad/w3c)280
, ,
Optical Size, the Hidden Superpower of Variable Fonts (pix)279
, , ,
OMG, SVG Favicons FTW!278
, , ,
How Apple Changed the Way We Navigate—Forever (uxd)277
, ,
Shut Up, Old Man… (cod)276
NPM Global Audit275
, , , ,
A Complete Guide to Accessibility Tooling (nic/sma)274
, ,
A Complete Guide to Accessibility Tooling (nic/sma)273
, , ,
Understanding and Preventing Common Security Vulnerabilities272
,
Everyday Accessibility271
Dart Basics270
, ,
Regular Expressions (RegEx) in Google Search Console269
, ,
Provided “As Is,” Without Warranty of Any Kind (sir)268
, ,
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)267
, ,
The Art of Frontend Engineering266
Serving Sharp Images to High Density Screens (jaf)265
,
React Cheat Sheet (Updated June 2021)264
,
Half the Size of Images by Optimising for High Density Displays (jaf)263
, ,
How to Center Anything in CSS Using Flexbox and Grid (fre)262
, , , ,
Adding Shadows to SVG Icons With CSS and SVG Filters (css)261
, , , , , ,
The Ultimate CSS Flexbox Cheat Sheet With Examples260
, , , ,
Let’s Learn About Aspect Ratio in CSS (sha)259
,
Why Validate? (j9t)258
, , , ,
What Is Prisma and Why Do We Need Another ORM? (nea)257
, ,
Tips for Real-World Alpine.js (cod)256
,
The Simplicity of Svelte255
, ,
Ready-Made Counter Styles (ri/w3c)254
,
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (uxd)253
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)252
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)251
Building a Color Scheme (arg/dev)250
, , ,
An Interactive Guide to CSS Transitions (jos)249
, ,
Towards a Common Vision for Browser Extensions248
,
Reasons Why Bugs Might Feel “Impossible”247
,
Improving the UX of Your Design System246
, ,
Component-Specific Design Tokens (clo)245
,
10 Postman Features Everyone Should Know (get)244
Vue.js vs. React—Not Your Usual Comparison243
, , ,
Using AVIF to Compress Images on Your Site (dev)242
, , ,
The Dark Side of Notepad++ : v8241
,
What Can the HTTP Archive Tell Us About Largest Contentful Paint?240
Extracts From a Private Q&A Retrospective About the WHATWG239
,
An Accessibility Strategy238
,
Accessible Overflow237
, , ,
A Comprehensive Guide to Vue Slots236
,
10 Utility Functions for Working With Objects in JavaScript235
, ,
A Little Book of Accessibility234
JavaScript: Debouncing and Throttling233
, ,
Open Source Insights232
, , , ,
Managing Shared State in Vue 3 (wil/sma)231
,
How to Redirect HTTP to HTTPS (sem)230
, , , , , , , , , ,
Getting Started With a Kanban Board: 6 Tips for Productive Work229
, , , ,
CSS System Colors (jim)228
,
Best Practices for Fonts (tun/dev)227
, ,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)226
, ,
CSS for Web Vitals (una/dev)225
, ,
Looking Fine With Firefox 89 (chr)224
, , ,
The Hidden World of “aria-hidden” (ste)223
, , ,
Embracing Design Constraints (aar)222
Thoughts for the Aging Web Developer (j9t)221
Why Accessibility Overlays Hurt More Than Help (dbo/uxd)220
,
Elasticsearch Boolean Query Performance (ast)219
, ,
Disabling a Link (sco)218
, ,
What Makes a Great Component Library?217
,
How to Build an Image Comparison Slider216
, , ,
Geolocation API (mar/w3c)215
, ,
Writing Better Regular Expressions in PHP214
, ,
History of Web Browser Engines From 1990 Until Today213
, , , , , , , , , ,
A Thorough Analysis of CSS-in-JS (css)212
, ,
Accessible Web Forms211
, ,
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)210
, , ,
A Beginner’s Guide to Vue 3209
,
Your Design System Is Actually a Product—Treat It Like One (uxd)208
25 Years of CSS (mey)207
,
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)206
,
Access Guide205
, ,
Svelte for the Experienced React Dev (ada/css)204
,
Professional Development Is a Choice203
, ,
How to Implement Authentication in Next.js With Auth0 (fgi/sma)202
, , , ,
A11y Audit Bookmarklets (llo)201
, , ,
Useful and Useless Code Comments (jim)200
,
The New Responsive: Web Design in a Component-Driven World (una/dev)199
, ,
How to Name Your Design System198
, ,
Don’t Overabstract Your Components197
, ,
Dark Patterns Tip Line196
, ,
WebGPU (kai/w3c)195
,
We Need to Talk About WCAG194
,
Learn CSS (bel/dev)193
,
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t)192
, , , , ,
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)191
, , ,
The Button Cheat Sheet (mat)190
,
Container Queries in Web Components189
, ,
Tree-Shaking: A Reference Guide (ati/sma)188
, , , ,
Create Scripts in JavaScript With zx187
, ,
Upgrade Your HTML III (j9t/fro)186
, , , , ,
JPEG XL185
, ,
Can I “:has()” (bka)184
, ,
Making Disabled Buttons More Inclusive (san/css)183
,
Building a React Design System for Adoption and Scale182
,
A Complete Guide to Grid (css)181
, , ,
Web Application Development: The Ultimate Guide (2021)180
,
Rethinking Component Libraries179
Meet zx: A Better Way to Write Scripts With Node.js178
,
Introduction to Using Dart in Flutter (log)177
, ,
Everything You Need to Know About A/B Testing176
, ,
A Primer on CSS Container Queries (5t3/sma)175
, ,
Introduction to HTTP Cookies174
, ,
How to Satisfy User Intent When Considering Search vs. Browse173
, , , ,
Custom Attributes Are Fast Good and Cheap172
, ,
Reducing HTML Payload With Next.js (Case Study) (sma)171
, , ,
Overreliance on Overlays Is Counter to Enculturation of Accessibility170
,
Is Vendor Prefixing Dead? (css)169
,
Checking “Under the Hood” of Code (jay)168
, , , , , , ,
Auditing Design Systems for Accessibility (deq)167
, , ,
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)166
, , ,
The Evolution of Jamstack (bii/sma)165
, ,
4 Soft Skills Every Designer Should Aspire to Learn (uxm)164
,
Understanding Design Systems—Designing Component APIs163
, ,
Immersive Content Strategy (ali)162
, ,
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)161
, ,
Better Onboarding: How to Prevent Codebase Overwhelm160
,
Understanding the New Reactivity System in Vue 3159
,
Level Up Your Team Workflows With These Kanban Board Best Practices158
, ,
A Complete Guide to Custom Properties (chr/css)157
, , ,
Goodnight Polymer Project156
, ,
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit155
, , , ,
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)154
, , ,
Cache Busting in Eleventy (bni)153
,
21 Best Practices for a Clean React Project152
, ,
Do You Need to Localize Your Website? (ali)151
, ,
Engineer to Engineer: Don’t Be Afraid to Rock the Boat150
,
An Introduction to Performance Budgets149
, , ,
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (sma)148
, ,
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling147
Making GraphQL Work in WordPress (sma)146
,
Intrinsic Typography Is the Future of Styling Text on the Web (css)145
,
What Is Vite? An Overview of the New Front-End Build Tool (tim)144
, , ,
How Artificial Intelligence Is Impacting UX Design (uxm)143
, ,
Five Reasons Your First Design System Will Fail142
What Is DevOps? A Comprehensive Introduction141
,
CSS Hell140
,
Content-Aware Image Resizing in JavaScript139
, ,
A Beginner’s Guide to Load Balancing (osd)138
, , ,
Overflow Issues in CSS (sha/sma)137
, , , , ,
The 5 Most Popular Front-End Frameworks Compared136
, , , , , ,
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)135
, , ,
Fifteen Design Trends From an Accessibility Perspective134
, ,
Web Developer’s Guide to AVIF Images133
, ,
Variable Scope, Lexical Scope, and Code Blocks in JavaScript132
,
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know131
,
Understanding Logical Focus Order130
, ,
9 Principles of Good Web Design129
, , , , , , ,
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)128
, , ,
Comparing the New Generation of Build Tools (css)127
, , ,
Write a Plugin for Tailwind CSS126
,
Sticky Headers: 5 Ways to Make Them Better125
, ,
How Modernizr Can Help You Implement CSS Fallbacks (kar)124
,
Getting Started With Preact123
,
Building an Accessibility Library122
,
Defining a Strategy for Accessibility (cra)121
,
Using Design Tokens to Accelerate Design Systems120
, ,
Sentence Case Versus Title Case (tem)119
, ,
Code in Quarantine (j9t)118
,
How to Build a Developer Blog With Gatsby and MDX117
, , , ,
5 Things I’m Thinking About When I Check a Pull Request for Accessibility116
,
Primitive Values, Objects, and References in JavaScript Made Simple115
,
Why Should We Care About Developer Experience (DX)114
Reactivity in Vue (sma)113
,
Not Your Typical Horizontal Rules (sar)112
,
Human-Readable JavaScript: A Tale of Two Experts (ali)111
,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)110
, , , , , ,
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)109
,
Why Skip-Links Are Important for Accessibility (dev)108
,
How to Build a Great Developer Experience107
,
Taming Blend Modes: “difference” and “exclusion” (ana/css)106
,
Getting Started With Alpine.js—the Ultimate Guide105
, ,
A Complete Guide to Accessible Front-End Components (vit/sma)104
, , , , , , , ,
Git Maintenance (bku)103
,
What Is esbuild?102
,
React vs. Vue in 2021: Best JavaScript Framework101
, , ,
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations100
, ,
Now That’s What I Call Service Worker (mal/ali)99
, ,
Why Your Website Should Work Without JavaScript98
, , ,
What’s New in Flutter 2? (sma)97
,
How I’m Dealing With Font Sizes (geo)96
,