Frontend Dogma

“2021” Archive (4)

Entry (Sources) and Other Related TopicsDate#
Where Did This Interaction Come From?—A Brief History of Interaction Design (uxd)328
,
Basics of JavaScript Test Driven Development (TDD) With Jest327
, , ,
Feature Checklists Are Not Enough: How to Avoid Making Bad Software326
, , ,
“export default thing” Is Different to “export { thing as default }” (jaf)325
Short Note on Skip Links With Sticky Headers324
, ,
Evaluating Color and Contrast—How Hard Can It Be? (web)323
, ,
Accessibility and SEO322
, ,
Towards Richer Colors on the Web321
,
It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (sma)320
,
Colorblind Accessibility Manifesto319
, , , , ,
9 Tips to Help You Ace a Whiteboard Interview318
, ,
5 Hidden Mistakes That Can Ruin a Developer’s Career317
,
How We Built React Components for Any Front End316
, ,
The Internet Is Rotting315
,
10 Figma Best Practices to 10× Your Workflow (uxd)314
, , ,
Detecting Hover-Capable Devices (mic)313
When a Click Is Not Just a Click (css)312
The State of Web Workers in 2021 (sur/sma)311
,
Encoding Data for POST Requests (jaf)310
, ,
Use the “i” Element, and Use It Appropriately (j9t)309
,
Introducing GitHub Copilot: Your AI Pair Programmer (git)308
, , , ,
Code Reusability Patterns for Next.js307
, ,
Screen Readers: Hearing the Unseen306
,
The Most Popular Design Thinking Strategy Is BS305
,
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)304
, ,
Resource Inlining in JavaScript Frameworks (mge/dev)303
, , ,
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)302
, ,
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)301
, , ,
I Regret Being a Hipster in Tech300
My Journey From a Novice to a Front-End Engineer299
All You Need Is 5 Fonts (uxd)298
, ,
Creating a Multi-Author Blog With Next.js (dom/sma)297
,
JavaScript Frameworks and the Lost Art of HTML (deq)296
, ,
Debugging JavaScript and Front-End295
, ,
Container Queries and the Future of CSS (mia)294
, ,
Building a Responsive Layout With CSS Grid and Container Queries (5t3)293
, , , , ,
Using CSS to Enforce Accessibility (aar)292
,
The True Cost of a Redesign (uxd)291
,
Accessibility in React290
,
No Code Reviews by Default289
Beyond Basic Alt Text—Charts, Maps, and Diagrams288
, , ,
React Architecture: How to Structure and Organize a React Application287
, ,
Making the Web—Faster (rau)286
, , ,
What Is QUIC Protocol: Everything That You Should Know285
,
What’s New in ES2021284
, ,
A Framework for Building Open Graph Images (git)283
,
Sorting Colors in JavaScript282
, ,
RenderingNG (chr/dev)281
, , , , ,
Demystifying Styled Components (jos)280
, ,
Custom Scrollbars in CSS (sha)279
Craft Good Questions for Usability Tests (uxd)278
,
Keeping It Consistent: Design Tokens (uxd)277
, ,
How to Use Dynamic Imports in JavaScript276
,
Blogged Answers: The Evolution of Redux Testing Approaches275
, , ,
Organize Your CSS Declarations Alphabetically (eri)274
, ,
Ultimate Guide to Color in UX/UI Design273
, , ,
Updating a 25-Year-Old Website (sto)272
Client-Side Routing in Next.js (sma)271
,
How Apple Changed the Way We Navigate—Forever (uxd)270
, ,
Web Audio API (pad/w3c)269
, ,
OMG, SVG Favicons FTW!268
, , ,
Your Image Is Probably Not Decorative (eri/sma)267
, , ,
Optical Size, the Hidden Superpower of Variable Fonts (pix)266
, , ,
A Complete Guide to Accessibility Tooling (nic/sma)265
, ,
A Complete Guide to Accessibility Tooling (nic/sma)264
, , ,
Shut Up, Old Man… (cod)263
NPM Global Audit262
, , , ,
Dart Basics261
, ,
Understanding and Preventing Common Security Vulnerabilities260
,
Everyday Accessibility259
Regular Expressions (RegEx) in Google Search Console258
, ,
Provided “As Is,” Without Warranty of Any Kind (sir)257
, ,
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)256
, ,
Adding Shadows to SVG Icons With CSS and SVG Filters (css)255
, , , , , ,
How to Center Anything in CSS Using Flexbox and Grid (fre)254
, , , ,
React Cheat Sheet (Updated June 2021)253
,
The Art of Frontend Engineering252
Serving Sharp Images to High Density Screens (jaf)251
,
Half the Size of Images by Optimising for High Density Displays (jaf)250
, ,
Let’s Learn About Aspect Ratio in CSS (sha)249
,
The Ultimate CSS Flexbox Cheat Sheet With Examples248
, , , ,
Tips for Real-World Alpine.js (cod)247
,
Why Validate? (j9t)246
, , , ,
What Is Prisma and Why Do We Need Another ORM? (nea)245
, ,
The Simplicity of Svelte244
, ,
Ready-Made Counter Styles (ri/w3c)243
,
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (uxd)242
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)241
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)240
Building a Color Scheme (arg/dev)239
, , ,
An Interactive Guide to CSS Transitions (jos)238
, ,
10 Postman Features Everyone Should Know (get)237
Towards a Common Vision for Browser Extensions236
,
Improving the UX of Your Design System235
, ,
Reasons Why Bugs Might Feel “Impossible”234
,
Component-Specific Design Tokens (clo)233
,
A Comprehensive Guide to Vue Slots232
,
The Dark Side of Notepad++ : v8231
,
Accessible Overflow230
, , ,
Using AVIF to Compress Images on Your Site (dev)229
, , ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint?228
Extracts From a Private Q&A Retrospective About the WHATWG227
,
An Accessibility Strategy226
,
Vue.js vs. React—Not Your Usual Comparison225
, , ,
10 Utility Functions for Working With Objects in JavaScript224
, ,
A Little Book of Accessibility223
JavaScript: Debouncing and Throttling222
, ,
Best Practices for Fonts (tun/dev)221
, ,
Getting Started With a Kanban Board: 6 Tips for Productive Work220
, , , ,
Open Source Insights219
, , , ,
Managing Shared State in Vue 3 (wil/sma)218
,
How to Redirect HTTP to HTTPS (sem)217
, , , , , , , , , ,
CSS System Colors (jim)216
,
CSS for Web Vitals (una/dev)215
, ,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)214
, ,
Looking Fine With Firefox 89 (chr)213
, , ,
The Hidden World of “aria-hidden” (ste)212
, , ,
Thoughts for the Aging Web Developer (j9t)211
Embracing Design Constraints (aar)210
Why Accessibility Overlays Hurt More Than Help (dbo/uxd)209
,
Disabling a Link (sco)208
, ,
How to Build an Image Comparison Slider207
, , ,
What Makes a Great Component Library?206
,
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)205
, , ,
History of Web Browser Engines From 1990 Until Today204
, , , , , , , , , ,
A Beginner’s Guide to Vue 3203
,
Writing Better Regular Expressions in PHP202
, ,
A Thorough Analysis of CSS-in-JS (css)201
, ,
Accessible Web Forms200
, ,
Your Design System Is Actually a Product—Treat It Like One (uxd)199
25 Years of CSS (mey)198
,
Access Guide197
, ,
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)196
,
Svelte for the Experienced React Dev (ada/css)195
,
How to Implement Authentication in Next.js With Auth0 (fgi/sma)194
, , , ,
Professional Development Is a Choice193
, ,
A11y Audit Bookmarklets (llo)192
, , ,
How to Name Your Design System191
, ,
Don’t Overabstract Your Components190
, ,
Dark Patterns Tip Line189
, ,
Useful and Useless Code Comments (jim)188
,
The New Responsive: Web Design in a Component-Driven World (una/dev)187
, ,
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t)186
, , , , ,
We Need to Talk About WCAG185
,
WebGPU (kai/w3c)184
,
Learn CSS (bel/dev)183
,
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri)182
, , ,
The Button Cheat Sheet (mat)181
,
Container Queries in Web Components180
, ,
Create Scripts in JavaScript With zx179
, ,
Tree-Shaking: A Reference Guide (ati/sma)178
, , , ,
Upgrade Your HTML III (j9t/fro)177
, , , , ,
JPEG XL176
, ,
Can I “:has()” (bka)175
, ,
A Complete Guide to Grid (css)174
, , ,
Building a React Design System for Adoption and Scale173
,
Making Disabled Buttons More Inclusive (san/css)172
,
Web Application Development: The Ultimate Guide (2021)171
,
Introduction to Using Dart in Flutter (log)170
, ,
Everything You Need to Know About A/B Testing169
, ,
Meet zx: A Better Way to Write Scripts With Node.js168
,
Rethinking Component Libraries167
A Primer on CSS Container Queries (5t3/sma)166
, ,
Introduction to HTTP Cookies165
, ,
Custom Attributes Are Fast Good and Cheap164
, ,
How to Satisfy User Intent When Considering Search vs. Browse163
, , , ,
Overreliance on Overlays Is Counter to Enculturation of Accessibility162
,
Reducing HTML Payload With Next.js (Case Study) (sma)161
, , ,
Is Vendor Prefixing Dead? (css)160
,
Auditing Design Systems for Accessibility (deq)159
, , ,
Checking “Under the Hood” of Code (jay)158
, , , , , , ,
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)157
, , ,
The Evolution of Jamstack (bii/sma)156
, ,
4 Soft Skills Every Designer Should Aspire to Learn (uxm)155
,
Immersive Content Strategy (ali)154
, ,
Understanding Design Systems—Designing Component APIs153
, ,
Better Onboarding: How to Prevent Codebase Overwhelm152
,
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)151
, ,
Understanding the New Reactivity System in Vue 3150
,
Level Up Your Team Workflows With These Kanban Board Best Practices149
, ,
A Complete Guide to Custom Properties (chr/css)148
, , ,
Goodnight Polymer Project147
, ,
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit146
, , , ,
21 Best Practices for a Clean React Project145
, ,
Cache Busting in Eleventy (bni)144
,
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)143
, , ,
Do You Need to Localize Your Website? (ali)142
, ,
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling141
An Introduction to Performance Budgets140
, , ,
Engineer to Engineer: Don’t Be Afraid to Rock the Boat139
,
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (sma)138
, ,
Intrinsic Typography Is the Future of Styling Text on the Web (css)137
,
Making GraphQL Work in WordPress (sma)136
,
What Is Vite? An Overview of the New Front-End Build Tool (tim)135
, , ,
How Artificial Intelligence Is Impacting UX Design (uxm)134
, ,
Five Reasons Your First Design System Will Fail133
Content-Aware Image Resizing in JavaScript132
, ,
CSS Hell131
,
What Is DevOps? A Comprehensive Introduction130
,
A Beginner’s Guide to Load Balancing (osd)129
, , ,
Overflow Issues in CSS (sha/sma)128
, , , , ,
Fifteen Design Trends From an Accessibility Perspective127
, ,
The 5 Most Popular Front-End Frameworks Compared126
, , , , , ,
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)125
, , ,
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know124
,
Variable Scope, Lexical Scope, and Code Blocks in JavaScript123
,
Web Developer’s Guide to AVIF Images122
, ,
Understanding Logical Focus Order121
, ,
9 Principles of Good Web Design120
, , , , , , ,
Comparing the New Generation of Build Tools (css)119
, , ,
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)118
, , ,
Write a Plugin for Tailwind CSS117
,
How Modernizr Can Help You Implement CSS Fallbacks (kar)116
,
Getting Started With Preact115
,
Building an Accessibility Library114
,
Defining a Strategy for Accessibility (cra)113
,
Code in Quarantine (j9t)112
,
Using Design Tokens to Accelerate Design Systems111
, ,
Sentence Case Versus Title Case (tem)110
, ,
How to Build a Developer Blog With Gatsby and MDX109
, , , ,
5 Things I’m Thinking About When I Check a Pull Request for Accessibility108
,
Primitive Values, Objects, and References in JavaScript Made Simple107
,
Why Should We Care About Developer Experience (DX)106
Human-Readable JavaScript: A Tale of Two Experts (ali)105
,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)104
, , , , , ,
Reactivity in Vue (sma)103
,
Not Your Typical Horizontal Rules (sar)102
,
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)101
,
Why Skip-Links Are Important for Accessibility (dev)100
,
How to Build a Great Developer Experience99
,
Getting Started With Alpine.js—the Ultimate Guide98
, ,
Taming Blend Modes: “difference” and “exclusion” (ana/css)97
,
A Complete Guide to Accessible Front-End Components (vit/sma)96
, , , , , , , ,
Git Maintenance (bku)95
,
React vs. Vue in 2021: Best JavaScript Framework94
, , ,
What Is esbuild?93
,
Now That’s What I Call Service Worker (mal/ali)92
, ,
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations91
, ,
What’s New in Flutter 2? (sma)90
,
Why Your Website Should Work Without JavaScript89
, , ,
The 5-Hour CDN (fly)88
,
What Is the JavaScript Internationalization API (I18N)? (cra)87
, ,
Getting Started With Git—a Simple Beginner’s Guide (kev)86
, , ,
What Is Laravel? A Simple Explanation for Beginners85
, ,
A Year of Transformation: The Web and the World (w3c)84
, ,
5 Different Ways to Declare Functions in jQuery (cra)83
, ,
Minimalism Is Boring82
,
How to Use SVG Image Sprites (cra)81
, , ,
Semantic Web and the Knowledge Graph (rob)80
, , ,
Dates in Eleventy (bni)79