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 and divest. Hide

Frontend Dogma

“2021” News Archive (4)

Entry (Sources) and Other Related TopicsDate#
How to Use “Promise.all()”339
, ,
Build a Website With React and Tailwind CSS338
,
Using HSL Colors in CSS (sha/sma)337
,
Where Did This Interaction Come From?—A Brief History of Interaction Design (uxd)336
,
Basics of JavaScript Test Driven Development (TDD) With Jest335
, , ,
Feature Checklists Are Not Enough: How to Avoid Making Bad Software334
, , ,
“export default thing” Is Different to “export { thing as default }” (jaf)333
Short Note on Skip Links With Sticky Headers332
, ,
Evaluating Color and Contrast—How Hard Can It Be? (web)331
, ,
Accessibility and SEO330
, ,
Towards Richer Colors on the Web329
,
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)328
,
Colorblind Accessibility Manifesto327
, , , , ,
9 Tips to Help You Ace a Whiteboard Interview326
, ,
5 Hidden Mistakes That Can Ruin a Developer’s Career325
,
How We Built React Components for Any Front End324
, ,
The Internet Is Rotting323
,
10 Figma Best Practices to 10× Your Workflow (uxd)322
, , ,
Detecting Hover-Capable Devices (mic)321
When a Click Is Not Just a Click (css)320
The State of Web Workers in 2021 (sur/sma)319
,
Encoding Data for POST Requests (jaf)318
, ,
Use the “i” Element, and Use It Appropriately (j9t)317
,
Introducing GitHub Copilot: Your AI Pair Programmer (git)316
, , , ,
Code Reusability Patterns for Next.js315
, ,
Screen Readers: Hearing the Unseen314
,
The Most Popular Design Thinking Strategy Is BS313
,
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)312
, ,
Resource Inlining in JavaScript Frameworks (mge/dev)311
, , ,
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)310
, ,
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)309
, , ,
I Regret Being a Hipster in Tech308
My Journey From a Novice to a Front-End Engineer307
All You Need Is 5 Fonts (uxd)306
, ,
Creating a Multi-Author Blog With Next.js (dom/sma)305
,
JavaScript Frameworks and the Lost Art of HTML (deq)304
, ,
Debugging JavaScript and Front-End303
, ,
Container Queries and the Future of CSS (mia)302
, ,
Building a Responsive Layout With CSS Grid and Container Queries (5t3)301
, , , , ,
Using CSS to Enforce Accessibility (aar)300
,
The True Cost of a Redesign (uxd)299
,
Accessibility in React298
,
No Code Reviews by Default297
Beyond Basic Alt Text—Charts, Maps, and Diagrams296
, , ,
React Architecture: How to Structure and Organize a React Application295
, ,
Making the Web—Faster (rau)294
, , ,
What Is QUIC Protocol: Everything That You Should Know293
,
What’s New in ES2021292
, ,
A Framework for Building Open Graph Images (git)291
,
Sorting Colors in JavaScript290
, ,
RenderingNG (chr/dev)289
, , , , ,
Demystifying Styled Components (jos)288
, ,
Custom Scrollbars in CSS (sha)287
Craft Good Questions for Usability Tests (uxd)286
,
Keeping It Consistent: Design Tokens (uxd)285
, ,
How to Use Dynamic Imports in JavaScript284
,
Blogged Answers: The Evolution of Redux Testing Approaches283
, , ,
Organize Your CSS Declarations Alphabetically (eri)282
, ,
Ultimate Guide to Color in UX/UI Design281
, , ,
Updating a 25-Year-Old Website (sto)280
Client-Side Routing in Next.js (sma)279
,
How Apple Changed the Way We Navigate—Forever (uxd)278
, ,
Web Audio API (pad/w3c)277
, ,
OMG, SVG Favicons FTW!276
, , ,
Your Image Is Probably Not Decorative (eri/sma)275
, , ,
Optical Size, the Hidden Superpower of Variable Fonts (pix)274
, , ,
A Complete Guide to Accessibility Tooling (nic/sma)273
, ,
A Complete Guide to Accessibility Tooling (nic/sma)272
, , ,
Shut Up, Old Man… (cod)271
NPM Global Audit270
, , , ,
Dart Basics269
, ,
Understanding and Preventing Common Security Vulnerabilities268
,
Everyday Accessibility267
Regular Expressions (RegEx) in Google Search Console266
, ,
Provided “As Is,” Without Warranty of Any Kind (sir)265
, ,
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)264
, ,
Adding Shadows to SVG Icons With CSS and SVG Filters (css)263
, , , , , ,
How to Center Anything in CSS Using Flexbox and Grid (fre)262
, , , ,
React Cheat Sheet (Updated June 2021)261
,
The Art of Frontend Engineering260
Serving Sharp Images to High Density Screens (jaf)259
,
Half the Size of Images by Optimising for High Density Displays (jaf)258
, ,
Let’s Learn About Aspect Ratio in CSS (sha)257
,
The Ultimate CSS Flexbox Cheat Sheet With Examples256
, , , ,
Tips for Real-World Alpine.js (cod)255
,
Why Validate? (j9t)254
, , , ,
What Is Prisma and Why Do We Need Another ORM? (nea)253
, ,
The Simplicity of Svelte252
, ,
Ready-Made Counter Styles (ri/w3c)251
,
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (uxd)250
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)249
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)248
Building a Color Scheme (arg/dev)247
, , ,
An Interactive Guide to CSS Transitions (jos)246
, ,
10 Postman Features Everyone Should Know (get)245
Towards a Common Vision for Browser Extensions244
,
Improving the UX of Your Design System243
, ,
Reasons Why Bugs Might Feel “Impossible”242
,
Component-Specific Design Tokens (clo)241
,
A Comprehensive Guide to Vue Slots240
,
The Dark Side of Notepad++ : v8239
,
Accessible Overflow238
, , ,
Using AVIF to Compress Images on Your Site (dev)237
, , ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint?236
Extracts From a Private Q&A Retrospective About the WHATWG235
,
An Accessibility Strategy234
,
Vue.js vs. React—Not Your Usual Comparison233
, , ,
10 Utility Functions for Working With Objects in JavaScript232
, ,
A Little Book of Accessibility231
JavaScript: Debouncing and Throttling230
, ,
Best Practices for Fonts (tun/dev)229
, ,
Getting Started With a Kanban Board: 6 Tips for Productive Work228
, , , ,
Open Source Insights227
, , , ,
Managing Shared State in Vue 3 (wil/sma)226
,
How to Redirect HTTP to HTTPS (sem)225
, , , , , , , , , ,
CSS System Colors (jim)224
,
CSS for Web Vitals (una/dev)223
, ,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)222
, ,
Looking Fine With Firefox 89 (chr)221
, , ,
The Hidden World of “aria-hidden” (ste)220
, , ,
Thoughts for the Aging Web Developer (j9t)219
Embracing Design Constraints (aar)218
Why Accessibility Overlays Hurt More Than Help (dbo/uxd)217
,
Disabling a Link (sco)216
, ,
How to Build an Image Comparison Slider215
, , ,
What Makes a Great Component Library?214
,
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)213
, , ,
History of Web Browser Engines From 1990 Until Today212
, , , , , , , , , ,
A Beginner’s Guide to Vue 3211
,
Writing Better Regular Expressions in PHP210
, ,
A Thorough Analysis of CSS-in-JS (css)209
, ,
Accessible Web Forms208
, ,
Your Design System Is Actually a Product—Treat It Like One (uxd)207
25 Years of CSS (mey)206
,
Access Guide205
, ,
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)204
,
Svelte for the Experienced React Dev (ada/css)203
,
How to Implement Authentication in Next.js With Auth0 (fgi/sma)202
, , , ,
Professional Development Is a Choice201
, ,
A11y Audit Bookmarklets (llo)200
, , ,
How to Name Your Design System199
, ,
Don’t Overabstract Your Components198
, ,
Dark Patterns Tip Line197
, ,
Useful and Useless Code Comments (jim)196
,
The New Responsive: Web Design in a Component-Driven World (una/dev)195
, ,
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t)194
, , , , ,
We Need to Talk About WCAG193
,
WebGPU (kai/w3c)192
,
Learn CSS (bel/dev)191
,
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)190
, , ,
The Button Cheat Sheet (mat)189
,
Container Queries in Web Components188
, ,
Create Scripts in JavaScript With zx187
, ,
Tree-Shaking: A Reference Guide (ati/sma)186
, , , ,
Upgrade Your HTML III (j9t/fro)185
, , , , ,
JPEG XL184
, ,
Can I “:has()” (bka)183
, ,
A Complete Guide to Grid (css)182
, , ,
Building a React Design System for Adoption and Scale181
,
Making Disabled Buttons More Inclusive (san/css)180
,
Web Application Development: The Ultimate Guide (2021)179
,
Introduction to Using Dart in Flutter (log)178
, ,
Everything You Need to Know About A/B Testing177
, ,
Meet zx: A Better Way to Write Scripts With Node.js176
,
Rethinking Component Libraries175
A Primer on CSS Container Queries (5t3/sma)174
, ,
Introduction to HTTP Cookies173
, ,
Custom Attributes Are Fast Good and Cheap172
, ,
How to Satisfy User Intent When Considering Search vs. Browse171
, , , ,
Overreliance on Overlays Is Counter to Enculturation of Accessibility170
,
Reducing HTML Payload With Next.js (Case Study) (sma)169
, , ,
Is Vendor Prefixing Dead? (css)168
,
Auditing Design Systems for Accessibility (deq)167
, , ,
Checking “Under the Hood” of Code (jay)166
, , , , , , ,
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)165
, , ,
The Evolution of Jamstack (bii/sma)164
, ,
4 Soft Skills Every Designer Should Aspire to Learn (uxm)163
,
Immersive Content Strategy (ali)162
, ,
Understanding Design Systems—Designing Component APIs161
, ,
Better Onboarding: How to Prevent Codebase Overwhelm160
,
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)159
, ,
Understanding the New Reactivity System in Vue 3158
,
Level Up Your Team Workflows With These Kanban Board Best Practices157
, ,
A Complete Guide to Custom Properties (chr/css)156
, , ,
Goodnight Polymer Project155
, ,
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit154
, , , ,
21 Best Practices for a Clean React Project153
, ,
Cache Busting in Eleventy (bni)152
,
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)151
, , ,
Do You Need to Localize Your Website? (ali)150
, ,
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling149
An Introduction to Performance Budgets148
, , ,
Engineer to Engineer: Don’t Be Afraid to Rock the Boat147
,
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (sma)146
, ,
Intrinsic Typography Is the Future of Styling Text on the Web (css)145
,
Making GraphQL Work in WordPress (sma)144
,
What Is Vite? An Overview of the New Front-End Build Tool (tim)143
, , ,
How Artificial Intelligence Is Impacting UX Design (uxm)142
, ,
Five Reasons Your First Design System Will Fail141
Content-Aware Image Resizing in JavaScript140
, ,
CSS Hell139
,
What Is DevOps? A Comprehensive Introduction138
,
A Beginner’s Guide to Load Balancing (osd)137
, , ,
Overflow Issues in CSS (sha/sma)136
, , , , ,
Fifteen Design Trends From an Accessibility Perspective135
, ,
The 5 Most Popular Front-End Frameworks Compared134
, , , , , ,
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)133
, , ,
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know132
,
Variable Scope, Lexical Scope, and Code Blocks in JavaScript131
,
Web Developer’s Guide to AVIF Images130
, ,
Understanding Logical Focus Order129
, ,
9 Principles of Good Web Design128
, , , , , , ,
Comparing the New Generation of Build Tools (css)127
, , ,
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)126
, , ,
Write a Plugin for Tailwind CSS125
,
Sticky Headers: 5 Ways to Make Them Better124
, ,
How Modernizr Can Help You Implement CSS Fallbacks (kar)123
,
Getting Started With Preact122
,
Building an Accessibility Library121
,
Defining a Strategy for Accessibility (cra)120
,
Code in Quarantine (j9t)119
,
Using Design Tokens to Accelerate Design Systems118
, ,
Sentence Case Versus Title Case (tem)117
, ,
How to Build a Developer Blog With Gatsby and MDX116
, , , ,
5 Things I’m Thinking About When I Check a Pull Request for Accessibility115
,
Primitive Values, Objects, and References in JavaScript Made Simple114
,
Why Should We Care About Developer Experience (DX)113
Human-Readable JavaScript: A Tale of Two Experts (ali)112
,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)111
, , , , , ,
Reactivity in Vue (sma)110
,
Not Your Typical Horizontal Rules (sar)109
,
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)108
,
Why Skip-Links Are Important for Accessibility (dev)107
,
How to Build a Great Developer Experience106
,
Getting Started With Alpine.js—the Ultimate Guide105
, ,
Taming Blend Modes: “difference” and “exclusion” (ana/css)104
,
A Complete Guide to Accessible Front-End Components (vit/sma)103
, , , , , , , ,
Git Maintenance (bku)102
,
React vs. Vue in 2021: Best JavaScript Framework101
, , ,
What Is esbuild?100
,
Now That’s What I Call Service Worker (mal/ali)99
, ,
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations98
, ,
What’s New in Flutter 2? (sma)97
,
Why Your Website Should Work Without JavaScript96
, , ,
The 5-Hour CDN (fly)95
,
What Is the JavaScript Internationalization API (I18N)? (cra)94
, ,
Getting Started With Git—a Simple Beginner’s Guide (kev)93
, , ,
What Is Laravel? A Simple Explanation for Beginners92
, ,
A Year of Transformation: The Web and the World (w3c)91
, ,
How to Use SVG Image Sprites (cra)90
, , ,