Frontend Dogma

“2010s” Archive

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

Entry (With Sources) and Other Related TopicsDate#
Helping Browsers Optimize With the CSS “contain” Property (by/via)2190
,
What Is SSI? What Are Server-Side Includes? (via)2189
POURing ARIA Into the HTML Element Specs (by/via)2188
, ,
Pixels vs. Relative Units in CSS: Why It’s Still a Big Deal (by/via)2187
, ,
Color Theory and Contrast Ratios (by/via)2186
, , ,
Usability and Security; Better Together (via)2185
, ,
New WebKit Features in Safari 13 (by/via)2184
, , , ,
There Is No Design System (by/via)2183
,
An HTML Optimizer’s Config for html-minifier (by)2182
, , , , , ,
“<select>” Your Poison (by/via)2181
, , ,
How to Style and Animate the Letters in a String Using CSS (by)2180
, , ,
Landing Pages: The Art of Conversion (via)2179
,
A History of CSS Through Fifteen Years of 24 Ways (by/via)2178
,
Automating Inclusive Documentation (by/via)2177
, , ,
“rem” in CSS: Understanding and Using “rem” Units (by/via)2176
,
An Adventurer’s Guide to W3C Specs (by/via)2175
, , ,
When to Open Links in a New Tab (by)2174
,
A Tale of CSS Resets and Everything You Need to Know About Them (by/via)2173
, , ,
Getting Started With Materialize—Materialize CSS From Scratch (by)2172
, , ,
Interactivity and Animation With Variable Fonts (by/via)2171
, , , ,
Future Accessibility Guidelines—for People Who Can’t Wait to Read Them (by/via)2170
, ,
Web Components and the Accessibility Object Model (AOM) (by/via)2169
,
How to Ease Your Team’s Development Workflow With Git Hooks (by/via)2168
, , ,
The State of UX in 2020 (by+/via)2167
, ,
Pico CSS (via)2166
, , ,
Dynamic Typography With Variable Fonts (by/via)2165
, , ,
Is There a Future Beyond Writing Great Code? (via)2164
,
WebGL Tips (by)2163
, ,
CSS: When to Use Logical Properties (by)2162
,
200 OK! Error Handling in GraphQL (by)2161
,
CSS at the Intersection (via)2160
,
Conversational Semantics (by/via)2159
, , ,
A Philosophy of Software Design: My Take (and a Book Review) (by)2158
, ,
The Layers of the Web (by/via)2157
, ,
Getting Started With Puppeteer (via)2156
, ,
Better Design With Deep Thinking (by/via)2155
, ,
How TypeScript Makes You a Better JavaScript Developer (by/via)2154
,
Microservices Introduction (by)2153
,
What I’ve Learned About Accessibility in SPAs (by)2152
, ,
JavaScript Isn’t Always Available and It’s Not the User’s Fault (by)2151
, , ,
Upgrade Your HTML (the Booklet) (by)2150
, , , ,
Things We Can’t (Yet) Do in CSS (by/via)2149
Shadow Tree Encapsulation Theory (by)2148
,
How the Success of WordPress Is Due to Its Plugin Ecosystem (via)2147
,
Speed Up Your Website With WebP (via)2146
, , ,
What Is Functional Programming? (by/via)2145
,
Writing Asynchronous Tasks in Modern JavaScript (by/via)2144
A Guide to Optimizing Images for Mobile (via)2143
, , , ,
On Writing Better Markup (by)2142
, , , ,
Should You Add WordPress Maintenance to Your Service Offering? (via)2141
, , ,
Heading Levels (by)2140
,
The W3C at Twenty-Five (by/via)2139
,
A Guide to New and Experimental CSS DevTools in Firefox (by/via)2138
, , , ,
CSS Circles (by/via)2137
,
The Case for XML5 (by)2136
Design Systems Are About Relationships (by/via)2135
,
Create a Cron Job on AWS Lambda (by/via)2134
, ,
An Introduction to the Spatial Web (by/via)2133
,
How to Ensure Your Design System Helps to Achieve the Purpose of Your Product (by/via)2132
, ,
Scripting SVN Releases (by)2131
, ,
The Developer’s Fallacy of Close Collaboration With Designers (by)2130
, ,
Liquid Templating Crash Course2129
, , , ,
A Brief History of the Original Browsers and the First Browser War (by)2128
, ,
What Is Vuetify? How to Install and Key Components Overview2127
, , , ,
How to Add CSS Vendor Prefixes Automatically (by/via)2126
, , , , , , , ,
Definition of Web Developer (by)2125
, ,
A Re-Introduction to Destructuring Assignment (by/via)2124
, ,
How to Build Unique, Beautiful Websites With Tailwind CSS (by/via)2123
,
Webflow: The Web Development Platform of the Future (by/via)2122
Behaviours That Transform Organisations (by)2121
, , , ,
Caniuse and MDN Compatibility Data Collaboration (by+/via)2120
, , ,
Should a Website Work Without Javascript? (by/via)2119
,
It’s Not Wrong that '🤦🏼‍♂️'.length == 7 (by)2118
,
“Must Work Without JavaScript” (by)2117
,
Overflow and Data Loss in CSS (by/via)2116
, ,
Firefox 69—a Tale of Resize Observer, Microtasks, CSS, and DevTools (by/via)2115
, , ,
Optional HTML (by)2114
Load Balancer and When to Use It (by)2113
,
VuePress: Documentation Made Easy (by/via)2112
, ,
Edge Goes Chromium: What Does It Mean for Front-End Developers? (by/via)2111
, , ,
Faster Image Loading With Embedded Image Previews (via)2110
, , , ,
Release Notes for Safari Technology Preview 90 (by/via)2109
, , ,
Bringing a Better Design Process to Your Organization (by/via)2108
,
The History of Browser Wars (by/via)2107
, ,
Optional HTML: Everything You Need to Know (by)2106
, ,
The (Upcoming) WordPress Renaissance (by/via)2105
A Guide to Visual Testing With Percy (by/via)2104
, , ,
Handling Unused CSS in Sass to Improve Performance (by/via)2103
, , ,
Jenkins Cheatsheet—Know the Top Best Practices of Jenkins (by/via)2102
, , , ,
Writing Modes and CSS Layout (by/via)2101
,
How to Set Up a Vue Development Environment (by/via)2100
, ,
MSDN Magazine Ends in November (by)2099
,
AWS vs. Azure vs. Google: Cloud Services Comparison (by/via)2098
, , , , ,
I Used the Web for a Day on a 50 MB Budget (by/via)2097
,
Browsers Are Pretty Good at Loading Pages, It Turns Out (by)2096
, , ,
The Simplest Way to Load CSS Asynchronously (by/via)2095
, ,
When to Use “img,” “img@ srcset,” and “picture” and “source” (by)2094
,
The Ultimate Guide to Building Scalable Web Scrapers With Scrapy (via)2093
, , ,
How to Run Heroku Scheduler Weekly (by)2092
,
Everything You Need to Know About CSS Margins (by/via)2091
,
Improve Your JavaScript Knowledge by Reading Source Code (by/via)2090
,
UX Improvements for Keyboard Accessibility (by/via)2089
, , ,
CSS Lists, Markers, and Counters (by/via)2088
,
Using Slots in Vue.js (by/via)2087
Shifting the Performance Burden (by/via)2086
An Introduction to Cloudflare Workers (by/via)2085
,
CSS Custom Properties in the Cascade (by/via)2084
, , ,
How to Get Started With Vuetify (by/via)2083
, , ,
A Beginner’s Guide to Vue CLI (by/via)2082
,
The Anatomy of Accessible Forms: Error Messages (by/via)2081
, , ,
How to Use Redux With React Hooks (by)2080
, , ,
Jamstack Fundamentals: What, What, and How (by+/via)2079
, ,
Optimizing Google Fonts Performance (by/via)2078
, , ,
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (by)2077
, , , , ,
Responsible JavaScript (by/via)2076
, , , , , ,
A Deep Dive Into Redux (via)2075
,
Web Accessibility in Context (via)2074
, ,
Image Optimization in WordPress (by/via)2073
, , ,
So You Think You’re Design Driven (by/via)2072
When Do We Need a Design System? An Interview With Brad Frost (by+/via)2071
,
Perch Is Ten! Find Out What Comes Next (by/via)2070
Self-Host Your Static Assets (by)2069
, ,
Daily Ethical Design (via)2068
,
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (via)2067
, ,
Tips for Managing Design Systems (by/via)2066
, , , , , ,
endoflife.date (by)2065
,
Switching From WordPress to Hugo (by/via)2064
, ,
Understanding Image Compression: Tooling and Context (by)2063
, , ,
Why the Highest-Paid Developers “Fight” Their Coworkers (via)2062
, ,
Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (by/via)2061
, ,
WordPress → Hugo (by)2060
, ,
Take Back Your Web (by/via)2059
, , ,
The Scoville Scale of Web Font Loading Opinions (by/via)2058
, ,
A Guide to the Pug HTML Template Preprocessor (by/via)2057
, ,
Polypane, Browser for Developers and Designers, Available Now (by)2056
,
Beginner’s Guide: Build and Deploy a Web App With Ruby on Rails (via)2055
, , , ,
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (via)2054
, , , ,
A Crime Called Favicon (by)2053
, ,
Explore GraphQL With Apollo and React: Build a Superhero Database (via)2052
, ,
A Practical Guide to SVG and Design Tools (by/via)2051
, , , , , , ,
Designing for the Future With Voice Prototypes (by/via)2050
, ,
HTML Optimization: A Standard Config for HTMLMinifier (by/via)2049
, , ,
An Introduction to Gulp.js (by/via)2048
, ,
Breaking to a New Row With Flexbox (by)2047
, , ,
Getting to Know the MutationObserver API (by/via)2046
, ,
Tips for Technical Interviews (by)2045
, ,
How Can We Make Website Maintenance Work More Visible? (by)2044
Building a Node.js Express API to Convert Markdown to HTML (by/via)2043
, , , ,
Optimizing Performance With Resource Hints (by/via)2042
, ,
Release Notes for Safari Technology Preview 80 (by/via)2041
, , ,
Getting Up and Running With the Vue.js 2.0 Framework (by/via)2040
,
Art Direction for the Web Using CSS Shapes (by/via)2039
, , ,
Ethics for Designers (by)2038
,
Understanding Subresource Integrity (by/via)2037
,
What’s Next for Web Development? (by)2036
, ,
New WebKit Features in Safari 12.1 (by/via)2035
, , , ,
Print Styling, the 3 Basics (by)2034
, ,
How to Use Spaces in Web Design With Gestalt Principles (by/via)2033
, ,
How to Align Things in CSS (by/via)2032
, ,
Introduction to Babel (by)2031
, , ,
Parcel.js Quick Introduction—Zero Configuration Bundler (by)2030
, , ,
How to Conditionally Apply a CSS Class in Vue.js (by/via)2029
, ,
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (by)2028
, , ,
SVG Circle Decomposition to Paths (via)2027
, ,
JS vs. Java—Dynamic Typing2026
, ,
I Used the Web for a Day on Internet Explorer 8 (by/via)2025
, ,
Finally, a CSS Only Solution to “:hover” on Touchscreens (by/via)2024
,
The Client/Server Rendering Spectrum (by/via)2023
, ,
CSS Remedy (by/via)2022
,
“Cache-Control” for Civilians (by)2021
, ,
Breaking Boxes With CSS Fragmentation (by/via)2020
Sliding In and Out of Vue.js (by/via)2019
CSS Remedy—Rethinking the Approach to CSS Resets (by)2018
,
Improving WordPress Code With Modern PHP (by/via)2017
, ,
Including Animation in Your Design System (by/via)2016
, ,
How to Avoid DOM Blocking in JavaScript (by/via)2015
, , ,
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (via)2014
, , , ,
5 Simple UX Principles to Guide Your Product Design (by/via)2013
, ,
How a Screen Reader User Surfs the Web (by+/via)2012
, , , , ,
An Introduction to Web Bluetooth (by/via)2011
, ,
Why Every Browser Switching to Blink Could Be Bad News for the Web2010
, , , , , , ,
Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (via)2009
, ,
Rendering on the Web (by+/via)2008
, , , , ,
A Guide to CSS Support in Browsers (by/via)2007
, , , ,
DORA’s Journey: An Exploration (by)2006
, ,
What’s New in ECMAScript 2019 (by)2005
,
HTML and Performance: Leave Out Optional Tags and Quotes (by)2004
,
Meteor Framework Review (by)2003
Guide to Web Authentication (by)2002
, , ,
UX in the Age of Personalization (by/via)2001
,
Google Lighthouse and PWA (by)2000
, , ,
How to Migrate to Gulp.js 4.0 (by/via)1999
, ,
Truth About Template Engines1998
,
Web Standards: The What, the Why, and the How (by/via)1997
, , ,
When and How to Use CSS Multi-Column Layout (by/via)1996
, ,
2018 JavaScript Rising Stars (by+)1995
, , , , , , , , , , , , , ,
Automatic CloudFront Invalidation for S3 Origins (via)1994
, , ,
How to Learn CSS (by/via)1993
, ,
a11y-syntax-highlighting (by)1992
, , ,
Will PWAs Replace Native Mobile Apps? (via)1991
, , ,
Common CSS Issues for Front-End Projects (by/via)1990
,
Prove You’re Not a Bot: reCAPTCHA Version 3 (via)1989
, , ,
ARIA 1.1—What’s New? (by/via)1988
, ,
Generic First CSS: New Thinking on Mobile First (by/via)1987
, ,
Web Components Still Need to Be Accessible (by/via)1986
, ,
I Used the Web for a Day Using a Screen Reader (by/via)1985
, ,
It’s Beginning to Look a Lot Like XSSmas (by/via)1984
, , ,
“ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element1983
, ,
I Threw Away My Mouse (by/via)1982
, , ,
Static vs. Server Rendering (by/via)1981
, , ,
Different Result From “Array.sort()”? (by/via)1980
, , , , , ,
Speed Up Next-Page Navigations With Prefetching (by)1979
, , , , ,
Keeping Sass Simple and Speedy on Eleventy (by)1978
, ,
Protecting Your Site With Feature Policy (by/via)1977
, ,
Checking if an Input Is Empty With CSS (by)1976
,
Elements to Ditch or Repurpose on Mobile (via)1975
, ,
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (by/via)1974
, , , ,
On Visions for Performance, or: Performance Optimization Is a Process (by)1973
, , ,
The “D” in the DOM (by/via)1972
, ,
The State of UX in 2019 (by+/via)1971
, ,
Giving Back to the Community (by/via)1970
A Blue Beanie for Blue Beanie Day (via)1969
, , ,
Browsing Versus Searching in Design1968
, ,
Strategies for Headless Projects With Structured Content Management Systems (by/via)1967
, ,
A Complete Guide to Routing in Angular (by/via)1966
, ,
Amazon DynamoDB Deep Dive: Advanced Design Patterns for DynamoDB (by/via)1965
, , , , ,
An Extensive Guide to Progressive Web Applications (by/via)1964
, , , ,
Avoiding the Pitfalls of Automatically Inlined Code (by/via)1963
, , ,
JavaScript Is for Web Apps, Not for Websites1962
,
Should Designers Code (by)1961
, ,
From Maker to Manager: How to Take the Leap (by/via)1960
, ,
Release Notes for Safari Technology Preview 70 (by/via)1959
, , ,
Sending Emails Asynchronously Through AWS SES (by/via)1958
,
Extreme Typography on the Web (by/via)1957
,
I, Human (by/via)1956
, ,
Performance Rule #1: Do What You Need to Do—But Not More (by)1955
,
CSS Frameworks or CSS Grid: What Should I Use for My Project? (by/via)1954
, , ,
Reduce JavaScript Payloads With Code Splitting (by+/via)1953
, ,
A Netflix Web Performance Case Study (by/via)1952
,
Improve Animated GIF Performance With HTML5 Video (by/via)1951
, , ,
Performance Budgets 101 (by/via)1950
, , ,
Redesigning Your Product and Website for Dark Mode (by)1949
, ,
Focus Trapping for Accessibility (A11Y)1948
, , ,
AWS Security Guide: 7 Best Practices to Avoid Security Risks (via)1947
, , ,
Non-Noxious Nomenclature (via)1946
Headless WordPress: The Ups and Downs of Creating a Decoupled WordPress (by/via)1945
,
Build a Single-Page App With Go and Vue (by/via)1944
, ,
Using WordPress as a Headless CMS (by/via)1943
, ,
Firefox 63—Tricks and Treats (via)1942
, , ,
Extending Built-In Elements (by)1941
, , ,