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)2,853
,
What Is SSI? What Are Server-Side Includes? (rsh)2,852
POURing ARIA Into the HTML Element Specs (car/24a)2,851
, ,
Pixels vs. Relative Units in CSS: Why It’s Still a Big Deal (res/24a)2,850
, ,
Usability and Security; Better Together (24w)2,849
, ,
Color Theory and Contrast Ratios (tel/24a)2,848
, , ,
There Is No Design System (jin/24w)2,847
,
New WebKit Features in Safari 13 (jon/web)2,846
, , , ,
An HTML Optimizer’s Config for html-minifier (j9t)2,845
, , , , , ,
“<select>” Your Poison (cod/24a)2,844
, , ,
How to Style and Animate the Letters in a String Using CSS (fos)2,843
, , ,
Landing Pages: The Art of Conversion (sum)2,842
,
Introduction to Web Accessibility (ipr)2,841
, , ,
A History of CSS Through Fifteen Years of 24 Ways (rac/24w)2,840
,
Automating Inclusive Documentation (pau/24a)2,839
, , ,
Twitter Proposes Open Social Network Standard (sjv/zdn)2,838
, , , ,
“rem” in CSS: Understanding and Using “rem” Units (ady/sit)2,837
,
WebAssembly Is Now the Fourth Web Standard Language (jax)2,836
, ,
When to Open Links in a New Tab (j9t)2,835
,
An Adventurer’s Guide to W3C Specs (mel/24a)2,834
, , ,
A CSS-Only Carousel (sch)2,833
,
A Tale of CSS Resets and Everything You Need to Know About Them (rii/web)2,832
, , ,
Interactivity and Animation With Variable Fonts (man/24w)2,831
, , , ,
Getting Started With Materialize—Materialize CSS From Scratch (pro)2,830
, , ,
Server-Side Includes (SSI) Injection (owa)2,829
,
Future Accessibility Guidelines—for People Who Can’t Wait to Read Them (rea/24w)2,828
, ,
Web Components and the Accessibility Object Model (AOM) (tin/24a)2,827
,
The State of UX in 2020 (fab+/uxd)2,826
, ,
How to Ease Your Team’s Development Workflow With Git Hooks (lei/sma)2,825
, , ,
Pico CSS (pic)2,824
, , ,
Dynamic Typography With Variable Fonts (jpa/btc)2,823
, , ,
Is There a Future Beyond Writing Great Code? (sma)2,822
,
WebGL Tips (gre)2,821
, ,
CSS: When to Use Logical Properties (j9t)2,820
,
JavaScript Loops Made Easy (cod)2,819
,
CSS at the Intersection (btc)2,818
,
200 OK! Error Handling in GraphQL (sac)2,817
,
Conversational Semantics (aar/btc)2,816
, , ,
The Layers of the Web (ada/btc)2,815
, ,
A Philosophy of Software Design: My Take (and a Book Review) (ger)2,814
, ,
Getting Started With Puppeteer (sit)2,813
, ,
Better Design With Deep Thinking (uxc/sma)2,812
, ,
Microservices Introduction (biz)2,811
,
How TypeScript Makes You a Better JavaScript Developer (jsj/sit)2,810
,
What I’ve Learned About Accessibility in SPAs (nol)2,809
, ,
Upgrade Your HTML (the Booklet) (j9t)2,808
, , , ,
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)2,807
, , ,
Things We Can’t (Yet) Do in CSS (rac/sma)2,806
Shadow Tree Encapsulation Theory (ann)2,805
,
How the Success of WordPress Is Due to Its Plugin Ecosystem (nex)2,804
,
What Is Functional Programming? (asp/sit)2,803
,
Speed Up Your Website With WebP (sma)2,802
, , ,
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)2,801
A Guide to Optimizing Images for Mobile (sma)2,800
, , , ,
On Writing Better Markup (j9t)2,799
, , , ,
Should You Add WordPress Maintenance to Your Service Offering? (sma)2,798
, , ,
Heading Levels (ann)2,797
,
The W3C at Twenty-Five (rac/sma)2,796
,
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)2,795
, ,
A Guide to New and Experimental CSS DevTools in Firefox (vx/sma)2,794
, , , ,
CSS Circles (tyl/clo)2,793
,
The Case for XML5 (ann)2,792
Design Systems Are About Relationships (rcd/sma)2,791
,
Create a Cron Job on AWS Lambda (cla/sit)2,790
, ,
An Introduction to the Spatial Web (gre/gro)2,789
,
The Developer’s Fallacy of Close Collaboration With Designers (j9t)2,788
, ,
Scripting SVN Releases (jul)2,787
, ,
How to Ensure Your Design System Helps to Achieve the Purpose of Your Product (101/sma)2,786
, ,
Happy 25th Anniversary, World Wide Web Consortium! (koa/w3c)2,785
,
Liquid Templating Crash Course2,784
, , , ,
A Brief History of the Original Browsers and the First Browser War (whi)2,783
, ,
What Is Vuetify? How to Install and Key Components Overview2,782
, , , ,
How to Add CSS Vendor Prefixes Automatically (luk/not)2,781
, , , , , , , ,
Definition of Web Developer (j9t)2,780
, ,
Safari Technology Preview 91 Gets Beta Support for the WebGPU JavaScript API and WSL (pac)2,779
, , ,
How to Change Your Favicon in Wordpress: A Step-by-Step Guide (yoa)2,778
, , ,
How to Build Unique, Beautiful Websites With Tailwind CSS (cod/sit)2,777
,
A Re-Introduction to Destructuring Assignment (lau/sma)2,776
, ,
Web Feature Developers Told to Dial Up Attention on Privacy and Security (rip/tec)2,775
, , ,
Security and Privacy for Our Times (luk/w3c)2,774
, ,
Webflow: The Web Development Platform of the Future (101/sma)2,773
Behaviours That Transform Organisations (bla)2,772
, , , ,
CanIUse and MDN Compatibility Data Collaboration (flo+/moz)2,771
, , , , , ,
It’s Not Wrong that “'🤦🏼‍♂️'.length == 7” (hsi)2,770
,
Should a Website Work Without JavaScript? (chr/css)2,769
,
“Must Work Without JavaScript” (j9t)2,768
,
Overflow and Data Loss in CSS (rac/sma)2,767
, ,
Optional HTML (sto)2,766
Firefox 69—a Tale of Resize Observer, Microtasks, CSS, and DevTools (chr/moz)2,765
, , ,
VuePress: Documentation Made Easy (ben/sma)2,764
, ,
Load Balancer and When to Use It (cap)2,763
,
Edge Goes Chromium: What Does It Mean for Front-End Developers? (oll/css)2,762
, , ,
GitHub Upgrades Two-Factor Authentication With WebAuthn Support (tim/the)2,761
, ,
Faster Image Loading With Embedded Image Previews (sma)2,760
, , , ,
The History of Browser Wars (rit/aco)2,759
, ,
Release Notes for Safari Technology Preview 90 (jon/web)2,758
, , ,
Bringing a Better Design Process to Your Organization (uxc/sma)2,757
,
Optional HTML: Everything You Need to Know (j9t)2,756
, ,
The (Upcoming) WordPress Renaissance (los/sma)2,755
A Guide to Visual Testing With Percy (myx/sit)2,754
, , ,
Handling Unused CSS in Sass to Improve Performance (web/sma)2,753
, , ,
Jenkins Cheatsheet—Know the Top Best Practices of Jenkins (sau/edu)2,752
, , , ,
Writing Modes and CSS Layout (rac/sma)2,751
,
MSDN Magazine Ends in November (thu)2,750
,
How to Set Up a Vue Development Environment (jch/sit)2,749
, ,
AWS vs. Azure vs. Google: Cloud Services Comparison (mbu/var)2,748
, , , , ,
I Used the Web for a Day on a 50 MB Budget (chr/sma)2,747
,
Browsers Are Pretty Good at Loading Pages, It Turns Out (car)2,746
, , ,
The Simplest Way to Load CSS Asynchronously (sco/fil)2,745
, ,
When to Use “img,” “img@ srcset,” and “picture” and “source” (j9t)2,744
,
The Ultimate Guide to Building Scalable Web Scrapers With Scrapy (sma)2,743
, , ,
How to Run Heroku Scheduler Weekly (mtm)2,742
,
Everything You Need to Know About CSS Margins (rac/sma)2,741
,
Improve Your JavaScript Knowledge by Reading Source Code (car/sma)2,740
,
UX Improvements for Keyboard Accessibility (vit/sma)2,739
, , ,
Software Architecture Patterns—Layered Architecture (pri)2,738
CSS Lists, Markers, and Counters (rac/sma)2,737
,
Deeply Understand Currying in 7 Minutes (yaz)2,736
,
Using Slots in Vue.js (joe/sma)2,735
Shifting the Performance Burden (sco/fil)2,734
An Introduction to Cloudflare Workers (tj/sit)2,733
,
CSS Custom Properties in the Cascade (mia/sma)2,732
, , ,
How to Get Started With Vuetify (myx/sit)2,731
, , ,
The Anatomy of Accessible Forms: Error Messages (art/deq)2,730
, , ,
A Beginner’s Guide to Vue CLI (tec/sit)2,729
,
How to Enable Experimental Web Platform Features in Chrome and Firefox (mic/css)2,728
, , , , , , ,
Optimizing Google Fonts Performance (dan/sma)2,727
, , ,
Jamstack Fundamentals: What, What, and How (phi+/sma)2,726
, ,
How to Use Redux With React Hooks (tre)2,725
, , ,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)2,724
, , , , ,
Responsible JavaScript (mal/ali)2,723
, , , , , ,
A Deep Dive Into Redux (sit)2,722
,
Privacy Anti-Patterns in Standards (w3c)2,721
, ,
Web Accessibility in Context (sma)2,720
, ,
So You Think You’re Design Driven (mic/seg)2,719
Image Optimization in WordPress (ade/sma)2,718
, , ,
CSS Selectors in Go2,717
, , , ,
When Do We Need a Design System? An Interview With Brad Frost (bra+/sma)2,716
,
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci)2,715
, , , ,
Self-Host Your Static Assets (css)2,714
, ,
Queer Design Club (que)2,713
, ,
Perch Is Ten! Find Out What Comes Next (dre/gra)2,712
,
Daily Ethical Design (ali)2,711
,
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the)2,710
, , , ,
W3C and WHATWG Come Together for HTML and DOM Specifications (jam/dev)2,709
, , , ,
Characteristics of a Strong Performance Culture (tka)2,708
, ,
W3C and WHATWG Agree to Work Together Over HTML and DOM (ipr)2,707
, , , ,
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c)2,706
, , , ,
Tips for Managing Design Systems (101/sma)2,705
, , , , , ,
endoflife.date (nem)2,704
,
Understanding Image Compression: Tooling and Context (j9t)2,703
, , ,
Switching From WordPress to Hugo (chr/sma)2,702
, ,
Why the Highest-Paid Developers “Fight” Their Coworkers (sit)2,701
, ,
Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (pmi/sma)2,700
, ,
WordPress → Hugo (mro)2,699
, ,
Normalize CSS or CSS Reset?! (ela)2,698
, ,
The Scoville Scale of Web Font Loading Opinions (zac/btc)2,697
, ,
Take Back Your Web (tan/btc)2,696
, , ,
A Guide to the Pug HTML Template Preprocessor (jch/sit)2,695
, ,
Polypane, Browser for Developers and Designers, Available Now (kil)2,694
,
Beginner’s Guide: Build and Deploy a Web App With Ruby on Rails (wom)2,693
, , , ,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb)2,692
, , , ,
A Crime Called Favicon (j9t)2,691
, ,
Explore GraphQL With Apollo and React: Build a Superhero Database (sit)2,690
, ,
A Practical Guide to SVG and Design Tools (mik/sma)2,689
, , , , , , ,
Designing for the Future With Voice Prototypes (101/sma)2,688
, ,
HTML Optimization: A Standard Config for HTMLMinifier (j9t/sum)2,687
, , ,
Breaking to a New Row With Flexbox (tob)2,686
, , ,
An Introduction to Gulp.js (cra/sit)2,685
, ,
Getting to Know the MutationObserver API (lou/sma)2,684
, ,
Tips for Technical Interviews (css)2,683
, ,
How Can We Make Website Maintenance Work More Visible? (j9t)2,682
Building a Node.js Express API to Convert Markdown to HTML (cod/sma)2,681
, , , ,
Serve AMP Using Signed Exchanges (cry/amp)2,680
, , ,
Release Notes for Safari Technology Preview 80 (jon/web)2,679
, , ,
Optimizing Performance With Resource Hints (dre/sma)2,678
, ,
Getting Up and Running With the Vue.js 2.0 Framework (jac/sit)2,677
,
Ethics for Designers (ia)2,676
,
Art Direction for the Web Using CSS Shapes (mal/sma)2,675
, , ,
Understanding Subresource Integrity (dre/sma)2,674
, ,
What’s Next for Web Development? (jch)2,673
, ,
Print Styling, the 3 Basics (j9t)2,672
, ,
New WebKit Features in Safari 12.1 (jon/web)2,671
, , , ,
Pointer Events [Level 2] (ric+/w3c)2,670
, ,
How to Use Spaces in Web Design With Gestalt Principles (aye/sma)2,669
, ,
W3C Strategic Highlights: Outreach to the World (Developer Relations) (amy/w3c)2,668
,
How to Align Things in CSS (rac/sma)2,667
, ,
Parcel.js Quick Introduction—Zero Configuration Bundler (tec)2,666
, , ,
Introduction to Babel (imr)2,665
, , ,
W3C Strategic Highlights: Web for All (Web Accessibility) (amy/w3c)2,664
, ,
How to Conditionally Apply a CSS Class in Vue.js (cha/sit)2,663
, ,
SVG Circle Decomposition to Paths (sma)2,662
, ,
JS vs. Java—Dynamic Typing2,661
, ,
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)2,660
, , ,
W3C Strategic Highlights: Web for All (Internationalization [I18N]) (amy/w3c)2,659
,
I Used the Web for a Day on Internet Explorer 8 (chr/sma)2,658
, ,
W3C Strategic Highlights: Web for All (Security, Privacy, Identity) (w3c)2,657
, , ,
Finally, a CSS Only Solution to “:hover” on Touchscreens (mez/itn)2,656
,
30 Years Ago the World Changed Forever (koa/w3c)2,655
,
A Quick Intro to Higher-Order Functions in JavaScript (yaz)2,654
, ,
The Client/Server Rendering Spectrum (chr/css)2,653
, ,
W3C Approves WebAuthn Authentication Standard That Could Do Away With Passwords (fir)2,652
, , , ,
The Web Just Took a Big Step Toward a Password-Free Future (jon/ver)2,651
, , , ,
CSS Remedy (chr/css)2,650
,
“Cache-Control” for Civilians (css)2,649
, ,
Breaking Boxes With CSS Fragmentation (rac/sma)2,648
Sliding In and Out of Vue.js (kba/sma)2,647
Better Web Video With AV1 Codec (sit/evi)2,646
,
CSS Remedy—Rethinking the Approach to CSS Resets (kev)2,645
,
Improving WordPress Code With Modern PHP (los/sma)2,644
, ,
Including Animation in Your Design System (vlh/sma)2,643
, ,
How to Avoid DOM Blocking in JavaScript (cra/sit)2,642
, , ,
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)2,641
, , , ,
5 Simple UX Principles to Guide Your Product Design (cla/sit)2,640
, ,
W3C Strategic Highlights: Strengthening the Core of the Web (CSS) (amy/w3c)2,639
, ,
How a Screen Reader User Surfs the Web (tin+/sma)2,638
, , , ,
Why Every Browser Switching to Blink Could Be Bad News for the Web2,637
, , , , , , ,
An Introduction to Web Bluetooth (htm/sma)2,636
, ,
Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (sma)2,635
, ,
No EPUBCheck, no EPUB (w3c)2,634
,
Rendering on the Web (add+/dev)2,633
, , , , ,
A Guide to CSS Support in Browsers (rac/sma)2,632
, , , ,
What’s New in ECMAScript 2019 (paw)2,631
,
Tachyons CSS Framework/Library Review (daw)2,630
, , ,
DORA’s Journey: An Exploration (jez)2,629
, ,
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)2,628
,
Meteor Framework Review (asa)2,627
Guide to Web Authentication (sub)2,626
, , , ,
The 5 Raisons d’Être of Testing (nma)2,625
,
W3C Strategic Highlights: Future Web Standards (amy/w3c)2,624
, ,
UX in the Age of Personalization (col/ali)2,623
,
How to Migrate to Gulp.js 4.0 (cra/sit)2,622
, ,
Google Lighthouse and PWA (j9t)2,621
, , ,
Truth About Template Engines2,620
,
Web Standards: The What, the Why, and the How (red/sma)2,619
, , ,
When and How to Use CSS Multi-Column Layout (rac/sma)2,618
, ,
The Ethics of Web Performance (tka)2,617
, ,
2018 JavaScript Rising Stars (mic+)2,616
, , , , , , , , , , , , , ,
Automatic CloudFront Invalidation for S3 Origins (rew)2,615
, , ,
How to Learn CSS (rac/sma)2,614
, ,
a11y-syntax-highlighting (eri)2,613
, , ,
Will PWAs Replace Native Mobile Apps? (sma)2,612
, , ,
Common CSS Issues for Front-End Projects (sha/sma)2,611
,
Prove You’re Not a Bot: reCAPTCHA Version 3 (24a)2,610
, , ,
ARIA 1.1—What’s New? (bir/24a)2,609
, ,
Generic First CSS: New Thinking on Mobile First (sti/sma)2,608
, ,
Web Components Still Need to Be Accessible (eri/24a)2,607
, ,
I Used the Web for a Day Using a Screen Reader (chr/sma)2,606
,
Intro to Git Hooks2,605
, ,
“ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element2,604
, ,