Frontend Dogma

“2021” Archive (4)

Entry (Sources) and Other Related TopicsDate#
The Internet Is Rotting (zit/the)308
,
How We Built React Components for Any Front End (try)307
, ,
Colorblind Accessibility Manifesto (mon)306
, , , , ,
5 Hidden Mistakes That Can Ruin a Developer’s Career (sit)305
,
Detecting Hover-Capable Devices (mic/css)304
Encoding Data for POST Requests (jaf)303
, ,
10 Figma Best Practices to 10× Your Workflow (dan/uxd)302
, , ,
9 Tips to Help You Ace a Whiteboard Interview (cod)301
, ,
The State of Web Workers in 2021 (sur/sma)300
,
Introducing GitHub Copilot: Your AI Pair Programmer (nat/git)299
, , , ,
Use the “i” Element, and Use It Appropriately (j9t)298
,
Screen Readers: Hearing the Unseen (wal/liv)297
,
Tip: Don’t Preprocess What You Can Design Token (tyl/clo)296
, ,
Resource Inlining in JavaScript Frameworks (mge/dev)295
, , ,
CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (ric/the)294
, , ,
Good News: Google No Longer Requires Publishers to Use the AMP Format (the)293
, ,
The Most Popular Design Thinking Strategy Is BS (tri/fas)292
,
My Journey From a Novice to a Front-End Engineer (aak)291
I Regret Being a Hipster in Tech (kna)290
Creating a Multi-Author Blog With Next.js (dom/sma)289
,
All You Need Is 5 Fonts (mat/uxd)288
, ,
Debugging JavaScript and Front-End (nic/vir)287
, ,
Building a Responsive Layout With CSS Grid and Container Queries (5t3/tro)286
, , , , ,
Using CSS to Enforce Accessibility (aar)285
,
JavaScript Frameworks and the Lost Art of HTML (ste/deq)284
, ,
Container Queries and the Future of CSS (mia/css)283
, ,
Making the Web—Faster (rau)282
, , ,
React Architecture: How to Structure and Organize a React Application (tan)281
, ,
Beyond Basic Alt Text—Charts, Maps, and Diagrams (tam/equ)280
, , ,
Accessibility in React (sre)279
,
No Code Reviews by Default (tho/ray)278
The True Cost of a Redesign (maz/uxd)277
,
What Is QUIC Protocol: Everything That You Should Know (vee)276
,
RenderingNG (chr/dev)275
, , , , ,
Custom Scrollbars in CSS (sha)274
Craft Good Questions for Usability Tests (uxd)273
,
What’s New in ES2021 (ral/uid)272
, ,
Demystifying Styled Components (jos)271
, ,
A Framework for Building Open Graph Images (jas/git)270
,
Sorting Colors in JavaScript (tom)269
, ,
Keeping It Consistent: Design Tokens (squ/uxd)268
, ,
Organize Your CSS Declarations Alphabetically (eri)267
,
How to Use Dynamic Imports in JavaScript (ale)266
,
Blogged Answers: The Evolution of Redux Testing Approaches (ace)265
, , ,
Ultimate Guide to Color in UX/UI Design (moo/uxp)264
, , ,
Updating a 25-Year-Old Website (mad)263
Client-Side Routing in Next.js (ade/sma)262
,
Web Audio API (pad+/w3c)261
, ,
Optical Size, the Hidden Superpower of Variable Fonts (pix)260
, , ,
Your Image Is Probably Not Decorative (eri/sma)259
, , ,
How Apple Changed the Way We Navigate—Forever (tan/uxd)258
, ,
OMG, SVG Favicons FTW! (ste)257
, , ,
A Complete Guide to Accessibility Tooling (sma)256
, ,
A Complete Guide to Accessibility Tooling (sma)255
, , ,
Shut Up, Old Man… (cod)254
NPM Global Audit253
, , , ,
Everyday Accessibility (maw/a11)252
Understanding and Preventing Common Security Vulnerabilities (bui)251
,
Dart Basics (sur/kod)250
, ,
Regular Expressions (RegEx) in Google Search Console (cho)249
, ,
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)248
, ,
Provided “As Is,” Without Warranty of Any Kind247
, ,
Serving Sharp Images to High Density Screens (jaf)246
,
The Art of Frontend Engineering (bro/nar)245
Half the Size of Images by Optimising for High Density Displays (jaf)244
, ,
How to Center Anything in CSS Using Flexbox and Grid (joy/fre)243
, , , ,
Adding Shadows to SVG Icons With CSS and SVG Filters (ola/css)242
, , , , , ,
React Cheat Sheet (Updated June 2021) (jus)241
,
The Ultimate CSS Flexbox Cheat Sheet With Examples (aou/js)240
, , , ,
Let’s Learn About Aspect Ratio in CSS (sha)239
Ready-Made Counter Styles (ri/w3c)238
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)237
,
Building a Color Scheme (arg/dev)236
, , ,
An Interactive Guide to CSS Transitions (jos)235
, ,
The Simplicity of Svelte (mtm)234
, ,
What Is Prisma and Why Do We Need Another ORM? (bin/nea)233
, ,
Why Validate? (j9t)232
, , , ,
Tips for Real-World Alpine.js231
,
Meet “:has”, a Native CSS Parent Selector (and More) (cod/sma)230
Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (uxd)229
,
Towards a Common Vision for Browser Extensions (ipr)228
Improving the UX of Your Design System (uxb)227
, ,
Component-Specific Design Tokens (clo)226
,
Reasons Why Bugs Might Feel “Impossible” (b0r)225
,
Accessible Overflow (ma)224
, , ,
The Dark Side of Notepad++ : v8 (ho)223
,
Vue.js vs. React—Not Your Usual Comparison (dom)222
, , ,
Extracts From a Private Q&A Retrospective About the WHATWG (hix)221
,
A Comprehensive Guide to Vue Slots (cod/sit)220
,
An Accessibility Strategy (gig)219
,
Using AVIF to Compress Images on Your Site (jai/dev)218
, , ,
10 Utility Functions for Working With Objects in JavaScript (cri/jav)217
, ,
What Can the HTTP Archive Tell Us About Largest Contentful Paint? (pau)216
A Little Book of Accessibility (gar)215
JavaScript: Debouncing and Throttling (the)214
, ,
How to Redirect HTTP to HTTPS (sem)213
, , , , , , , , , ,
CSS System Colors (jim)212
,
Managing Shared State in Vue 3 (wil/sma)211
,
Open Source Insights (goo)210
, , , ,
Getting Started With a Kanban Board: 6 Tips for Productive Work (pmc/for)209
, , , ,
Best Practices for Fonts (kat+/dev)208
, ,
CSS for Web Vitals (kat+/dev)207
, ,
How to Fix Cumulative Layout Shift (CLS) Issues (tun/sma)206
, ,
Looking Fine With Firefox 89 (chr/moz)205
, , ,
Why Accessibility Overlays Hurt More Than Help (dbo/uxd)204
,
Embracing Design Constraints (aar)203
Thoughts for the Aging Web Developer (j9t)202
The Hidden World of “aria-hidden” (ste)201
,
Disabling a Link (sco)200
, ,
What Makes a Great Component Library? (oko)199
,
How to Build an Image Comparison Slider (let)198
, ,
A Thorough Analysis of CSS-in-JS (pfe/css)197
, ,
Writing Better Regular Expressions in PHP (php)196
, ,
A Beginner’s Guide to Vue 3 (cat/sit)195
,
History of Web Browser Engines From 1990 Until Today194
, ,
Accessible Web Forms (oli/sil)193
, ,
25 Years of CSS (mey)192
,
Your Design System Is Actually a Product—Treat It Like One (fiv/uxd)191
CSS Container Queries: Use Cases and Migration Strategies (cod/sma)190
,
Access Guide (acc)189
, ,
Svelte for the Experienced React Dev (ada/css)188
,
A11y Audit Bookmarklets (llo)187
, , ,
How to Implement Authentication in Next.js With Auth0 (fac/sma)186
, , , ,
Professional Development Is a Choice (ale)185
, ,
Dark Patterns Tip Line (sta)184
, ,
Don’t Overabstract Your Components (kir)183
, ,
How to Name Your Design System (pur)182
, ,
Useful and Useless Code Comments (jim)181
,
The New Responsive: Web Design in a Component-Driven World (una/dev)180
, ,
Learn CSS (bel/dev)179
,
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t)178
, , , , ,
WebGPU (kai/w3c)177
,
We Need to Talk About WCAG (ria/lev)176
,
Theoretical Foundations for Server-Side Rendering and Static-Rendering (eri/lbk)175
, , ,
The Button Cheat Sheet (mat)174
,
Container Queries in Web Components (mxb)173
, ,
Create Scripts in JavaScript With zx (wal)172
, ,
Tree-Shaking: A Reference Guide (ati/sma)171
, , , ,
Upgrade Your HTML III (j9t/fro)170
, , , , ,
Can I “:has()” (bka)169
, ,
JPEG XL168
, ,
Building a React Design System for Adoption and Scale (bit)167
,
A Complete Guide to Grid (chr/css)166
, , ,
Making Disabled Buttons More Inclusive (as/css)165
,
Web Application Development: The Ultimate Guide (2021) (ris)164
,
Meet zx: A Better Way to Write Scripts With Node.js (avo)163
,
A Primer on CSS Container Queries (5t3/sma)162
, ,
Everything You Need to Know About A/B Testing (loo)161
, ,
Introduction to Using Dart in Flutter (mha/log)160
, ,
Rethinking Component Libraries (al)159
Introduction to HTTP Cookies (lin)158
, ,
How to Satisfy User Intent When Considering Search vs. Browse (alg)157
, , , ,
Custom Attributes Are Fast Good and Cheap (dfk)156
, ,
Reducing HTML Payload With Next.js (Case Study) (lap/sma)155
, , ,
Overreliance on Overlays Is Counter to Enculturation of Accessibility (ani/nfb)154
,
Is Vendor Prefixing Dead? (css)153
,
Auditing Design Systems for Accessibility (ann/deq)152
, , ,
Checking “Under the Hood” of Code (jay)151
, , , , , , ,
The Evolution of Jamstack (bii/sma)150
, ,
Using Hotwire to Build a Search Form With Minimal JavaScript (jos)149
, , ,
4 Soft Skills Every Designer Should Aspire to Learn (uxm)148
,
Understanding Design Systems—Designing Component APIs (js)147
, ,
Designing Adaptive Components, Beyond Responsive Breakpoints (ste/int)146
, ,
Better Onboarding: How to Prevent Codebase Overwhelm (sou)145
,
Immersive Content Strategy (pre/ali)144
, ,
A Complete Guide to Custom Properties (chr/css)143
, , ,
Level Up Your Team Workflows With These Kanban Board Best Practices (sco/gme)142
, ,
Understanding the New Reactivity System in Vue 3 (cod/sit)141
,
Goodnight Polymer Project140
, ,
Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (tyl/wid)139
, , , ,
A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (5t3/sma)138
, , ,
21 Best Practices for a Clean React Project (moh)137
, ,
Do You Need to Localize Your Website? (hol/ali)136
, ,
Engineer to Engineer: Don’t Be Afraid to Rock the Boat (wom)135
,
An Introduction to Performance Budgets (thi)134
, , ,
136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (fak)133
A Complete Guide to Incremental Static Regeneration (ISR) With Next.js (lee/sma)132
, ,
Making GraphQL Work in WordPress (los/sma)131
,
Intrinsic Typography Is the Future of Styling Text on the Web (sco/css)130
,
How Artificial Intelligence Is Impacting UX Design (sdo/uxm)129
, ,
Five Reasons Your First Design System Will Fail (ran)128
What Is Vite? An Overview of the New Front-End Build Tool (tim/sit)127
, , ,
What Is DevOps? A Comprehensive Introduction (sha/bmc)126
,
CSS Hell (cat)125
,
Content-Aware Image Resizing in JavaScript (tre)124
, ,
A Beginner’s Guide to Load Balancing (osd)123
, , ,
Overflow Issues in CSS (sha/sma)122
, , , , ,
Fifteen Design Trends From an Accessibility Perspective (bet)121
, ,
No, Google! Vivaldi Users Will Not Get FLoC’ed (jon/viv)120
, , ,
The 5 Most Popular Front-End Frameworks Compared (jch/sit)119
, , , , , ,
Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (sky)118
,
Variable Scope, Lexical Scope, and Code Blocks in JavaScript (ale)117
,
Web Developer’s Guide to AVIF Images (dar)116
, ,
Understanding Logical Focus Order (rle)115
, ,
9 Principles of Good Web Design (fee)114
, , , , , , ,
Web Authentication: An API for Accessing Public Key Credentials Level 2 (jmh+/w3c)113
, , ,
Comparing the New Generation of Build Tools (ell/css)112
, , ,
Write a Plugin for Tailwind CSS (sam/egg)111
,
Getting Started With Preact (kar)110
,
Building an Accessibility Library (ste/uxm)109
,
Defining a Strategy for Accessibility (cra)108
,
Using Design Tokens to Accelerate Design Systems (kel/int)107
, ,
Sentence Case Versus Title Case (tem)106
, ,
Code in Quarantine (j9t)105
,
5 Things I’m Thinking About When I Check a Pull Request for Accessibility (sa)104
,
How to Build a Developer Blog With Gatsby and MDX (spe/sit)103
, ,
Primitive Values, Objects, and References in JavaScript Made Simple (ale)102
,
Why Should We Care About Developer Experience (DX) (rea)101
Human-Readable JavaScript: A Tale of Two Experts (lau/ali)100
,
Reactivity in Vue (tim/sma)99
,
Not Your Typical Horizontal Rules (sar)98
,
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)97
, , , , ,
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)96
,
How to Build a Great Developer Experience (nic/api)95
,
Why Skip-Links Are Important for Accessibility (dev)94
,
Taming Blend Modes: “difference” and “exclusion” (ana/css)93
,
A Complete Guide to Accessible Front-End Components (vit/sma)92
, , , , , , , ,
Getting Started With Alpine.js—the Ultimate Guide (nga/dai)91
, ,
Git Maintenance (bku)90
,
What Is esbuild? (use)89
,
React vs. Vue in 2021: Best JavaScript Framework (ely/dzo)88
, , ,
Now That’s What I Call Service Worker (mal/ali)87
, ,
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (tat)86
, ,
Why Your Website Should Work Without JavaScript85
, , ,
What’s New in Flutter 2? (car/sma)84
,
The 5-Hour CDN (mrk/fly)83
,
What Is the JavaScript Internationalization API (I18N)? (cra/sit)82
, ,
What Is Laravel? A Simple Explanation for Beginners81
, ,
A Year of Transformation: The Web and the World (w3c)80
, ,
Minimalism Is Boring (kad)79
,
How to Use SVG Image Sprites (cra/sit)78
, , ,
5 Different Ways to Declare Functions in jQuery (cra/sit)77
, ,
Dates in Eleventy (bni)76
Semantic Web and the Knowledge Graph (rob)75
, , ,
Comparing Svelte and React (jac)74
, ,
A Comprehensive Guide to JavaScript Design Patterns (lam)73
, ,
Why We Developed the Node.js Reference Architecture (mhd+/rhd)72
, ,
Beyond “console.log()”—Level Up Your Debugging Skills (cod/sit)71
, ,
You Want Enabling CSS Selectors, Not Disabling Ones (cit)70
,
10 Graphic-Design Tips for UX Designers (uxm)69
, ,
JavaScript: What Is the Meaning of “this”? (jaf/dev)68
The SPACE of Developer Productivity (nic+/acm)67
,
Enforce, Enable, and Empower (al)66
How to Get a Dysfunctional Team Back on Track (lia/ali)65
, , ,
Semantic Versioning Will Not Save You (hyn)64
,
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate (mar/was)63
Measuring Web Performance in Mobile Safari (css)62
, , , , ,
The Future of Web Software Is HTML-over-WebSockets (mep/ali)61
, ,
Introduction to ARIA Live Regions (gar)60
, , ,
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)59
, , , ,