Frontend Dogma

“2021” Archive (4)

Entry (With Sources) and Additional TopicsDate#
Screen Readers: Hearing the Unseen (by/via)284
, ,
Resource Inlining in JavaScript Frameworks (by/via)283
, , ,
Tip: Don’t Preprocess What You Can Design Token (by/via)282
, ,
The Most Popular Design Thinking Strategy Is BS (by/via)281
,
Good News: Google No Longer Requires Publishers to Use the AMP Format (via)280
, ,
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (by/via)279
, , ,
My Journey From a Novice to a Front-End Engineer (by)278
I Regret Being a Hipster in Tech (by)277
Creating a Multi-Author Blog With Next.js (by/via)276
,
All You Need Is 5 Fonts (by/via)275
, ,
JavaScript Frameworks and the Lost Art of HTML (by/via)274
, ,
Building a Responsive Layout With CSS Grid and Container Queries (by/via)273
, , , , ,
Using CSS to Enforce Accessibility (by)272
,
Debugging JavaScript and Front-End (by/via)271
, ,
Container Queries and the Future of CSS (by/via)270
, ,
The True Cost of a Redesign (by/via)269
,
React Architecture: How to Structure and Organize a React Application (by)268
, ,
No Code Reviews by Default (by/via)267
Making the Web—Faster (by)266
, , ,
Beyond Basic Alt Text—Charts, Maps, and Diagrams (by/via)265
, , ,
Accessibility in React (by)264
,
Demystifying Styled Components (by)263
, ,
A Framework for Building Open Graph Images (by/via)262
,
RenderingNG—Ready for the Next Generation of Web Content (by/via)261
, , , ,
Craft Good Questions for Usability Tests (via)260
,
What’s New in ES2021 (by/via)259
, ,
Sorting Colors in JavaScript (by)258
, ,
Custom Scrollbars in CSS (by)257
Organize Your CSS Declarations Alphabetically (by)256
,
How to Use Dynamic Imports in JavaScript (by)255
,
Keeping It Consistent: Design Tokens (by/via)254
, ,
Blogged Answers: The Evolution of Redux Testing Approaches (by)253
, , ,
Ultimate Guide to Color in UX/UI Design (by/via)252
, , ,
Updating a 25-Year-Old Website (by)251
Client-Side Routing in Next.js (by/via)250
,
Web Audio API (by+/via)249
, ,
Your Image Is Probably Not Decorative (by/via)248
, , ,
How Apple Changed the Way We Navigate—Forever (by/via)247
, ,
Optical Size, the Hidden Superpower of Variable Fonts (by)246
, , ,
OMG, SVG Favicons FTW! (by)245
, , ,
A Complete Guide to Accessibility Tooling (via)244
, ,
A Complete Guide to Accessibility Tooling (via)243
, , ,
Shut Up, Old Man… (by)242
NPM Global Audit241
, , , ,
Understanding and Preventing Common Security Vulnerabilities (via)240
,
Everyday Accessibility (by/via)239
Dart Basics (by/via)238
, ,
Regular Expressions (RegEx) in Google Search Console (by)237
, ,
Provided “As Is,” Without Warranty of Any Kind236
, ,
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (by/via)235
, ,
The Art of Frontend Engineering (by/via)234
How to Center Anything in CSS Using Flexbox and Grid (by/via)233
, , , ,
Serving Sharp Images to High Density Screens (by)232
,
React Cheat Sheet (Updated June 2021) (by)231
,
Half the Size of Images by Optimising for High Density Displays (by)230
, ,
Adding Shadows to SVG Icons With CSS and SVG Filters (by/via)229
, , , , , ,
The Ultimate CSS Flexbox Cheat Sheet With Examples (by/via)228
, , , ,
Let’s Learn About Aspect Ratio in CSS (by)227
What Is Prisma and Why Do We Need Another ORM? (by/via)226
, ,
Meet “:has”, a Native CSS Parent Selector (and More) (by/via)225
,
Ready-Made Counter Styles (by/via)224
,
The Simplicity of Svelte (by)223
, ,
Tips for Real-World Alpine.js222
,
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (via)221
,
An Interactive Guide to CSS Transitions (by)220
, ,
Why Validate? (by)219
, , , ,
Meet “:has”, a Native CSS Parent Selector (and More) (by/via)218
Building a Color Scheme (by/via)217
, , ,
Reasons Why Bugs Might Feel “Impossible” (by)216
,
Improving the UX of Your Design System (via)215
, ,
Component-Specific Design Tokens (via)214
,
10 Utility Functions for Working With Objects in JavaScript (by/via)213
, ,
Using AVIF to Compress Images on Your Site (by/via)212
, , ,
Accessible Overflow (by)211
, , ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (by)210
A Comprehensive Guide to Vue Slots (by/via)209
,
The Dark Side of Notepad++ : v8 (by)208
,
Vue.js vs. React—Not Your Usual Comparison (by)207
, , ,
Extracts From a Private Q&A Retrospective About the WHATWG (by)206
,
An Accessibility Strategy (by)205
,
A Little Book of Accessibility (by)204
JavaScript: Debouncing and Throttling (by)203
, ,
Managing Shared State in Vue 3 (by/via)202
,
Open Source Insights (via)201
, , , ,
Getting Started With a Kanban Board: 6 Tips for Productive Work (by/via)200
, , , ,
CSS System Colors (by)199
,
Best Practices for Fonts (by+/via)198
, ,
How to Fix Cumulative Layout Shift (CLS) Issues (by/via)197
, ,
CSS for Web Vitals (by+/via)196
, ,
Looking Fine With Firefox 89 (by/via)195
, , ,
Why Accessibility Overlays Hurt More Than Help (by/via)194
,
The Hidden World of “aria-hidden” (by)193
,
Embracing Design Constraints (by)192
Thoughts for the Aging Web Developer (by)191
Disabling a Link (by)190
, ,
What Makes a Great Component Library? (by)189
,
How to Build an Image Comparison Slider (by)188
, ,
History of Web Browser Engines From 1990 Until Today187
, ,
A Beginner’s Guide to Vue 3 (by/via)186
,
A Thorough Analysis of CSS-in-JS (by/via)185
, ,
Writing Better Regular Expressions in PHP (via)184
, ,
Accessible Web Forms (by/via)183
, ,
Your Design System Is Actually a Product—Treat It Like One (by/via)182
25 Years of CSS (by)181
,
Access Guide (by)180
, ,
CSS Container Queries: Use Cases and Migration Strategies (by/via)179
,
Svelte for the Experienced React Dev (by/via)178
,
How to Implement Authentication in Next.js With Auth0 (by/via)177
, , , ,
Professional Development Is a Choice (by)176
, ,
A11y Audit Bookmarklets (by)175
, , ,
Dark Patterns Tip Line (via)174
, ,
How to Name Your Design System (via)173
, ,
Useful and Useless Code Comments (by)172
,
The New Responsive: Web Design in a Component-Driven World (by/via)171
, ,
Don’t Overabstract Your Components (by)170
, ,
WebGPU (by/via)169
,
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (by)168
, , , , ,
We Need to Talk About WCAG (by/via)167
,
Learn CSS (by/via)166
,
Theoretical Foundations for Server-Side Rendering and Static-Rendering (by/via)165
, , ,
The Button Cheat Sheet (by)164
,
Container Queries in Web Components (by)163
, ,
Tree-Shaking: A Reference Guide (by/via)162
, , , ,
Create Scripts in JavaScript With zx (by)161
, ,
Can I “:has()” (by)160
, ,
JPEG XL159
, ,
Upgrade Your HTML III (by/via)158
, , , ,
A Complete Guide to Grid (by/via)157
, , ,
Making Disabled Buttons More Inclusive (by/via)156
,
Building a React Design System for Adoption and Scale (via)155
,
A Primer on CSS Container Queries (by/via)154
, ,
Introduction to Using Dart in Flutter (by/via)153
, ,
Rethinking Component Libraries (by)152
Web Application Development: The Ultimate Guide (2021) (via)151
,
Meet zx: A Better Way to Write Scripts With Node.js (by)150
,
Everything You Need to Know About A/B Testing (via)149
, ,
Introduction to HTTP Cookies (by)148
, ,
Custom Attributes Are Fast Good and Cheap (by)147
, ,
How to Satisfy User Intent When Considering Search vs. Browse (via)146
, , , ,
Reducing HTML Payload With Next.js (Case Study) (by/via)145
, , ,
Overreliance on Overlays Is Counter to Enculturation of Accessibility (by/via)144
,
Is Vendor Prefixing Dead? (via)143
,
Checking “Under the Hood” of Code (by)142
, , , , , , ,
Auditing Design Systems for Accessibility (by/via)141
, , ,
Using Hotwire to Build a Search Form With Minimal JavaScript (by)140
, , ,
The Evolution of Jamstack (by/via)139
, ,
4 Soft Skills Every Designer Should Aspire to Learn (via)138
,
Immersive Content Strategy (by/via)137
, ,
Understanding Design Systems—Designing Component APIs (via)136
, ,
Designing Adaptive Components, Beyond Responsive Breakpoints (by/via)135
, ,
Better Onboarding: How to Prevent Codebase Overwhelm (via)134
,
Understanding the New Reactivity System in Vue 3 (by/via)133
,
Level Up Your Team Workflows With These Kanban Board Best Practices (by/via)132
, ,
A Complete Guide to Custom Properties (by/via)131
, , ,
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (by/via)130
, , , ,
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (by/via)129
, , ,
21 Best Practices for a Clean React Project (by)128
, ,
Do You Need to Localize Your Website? (by/via)127
, ,
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (by/via)126
, ,
An Introduction to Performance Budgets (via)125
, , ,
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (via)124
,
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (by)123
Intrinsic Typography Is the Future of Styling Text on the Web (by/via)122
,
Making GraphQL Work in WordPress (by/via)121
,
How Artificial Intelligence Is Impacting UX Design (by/via)120
, ,
What Is Vite? An Overview of the New Front-End Build Tool (by/via)119
, , ,
Five Reasons Your First Design System Will Fail (via)118
What Is DevOps? A Comprehensive Introduction (by/via)117
,
CSS Hell (by)116
,
Content-Aware Image Resizing in JavaScript (by)115
, ,
A Beginner’s Guide to Load Balancing (via)114
, , ,
Overflow Issues in CSS (by/via)113
, , , , ,
No, Google! Vivaldi Users Will Not Get FLoC’ed (by/via)112
, , ,
The 5 Most Popular Front-End Frameworks Compared (by/via)111
, , , , , ,
Fifteen Design Trends From an Accessibility Perspective (by)110
, ,
Web Developer’s Guide to AVIF Images (by)109
, ,
Variable Scope, Lexical Scope, and Code Blocks in JavaScript (by)108
,
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (via)107
,
Understanding Logical Focus Order (by)106
, ,
9 Principles of Good Web Design (via)105
, , , , , , ,
Comparing the New Generation of Build Tools (by/via)104
, , ,
Write a Plugin for Tailwind CSS (by/via)103
,
Getting Started With Preact (by)102
,
Building an Accessibility Library (by/via)101
,
Defining a Strategy for Accessibility (by)100
,
Sentence Case Versus Title Case (by)99
, ,
Using Design Tokens to Accelerate Design Systems (by/via)98
, ,
Code in Quarantine (by)97
,
How to Build a Developer Blog With Gatsby and MDX (by/via)96
, ,
5 Things I’m Thinking About When I Check a Pull Request for Accessibility (by)95
,
Primitive Values, Objects, and References in JavaScript Made Simple (by)94
,
Why Should We Care About Developer Experience (DX) (via)93
Human-Readable JavaScript: A Tale of Two Experts (by/via)92
,
Reactivity in Vue (by/via)91
,
Not Your Typical Horizontal Rules (by)90
,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (by)89
, , , , ,
A Deep Dive Into Eleventy Static Site Generator (by/via)88
,
Why Skip-Links Are Important for Accessibility (via)87
,
How to Build a Great Developer Experience (by/via)86
,
Taming Blend Modes: “difference” and “exclusion” (by/via)85
,
A Complete Guide to Accessible Front-End Components (by/via)84
, , , , , , , ,
Getting Started With Alpine.js—the Ultimate Guide (by/via)83
, ,
Git Maintenance (by)82
,
What Is esbuild? (by)81
,
React vs. Vue in 2021: Best JavaScript Framework (by/via)80
, , ,
Now That’s What I Call Service Worker (by/via)79
, ,
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (by)78
, ,
Why Your Website Should Work Without JavaScript77
, , ,
What’s New in Flutter 2? (by/via)76
,
The 5-Hour CDN (by/via)75
,
What Is the JavaScript Internationalization API (I18N)? (by/via)74
, ,
What Is Laravel? A Simple Explanation for Beginners73
, ,
A Year of Transformation: The Web and the World (via)72
, ,
How to Use SVG Image Sprites (by/via)71
, , ,
5 Different Ways to Declare Functions in jQuery (by/via)70
, ,
Minimalism Is Boring (by)69
,
Semantic Web and the Knowledge Graph (by)68
, , ,
A Comprehensive Guide to JavaScript Design Patterns (via)67
, ,
Comparing Svelte and React (by)66
, ,
10 Graphic-Design Tips for UX Designers (via)65
, ,
Why We Developed the Node.js Reference Architecture (by+/via)64
, ,
You Want Enabling CSS Selectors, Not Disabling Ones (by)63
,
JavaScript: What Is the Meaning of “this”? (by/via)62
Beyond “console.log()”—Level Up Your Debugging Skills (by/via)61
, ,
The SPACE of Developer Productivity (by+/via)60
,
Enforce, Enable, and Empower (by)59
How to Get a Dysfunctional Team Back on Track (by/via)58
, , ,
Semantic Versioning Will Not Save You (by)57
,
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate (by/via)56
Measuring Web Performance in Mobile Safari (by)55
, , , , ,
The Future of Web Software Is HTML-over-WebSockets (by/via)54
, ,
Introduction to ARIA Live Regions (by)53
, , ,
How to Use PostCSS as a Configurable Alternative to Sass (by/via)52
, , ,
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (by/via)51
, , , ,
Automating the Accessibility Tests of Your Source Code With GitHub Actions (by)50
, , , ,
Context and Variables in the Hugo Static Site Generator (via)49
10 Tips to Make You a Productive GitLab User (by+/via)48
, ,
Managing CSS Colors Systems With a Single Source of Truth (via)47
, , , ,
Front-of-the-Front-End and Back-of-the-Front-End Web Development (by)46
,
Understanding Z-Index in CSS (by)45
Garbage Collection in JavaScript (by/via)44
,
Running End-to-End Tests With Playwright on AWS Lambda (by)43
, , ,
Learn Snowpack: A High-Performance Frontend Build Tool (by/via)42
,
How to Test the Accessibility of Your Components With Storybook (by)41
, , ,
The Significance of Building Offline-First Apps (by)40
,
Release Notes for Safari Technology Preview 120 (by/via)39
, , ,
The Never-Ending Job of Selling Design Systems (by/via)38
Seven Myths About Alt Text (by)37
, ,
Getting the Most Out of Git (by/via)36
,
10 Principles of the Best Landing Page Design (via)35
, ,