Frontend Dogma

“2010s” Archive

(Frontend Dogma is a constant work in progress, but that’s particularly true for the 1990s, 2000s, and 2010s. Reach out to suggest articles, videos, and books from these decades—including your own.)

Entry (Sources) and Other Related TopicsDate#
Helping Browsers Optimize With the CSS “contain” Property (rac/sma)2666
,
What Is SSI? What Are Server-Side Includes? (rsh)2665
POURing ARIA Into the HTML Element Specs (car/24a)2664
, ,
Pixels vs. Relative Units in CSS: Why It’s Still a Big Deal (res/24a)2663
, ,
Color Theory and Contrast Ratios (tel/24a)2662
, , ,
Usability and Security; Better Together (24w)2661
, ,
There Is No Design System (jin/24w)2660
,
New WebKit Features in Safari 13 (jon/web)2659
, , , ,
An HTML Optimizer’s Config for html-minifier (j9t)2658
, , , , , ,
“<select>” Your Poison (cod/24a)2657
, , ,
How to Style and Animate the Letters in a String Using CSS (fos)2656
, , ,
Landing Pages: The Art of Conversion (sum)2655
,
Introduction to Web Accessibility (ipr)2654
, , ,
A History of CSS Through Fifteen Years of 24 Ways (rac/24w)2653
,
Automating Inclusive Documentation (pau/24a)2652
, , ,
Twitter Proposes Open Social Network Standard (sjv/zdn)2651
, , , ,
“rem” in CSS: Understanding and Using “rem” Units (ady/sit)2650
,
WebAssembly Is Now the Fourth Web Standard Language (jax)2649
, ,
When to Open Links in a New Tab (j9t)2648
,
An Adventurer’s Guide to W3C Specs (mel/24a)2647
, , ,
A CSS-Only Carousel (sch)2646
,
A Tale of CSS Resets and Everything You Need to Know About Them (rii/web)2645
, , ,
Getting Started With Materialize—Materialize CSS From Scratch (pro)2644
, , ,
Interactivity and Animation With Variable Fonts (man/24w)2643
, , , ,
Server-Side Includes (SSI) Injection (owa)2642
,
Future Accessibility Guidelines—for People Who Can’t Wait to Read Them (rea/24w)2641
, ,
The State of UX in 2020 (fab+/uxd)2640
, ,
Web Components and the Accessibility Object Model (AOM) (tin/24a)2639
,
How to Ease Your Team’s Development Workflow With Git Hooks (lei/sma)2638
, , ,
Pico CSS (pic)2637
, , ,
Dynamic Typography With Variable Fonts (jpa/btc)2636
, , ,
Is There a Future Beyond Writing Great Code? (sma)2635
,
WebGL Tips (gre)2634
, ,
CSS: When to Use Logical Properties (j9t)2633
,
JavaScript Loops Made Easy (cod)2632
,
200 OK! Error Handling in GraphQL (sac)2631
,
CSS at the Intersection (btc)2630
,
Conversational Semantics (aar/btc)2629
, , ,
A Philosophy of Software Design: My Take (and a Book Review) (ger)2628
, ,
The Layers of the Web (ada/btc)2627
, ,
Getting Started With Puppeteer (sit)2626
, ,
Better Design With Deep Thinking (uxc/sma)2625
, ,
How TypeScript Makes You a Better JavaScript Developer (jsj/sit)2624
,
Microservices Introduction (biz)2623
,
What I’ve Learned About Accessibility in SPAs (nol)2622
, ,
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)2621
, , ,
Upgrade Your HTML (the Booklet) (j9t)2620
, , , ,
Things We Can’t (Yet) Do in CSS (rac/sma)2619
Shadow Tree Encapsulation Theory (ann)2618
,
How the Success of WordPress Is Due to Its Plugin Ecosystem (nex)2617
,
What Is Functional Programming? (asp/sit)2616
,
Speed Up Your Website With WebP (sma)2615
, , ,
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)2614
A Guide to Optimizing Images for Mobile (sma)2613
, , , ,
On Writing Better Markup (j9t)2612
, , , ,
Heading Levels (ann)2611
,
Should You Add WordPress Maintenance to Your Service Offering? (sma)2610
, , ,
The W3C at Twenty-Five (rac/sma)2609
,
U.S. Supreme Court Declines to Hear Case on Whether Commercial Websites and Mobile Apps Subject to Title III of the Americans With Disabilities Act (the “ADA”) (nat)2608
, ,
A Guide to New and Experimental CSS DevTools in Firefox (vx/sma)2607
, , , ,
CSS Circles (tyl/clo)2606
,
The Case for XML5 (ann)2605
Design Systems Are About Relationships (rcd/sma)2604
,
Create a Cron Job on AWS Lambda (cla/sit)2603
, ,
An Introduction to the Spatial Web (gre/gro)2602
,
How to Ensure Your Design System Helps to Achieve the Purpose of Your Product (101/sma)2601
, ,
Scripting SVN Releases (jul)2600
, ,
The Developer’s Fallacy of Close Collaboration With Designers (j9t)2599
, ,
Liquid Templating Crash Course2598
, , , ,
A Brief History of the Original Browsers and the First Browser War (whi)2597
, ,
What Is Vuetify? How to Install and Key Components Overview2596
, , , ,
How to Add CSS Vendor Prefixes Automatically (luk/not)2595
, , , , , , , ,
Definition of Web Developer (j9t)2594
, ,
Safari Technology Preview 91 Gets Beta Support for the WebGPU JavaScript API and WSL (pac)2593
, , ,
How to Change Your Favicon in Wordpress: A Step-by-Step Guide (yoa)2592
, , ,
How to Build Unique, Beautiful Websites With Tailwind CSS (cod/sit)2591
,
A Re-Introduction to Destructuring Assignment (lau/sma)2590
, ,
Security and Privacy for Our Times (luk/w3c)2589
, ,
Web Feature Developers Told to Dial Up Attention on Privacy and Security (rip/tec)2588
, , ,
Webflow: The Web Development Platform of the Future (101/sma)2587
Behaviours That Transform Organisations (bla)2586
, , , ,
CanIUse and MDN Compatibility Data Collaboration (flo+/moz)2585
, , , , ,
Should a Website Work Without Javascript? (chr/css)2584
,
It’s Not Wrong that '🤦🏼‍♂️'.length == 7 (hsi)2583
,
“Must Work Without JavaScript” (j9t)2582
,
Overflow and Data Loss in CSS (rac/sma)2581
, ,
Optional HTML (sto)2580
Firefox 69—a Tale of Resize Observer, Microtasks, CSS, and DevTools (chr/moz)2579
, , ,
VuePress: Documentation Made Easy (ben/sma)2578
, ,
Load Balancer and When to Use It (cap)2577
,
Edge Goes Chromium: What Does It Mean for Front-End Developers? (oll/css)2576
, , ,
GitHub Upgrades Two-Factor Authentication With WebAuthn Support (tim/the)2575
, ,
Faster Image Loading With Embedded Image Previews (sma)2574
, , , ,
Release Notes for Safari Technology Preview 90 (jon/web)2573
, , ,
Bringing a Better Design Process to Your Organization (uxc/sma)2572
,
The History of Browser Wars (rit/aco)2571
, ,
Optional HTML: Everything You Need to Know (j9t)2570
, ,
The (Upcoming) WordPress Renaissance (los/sma)2569
A Guide to Visual Testing With Percy (myx/sit)2568
, , ,
Handling Unused CSS in Sass to Improve Performance (web/sma)2567
, , ,
Jenkins Cheatsheet—Know the Top Best Practices of Jenkins (sau/edu)2566
, , , ,
Writing Modes and CSS Layout (rac/sma)2565
,
MSDN Magazine Ends in November (thu)2564
,
How to Set Up a Vue Development Environment (jch/sit)2563
, ,
AWS vs. Azure vs. Google: Cloud Services Comparison (mbu/var)2562
, , , , ,
I Used the Web for a Day on a 50 MB Budget (chr/sma)2561
,
Browsers Are Pretty Good at Loading Pages, It Turns Out (car)2560
, , ,
The Simplest Way to Load CSS Asynchronously (sco/fil)2559
, ,
When to Use “img,” “img@ srcset,” and “picture” and “source” (j9t)2558
,
The Ultimate Guide to Building Scalable Web Scrapers With Scrapy (sma)2557
, , ,
How to Run Heroku Scheduler Weekly (mtm)2556
,
Everything You Need to Know About CSS Margins (rac/sma)2555
,
Improve Your JavaScript Knowledge by Reading Source Code (car/sma)2554
,
UX Improvements for Keyboard Accessibility (vit/sma)2553
, , ,
Software Architecture Patterns—Layered Architecture (pri)2552
CSS Lists, Markers, and Counters (rac/sma)2551
,
Deeply Understand Currying in 7 Minutes (yaz)2550
,
Shifting the Performance Burden (sco/fil)2549
Using Slots in Vue.js (joe/sma)2548
An Introduction to Cloudflare Workers (tj/sit)2547
,
CSS Custom Properties in the Cascade (mia/sma)2546
, , ,
How to Get Started With Vuetify (myx/sit)2545
, , ,
The Anatomy of Accessible Forms: Error Messages (art/deq)2544
, , ,
A Beginner’s Guide to Vue CLI (tec/sit)2543
,
How to Enable Experimental Web Platform Features in Chrome and Firefox (mic/css)2542
, , , , , , ,
How to Use Redux With React Hooks (tre)2541
, , ,
Jamstack Fundamentals: What, What, and How (phi+/sma)2540
, ,
Optimizing Google Fonts Performance (dan/sma)2539
, , ,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)2538
, , , , ,
A Deep Dive Into Redux (sit)2537
,
Responsible JavaScript (mal/ali)2536
, , , , , ,
Web Accessibility in Context (sma)2535
, ,
So You Think You’re Design Driven (mic/seg)2534
Image Optimization in WordPress (ade/sma)2533
, , ,
CSS Selectors in Go2532
, , , ,
When Do We Need a Design System? An Interview With Brad Frost (bra+/sma)2531
,
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci)2530
, , , ,
Queer Design Club (que)2529
, ,
Perch Is Ten! Find Out What Comes Next (dre/gra)2528
Self-Host Your Static Assets (css)2527
, ,
Daily Ethical Design (ali)2526
,
W3C and WHATWG Come Together for HTML and DOM Specifications (jam/dev)2525
, , , ,
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the)2524
, , , ,
Characteristics of a Strong Performance Culture (tka)2523
, ,
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c)2522
, , , ,
W3C and WHATWG Agree to Work Together Over HTML and DOM (ipr)2521
, , , ,
Tips for Managing Design Systems (101/sma)2520
, , , , , ,
endoflife.date (nem)2519
,
Understanding Image Compression: Tooling and Context (j9t)2518
, , ,
Switching From WordPress to Hugo (chr/sma)2517
, ,
Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (pmi/sma)2516
, ,
Why the Highest-Paid Developers “Fight” Their Coworkers (sit)2515
, ,
WordPress → Hugo (mro)2514
, ,
The Scoville Scale of Web Font Loading Opinions (zac/btc)2513
, ,
Take Back Your Web (tan/btc)2512
, , ,
A Guide to the Pug HTML Template Preprocessor (jch/sit)2511
, ,
Beginner’s Guide: Build and Deploy a Web App With Ruby on Rails (wom)2510
, , , ,
Polypane, Browser for Developers and Designers, Available Now (kil)2509
,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)2508
, , , ,
A Crime Called Favicon (j9t)2507
, ,
Explore GraphQL With Apollo and React: Build a Superhero Database (sit)2506
, ,
A Practical Guide to SVG and Design Tools (mik/sma)2505
, , , , , , ,
Designing for the Future With Voice Prototypes (101/sma)2504
, ,
HTML Optimization: A Standard Config for HTMLMinifier (j9t/sum)2503
, , ,
An Introduction to Gulp.js (cra/sit)2502
, ,
Breaking to a New Row With Flexbox (tob)2501
, , ,
Getting to Know the MutationObserver API (lou/sma)2500
, ,
Tips for Technical Interviews (css)2499
, ,
How Can We Make Website Maintenance Work More Visible? (j9t)2498
Building a Node.js Express API to Convert Markdown to HTML (cod/sma)2497
, , , ,
Serve AMP Using Signed Exchanges (cry/amp)2496
, , ,
Optimizing Performance With Resource Hints (dre/sma)2495
, ,
Release Notes for Safari Technology Preview 80 (jon/web)2494
, , ,
Getting Up and Running With the Vue.js 2.0 Framework (jac/sit)2493
,
Art Direction for the Web Using CSS Shapes (mal/sma)2492
, , ,
Ethics for Designers (ia)2491
,
Understanding Subresource Integrity (dre/sma)2490
,
What’s Next for Web Development? (jch)2489
, ,
Print Styling, the 3 Basics (j9t)2488
, ,
New WebKit Features in Safari 12.1 (jon/web)2487
, , , ,
Pointer Events [Level 2] (ric+/w3c)2486
, ,
How to Use Spaces in Web Design With Gestalt Principles (aye/sma)2485
, ,
How to Align Things in CSS (rac/sma)2484
, ,
Introduction to Babel (imr)2483
, , ,
Parcel.js Quick Introduction—Zero Configuration Bundler (tec)2482
, , ,
How to Conditionally Apply a CSS Class in Vue.js (cha/sit)2481
, ,
JS vs. Java—Dynamic Typing2480
, ,
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)2479
, , ,
SVG Circle Decomposition to Paths (sma)2478
, ,
I Used the Web for a Day on Internet Explorer 8 (chr/sma)2477
, ,
Finally, a CSS Only Solution to “:hover” on Touchscreens (mez/itn)2476
,
A Quick Intro to Higher-Order Functions in JavaScript (yaz)2475
, ,
The Client/Server Rendering Spectrum (chr/css)2474
, ,
W3C Approves WebAuthn Authentication Standard That Could Do Away With Passwords (fir)2473
, , , ,
The Web Just Took a Big Step Toward a Password-Free Future (jon/ver)2472
, , , ,
CSS Remedy (chr/css)2471
,
“Cache-Control” for Civilians (css)2470
, ,
Breaking Boxes With CSS Fragmentation (rac/sma)2469
Sliding In and Out of Vue.js (kba/sma)2468
CSS Remedy—Rethinking the Approach to CSS Resets (kev)2467
,
Improving WordPress Code With Modern PHP (los/sma)2466
, ,
Including Animation in Your Design System (vlh/sma)2465
, ,
How to Avoid DOM Blocking in JavaScript (cra/sit)2464
, , ,
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)2463
, , , ,
5 Simple UX Principles to Guide Your Product Design (cla/sit)2462
, ,
How a Screen Reader User Surfs the Web (tin+/sma)2461
, , , ,
An Introduction to Web Bluetooth (htm/sma)2460
, ,
Why Every Browser Switching to Blink Could Be Bad News for the Web2459
, , , , , , ,
Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (sma)2458
, ,
Rendering on the Web (add+/dev)2457
, , , , ,
A Guide to CSS Support in Browsers (rac/sma)2456
, , , ,
DORA’s Journey: An Exploration (jez)2455
, ,
What’s New in ECMAScript 2019 (paw)2454
,
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)2453
,
Meteor Framework Review (asa)2452
Guide to Web Authentication (sub)2451
, , , ,
The 5 Raisons d’Être of Testing (nma)2450
,
UX in the Age of Personalization (col/ali)2449
,
Google Lighthouse and PWA (j9t)2448
, , ,
How to Migrate to Gulp.js 4.0 (cra/sit)2447
, ,
Truth About Template Engines2446
,
Web Standards: The What, the Why, and the How (red/sma)2445
, , ,
When and How to Use CSS Multi-Column Layout (rac/sma)2444
, ,
The Ethics of Web Performance (tka)2443
, ,
2018 JavaScript Rising Stars (mic+)2442
, , , , , , , , , , , , , ,
Automatic CloudFront Invalidation for S3 Origins (rew)2441
, , ,
a11y-syntax-highlighting (eri)2440
, , ,
How to Learn CSS (rac/sma)2439
, ,
Will PWAs Replace Native Mobile Apps? (sma)2438
, , ,
Common CSS Issues for Front-End Projects (sha/sma)2437
,
Prove You’re Not a Bot: reCAPTCHA Version 3 (24a)2436
, , ,
ARIA 1.1—What’s New? (bir/24a)2435
, ,
Generic First CSS: New Thinking on Mobile First (sti/sma)2434
, ,
Web Components Still Need to Be Accessible (eri/24a)2433
, ,
I Used the Web for a Day Using a Screen Reader (chr/sma)2432
,
Intro to Git Hooks2431
, ,
“ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element2430
, ,
It’s Beginning to Look a Lot Like XSSmas (ann/24w)2429
, , ,
I Threw Away My Mouse (mat/24a)2428
, , ,
Different Result From “Array.sort()”? (hey/tim)2427
, , , , , ,
Static vs. Server Rendering (jam/fro)2426
, , ,
Just Enough CSS for a Blog2425
, , ,
Speed Up Next-Page Navigations With Prefetching (add)2424
, , , , ,
Checking if an Input Is Empty With CSS (zel)2423
,
Keeping Sass Simple and Speedy on Eleventy (phi)2422
, ,
Protecting Your Site With Feature Policy (rac/sma)2421
, ,
Everything You Know About Web Design Just Changed (jen)2420
, , , , , , ,
Elements to Ditch or Repurpose on Mobile (sma)2419
, ,
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra/sit)2418
, , , ,
On Visions for Performance, or: Performance Optimization Is a Process (j9t)2417
, , ,