Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2010s” News Archive

Definition, related topics, and tag feed

“2010s” RSS feed (per email)

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 Additional TopicsDate#
A Use Case for a Parent Selector (chr/css)3,981
css, selectors
Helping Browsers Optimize With the CSS “contain” Property (rac/sma)3,980
css, containment, layout
What Is SSI? What Are Server-Side Includes?3,979
ssi
How to Modify Nodes in an Abstract Syntax Tree (jle/css)3,978
how-tos, nodejs, markdown
Why Do We Use .html Instead of .htm? (chr/css)3,977
html
POURing ARIA Into the HTML Element Specs (24a)3,976
accessibility, aria, html
Pixels vs. Relative Units in CSS: Why It’s Still a Big Deal (res/24a)3,975
accessibility, css, units
Color Theory and Contrast Ratios (tel/24a)3,974
accessibility, colors, contrast, color-blindness
Usability and Security; Better Together (24w)3,973
usability, security, user-experience
RTL Styling 101 (sha)3,972
introductions, internationalization, layout, design, css, html
New WebKit Features in Safari 13 (jon/web)3,971
release-notes, safari, apple, browsers, webkit
There Is No Design System (jin/24w)3,970
design-systems, concepts
An HTML Optimizer’s Config for HTML Minifier (j9t)3,969
html, html-minifier, minification, optimization, configuration, performance, minimalism
How to Style and Animate the Letters in a String Using CSS (fos)3,968
how-tos, html, css, animations
“<select>” Your Poison (cod/24a)3,967
accessibility, forms, aria, keyboard-navigation
Print-Inspired Layout on the Web (chr/css)3,966
design, print, css, layout
Landing Pages: The Art of Conversion3,965
landing-pages, user-conversion
The Jamstack Landscape (css)3,964
jamstack, netlify
The Order of CSS Classes in HTML Doesn’t Matter (fon/css)3,963
html, css, cascade
Introduction to Web Accessibility3,962
introductions, accessibility, courses, training
A History of CSS Through Fifteen Years of 24 Ways (rac/24w)3,961
css, history
Automating Inclusive Documentation (pau/24a)3,960
documentation, accessibility, dei, automation
Marking Required Fields in Online Forms3,959
videos, forms, usability
The Origin Story of Container Queries (zac)3,958
css, container-queries, history
Twitter Proposes Open Social Network Standard (zdn)3,957
twitter+x, bluesky, social-media, fediverse, standards
Just Sharing My Gulpfile (chr/css)3,956
gulp, configuration
“rem” in CSS: Understanding and Using “rem” Units3,955
css, units
WebAssembly Is Now the Fourth Web Standard Language3,954
webassembly, standards, w3c
Quoting in HTML: Quotations, Citations, and Blockquotes (css)3,953
html, semantics
An Adventurer’s Guide to W3C Specs (mel/24a)3,952
guides, accessibility, w3c, standards
When to Open Links in a New Tab (j9t)3,951
links, user-experience
A CSS-Only Carousel (sch)3,950
css, carousels
You Should Be the Worst Developer in Your Team (fla)3,949
learning, career
A Tale of CSS Resets and Everything You Need to Know About Them3,948
css, resets, examples, link-lists
Getting Started With Materialize—Materialize CSS From Scratch3,947
introductions, videos, materialize, material-design
Interactivity and Animation With Variable Fonts (man/24w)3,946
variable-fonts, fonts, animations, javascript, css
Eleventy Walk Through3,945
guides, eleventy
The Rising Complexity of Jamstack Sites and How to Manage Them (css)3,944
tech-stacks, jamstack, complexity
Server-Side Includes (SSI) Injection (owa)3,943
ssi, security
Future Accessibility Guidelines—for People Who Can’t Wait to Read Them (24w)3,942
accessibility, guidelines, outlooks
Dark Mode Favicons (chr/css)3,941
favicons, images, dark-mode
How to Ease Your Team’s Development Workflow With Git Hooks (sma)3,940
how-tos, automation, git, git-hooks
Web Components and the Accessibility Object Model (AOM) (tin/24a)3,939
accessibility, web-components
Having a Little Fun With Custom Focus Styles (css)3,938
css, focus, buttons
The State of UX in 2020 (fab)3,937
user-experience, design, outlooks
Pico CSS3,936
websites, frameworks, css, pico
Dynamic Typography With Variable Fonts (btc)3,935
videos, typography, fonts, variable-fonts
Is There a Future Beyond Writing Great Code? (sma)3,934
career, engineering-management
WebGL Tips3,933
webgl, canvas, tips-and-tricks
CSS: When to Use Logical Properties (j9t)3,932
css, logical-properties
CSS at the Intersection (btc)3,931
videos, css
200 OK! Error Handling in GraphQL3,930
graphql, errors
JavaScript Loops Made Easy (cod)3,929
videos, javascript, loops
How Do You Remove Unused CSS From a Site? (chr/css)3,928
css, performance, tooling
Conversational Semantics (aar/btc)3,927
videos, html, semantics, voice, conversational-design
The Layers of the Web (ada/btc)3,926
videos, web, history
A Philosophy of Software Design: My Take (and a Book Review) (ger)3,925
software-design, programming, books
How Internet Security Works: TLS, SSL, and CA (osd)3,924
security, tls, ssl, protocols, certificates
How to Remove an Array Element by Index in JavaScript3,923
how-tos, javascript, arrays
Getting Started With Puppeteer3,922
introductions, tooling, puppeteer
Better Design With Deep Thinking (sma)3,921
design, processes, productivity
Microservices Introduction3,920
introductions, microservices
When to Use SVG vs. When to Use Canvas (chr/css)3,919
svg, canvas, comparisons
How TypeScript Makes You a Better JavaScript Developer3,918
typescript, javascript
What I’ve Learned About Accessibility in SPAs (nol)3,917
accessibility, single-page-apps, testing
Parse, Don’t Validate (lex)3,916
programming, parsing, validation
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)3,915
javascript, support, feature-detection, progressive-enhancement
Upgrade Your HTML (the Booklet) (j9t)3,914
books, html, minimalism, craft, conformance
Things We Can’t (Yet) Do in CSS (rac/sma)3,913
css
Shadow Tree Encapsulation Theory (ann)3,912
dom, shadow-dom
How the Success of WordPress Is Due to Its Plugin Ecosystem3,911
wordpress, plugins
Speed Up Your Website With WebP (sma)3,910
performance, optimization, webp, images
Are There Random Numbers in CSS? (alv/css)3,909
css, randomness
What Is Functional Programming?3,908
programming, concepts
Text Editing Hates You Too (lor)3,907
forms, internationalization, unicode
Goodbye, Flash3,906
google, search, flash
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)3,905
javascript
Why Are Accessible Websites So Hard to Build? (fon/css)3,904
accessibility
Cloudflare Considered Harmful (hla)3,903
cloudflare, captcha, privacy
Design Muscles (mar)3,902
design
A Guide to Optimizing Images for Mobile (sma)3,901
guides, images, performance, optimization, mobile
On Writing Better Markup (j9t)3,900
html, quality, maintainability, performance, terminology
The “hidden” Attribute Is Visibly Weak (chr/css)3,899
html, attributes, hiding
Workflow Considerations for Using an Image Management Service (chr/css)3,898
images, performance, tooling, content-delivery
Heading Levels (ann)3,897
html, headings
Should You Add WordPress Maintenance to Your Service Offering? (sma)3,896
wordpress, maintenance, business-relations, economics
The W3C at Twenty-Five (rac/sma)3,895
w3c, anniversaries
A Guide to New and Experimental CSS DevTools in Firefox (vx/sma)3,894
guides, firefox, mozilla, browsers, dev-tools
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)3,893
performance, testing, single-page-apps, tooling, webpagetest
US 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)3,892
legal, ada, accessibility
CSS Circles (tyl/clo)3,891
css, techniques
The Case for XML5 (ann)3,890
xml
A Forty-Year Career (let)3,889
career, prioritization
Design Systems Are About Relationships (rcd/sma)3,888
design-systems, collaboration
Introducing Sass Modules (mia/css)3,887
introductions, sass, modules
Footers Are Underrated3,886
videos, navigation, usability
Create a Cron Job on AWS Lambda3,885
cron, aws, serverless, lambda
An Introduction to the Spatial Web3,884
introductions, spatial-web
Scripting SVN Releases (jul)3,883
releasing, processes, svn
Happy 25th Anniversary, World Wide Web Consortium! (koa/w3c)3,882
anniversaries, w3c
The Developer’s Fallacy of Close Collaboration With Designers (j9t)3,881
design, collaboration, creativity
How to Ensure Your Design System Helps to Achieve the Purpose of Your Product (sma)3,880
how-tos, design-systems, product-management
Multi-Million Dollar HTML (chr/css)3,879
html, accessibility, labels, economics
Liquid Templating Crash Course3,878
crash-courses, liquid, template-engines, jekyll, examples
A Brief History of the Original Browsers and the First Browser War3,877
browsers, browser-wars, history
What Happens When You Open a New Install of Browsers for the 1st Time? (chr/css)3,876
browsers, link-lists
Creating Custom JavaScript Syntax With Babel3,875
javascript, babel
What Is Vuetify? How to Install and Key Components Overview3,874
vuetify, nuxt, laravel, examples, how-tos
Definition of Web Developer (j9t)3,873
terminology, career, tooling
Browser Engine Diversity (chr/css)3,872
browser-engines, browsers, web-platform
Learning How to See (mat)3,871
design
How to Add CSS Vendor Prefixes Automatically (luk)3,870
how-tos, css, vendor-extensions, automation, tooling, postcss, webpack, gulp, npm
Meet Glitch.com3,869
glitch
Getting Started With Zsh (osd)3,868
introductions, zsh
Safari Technology Preview 91 Gets Beta Support for the WebGPU JavaScript API and WSL3,867
safari, apple, browsers, webgpu
A Re-Introduction to Destructuring Assignment (sma)3,866
introductions, javascript, arrays
How to Change Your Favicon in Wordpress: A Step-by-Step Guide (yoa)3,865
guides, favicons, images, wordpress
How to Build Unique, Beautiful Websites With Tailwind CSS3,864
how-tos, tailwind
Security and Privacy for Our Times (luk/w3c)3,863
security, privacy, web-platform
Web Feature Developers Told to Dial Up Attention on Privacy and Security (rip/tec)3,862
w3c, privacy, security, web-platform
Some HTML Is “Optional” (chr/css)3,861
html, standards, performance
Behaviours That Transform Organisations3,860
engineering-management, culture, communication, collaboration, leadership
Webflow: The Web Development Platform of the Future (sma)3,859
webflow
CSS Security Vulnerabilities (chr/css)3,858
css, security, privacy, vulnerabilities
How to Contribute to an Open Source Project (sar/css)3,857
how-tos, foss, collaboration
CanIUse and MDN Compatibility Data Collaboration (flo+/moz)3,856
web-platform, documentation, caniuse, mozilla, mdn, browsers, support
It’s Not Wrong that “'🤦🏼‍♂️'.length == 7” (hsi)3,855
javascript, unicode
Migrating From JavaScript to TypeScript in a Real World React Project (hcr)3,854
migrating, javascript, typescript
“Must Work Without JavaScript” (j9t)3,853
javascript, support
Overflow and Data Loss in CSS (rac/sma)3,852
css, overflow, alignment
Optional HTML (sto)3,851
html
Firefox 69—a Tale of Resize Observer, Microtasks, CSS, and DevTools (chr/moz)3,850
release-notes, firefox, mozilla, browsers
Should a Website Work Without JavaScript? (chr/css)3,849
javascript, support
VuePress: Documentation Made Easy (ben/sma)3,848
vuejs, documentation, tooling
Working With Attributes on DOM Elements (css)3,847
dom, attributes, custom-data, html, javascript
Load Balancer and When to Use It3,846
load-balancing, tooling
A Glassy (and Classy) Text Effect (chr/css)3,845
css, filters, effects
Can You Rotate the Cursor in CSS? (chr/css)3,844
css, cursors
Please Add RSS Support to Your Site (kev)3,843
rss, syndication
Edge Goes Chromium: What Does It Mean for Front-End Developers? (oll/css)3,842
chromium, edge, microsoft, browsers
Curious What Happens When You Fire Up a Web Browser for the First Time?3,841
browsers, opera, vivaldi
Faster Image Loading With Embedded Image Previews (sma)3,840
images, performance, lazy-loading, techniques, javascript
GitHub Upgrades Two-Factor Authentication With WebAuthn Support (the)3,839
github, authentication, webauthn
Advice for Technical Writing (chr/css)3,838
writing, learning, tips-and-tricks
Release Notes for Safari Technology Preview 90 (jon/web)3,837
release-notes, safari, apple, browsers
Bringing a Better Design Process to Your Organization (sma)3,836
design, processes
The History of Browser Wars3,835
history, browser-wars, browsers
Creating a Maintainable Icon System With Sass (tau/css)3,834
icons, data-urls, maintainability, sass, css
Other Ways to SPAs (chr/css)3,833
single-page-apps, performance, tooling
Optional HTML: Everything You Need to Know (j9t)3,832
html, performance, minimalism
Lazy Load Embedded YouTube Videos (chr/css)3,831
youtube, lazy-loading, performance, embed-code
The Story of NuxtPress (ano)3,830
nuxt, tooling
evolt.org Browser Archive 20 Years Old (aar)3,829
anniversaries, browsers, history
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)3,828
accessibility, performance, amp, google, user-experience
The (Upcoming) WordPress Renaissance (sma)3,827
wordpress
The Making of an Animated Favicon (pre/css)3,826
favicons, images, animations, canvas
The Differing Perspectives on CSS-in-JS (chr/css)3,825
css-in-js, css, javascript, comparisons
A Guide to Visual Testing With Percy3,824
guides, testing, regressions, tooling
The 3-Click Rule for Navigation Is False (nng)3,823
navigation, usability
Handling Unused CSS in Sass to Improve Performance (sma)3,822
css, sass, performance, optimization
Design Principles for Developers: Processes and CSS Tips for Better Web Design (css)3,821
design, typography, spacing, colors, principles, processes, css, tips-and-tricks
Jenkins Cheatsheet—Know the Top Best Practices of Jenkins3,820
dev-ops, ci-cd, jenkins, cheat-sheets, best-practices
Writing Modes and CSS Layout (rac/sma)3,819
css, layout
MSDN Magazine Ends in November3,818
microsoft, learning
Using Your Domain With a Netlify-Hosted Site (chr/css)3,817
domains, hosting, netlify
How to Set Up a Vue Development Environment3,816
how-tos, vuejs, environments
Can You Nest “@media” and “@support” Queries? (chr/css)3,815
css, media-queries, nesting
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)3,814
content-management, performance, metrics, wp-engine, automattic
Best of Wikipedia: Web Development3,813
wikipedia, learning, link-lists
AWS vs. Azure vs. Google: Cloud Services Comparison3,812
cloud-computing, comparisons, aws, microsoft, azure, google, gcp
Bringing CSS Grid to WordPress Layouts (and+/css)3,811
css, grids, layout, wordpress
How Much Specificity Do “@rules” Have, Like “@keyframes” and “@media”? (chr/css)3,810
css, cascade
I Used the Web for a Day on a 50 MB Budget (sma)3,809
mobile, performance
Datalist Is for Suggesting Values Without Enforcing Values (chr/css)3,808
html, forms
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)3,807
google, tooling, lighthouse, performance, seo
Responsive Iframes (chr/css)3,806
iframes, responsive-design, css
A Beginner’s Journey to Launching a Website (css)3,805
domains, hosting, content-management, content-delivery, processes
CSS Animation Libraries (chr/css)3,804
css, animations, libraries, link-lists
CSS “:not()” With Multiple Classes (chr/css)3,803
css, selectors
What the Heck Are CJS, AMD, UMD, and ESM in JavaScript?3,802
javascript, modules, commonjs, esm
Browsers Are Pretty Good at Loading Pages, It Turns Out3,801
javascript, rendering, performance, browsers
The Simplest Way to Load CSS Asynchronously (sco)3,800
css, performance, asynchronicity
Micro Frontends (chr/css)3,799
micro-frontends
Frontend Design, React, and a Bridge Over the Great Divide (bra)3,798
html, css, javascript, react, career
When to Use “img,” “img@srcset,” and “picture” and “source” (j9t)3,797
html, images
The Ultimate Guide to Building Scalable Web Scrapers With Scrapy (sma)3,796
guides, scraping, tooling, python
How to Run Heroku Scheduler Weekly3,795
how-tos, heroku
Finally… a Post on Finally in Promises (sar/css)3,794
javascript, promises, asynchronicity
Everything You Need to Know About CSS Margins (rac/sma)3,793
css, margins, box-model
Improve Your JavaScript Knowledge by Reading Source Code (sma)3,792
javascript, learning
Dynamically Darken a Color in CSS (jim)3,791
css, functions, filters, colors
Intrinsically Responsive CSS Grid With “minmax()” and “min()” (vam)3,790
intrinsic-design, responsive-design, css, grids, layout, functions
UX Improvements for Keyboard Accessibility (vit/sma)3,789
interviews, user-experience, accessibility, keyboard-navigation
Types or Tests: Why Not Both? (swy/css)3,788
types, testing, type-safety, javascript
CSS Lists, Markers, and Counters (rac/sma)3,787
lists, css
Software Architecture Patterns—Layered Architecture3,786
architecture
Deeply Understand Currying in 7 Minutes3,785
programming, concepts
Shifting the Performance Burden (sco)3,784
performance
Using Slots in Vue.js (sma)3,783
vuejs
Restricting a (Pseudo) Element to Its Parent’s “border-box” (ana/css)3,782
css, borders, box-model
Toast (chr/css)3,781
design-patterns, notifications
A Note on Unsupported Rules in robots.txt (met)3,780
robotstxt, google, search
An Introduction to Cloudflare Workers3,779
introductions, cloudflare
CSS Custom Properties in the Cascade (mia/sma)3,778
css, custom-properties, cascade, examples
robots.txt Is 25 Years Old3,777
anniversaries, robotstxt, search
Google’s robots.txt Parser Is Now Open Source (met+)3,776
robotstxt, parsing, tooling, google, search
Why MVP Is the Antithesis of Good UX3,775
videos, user-experience, design, product-management
Which “CSS IS AWESOME” Makes the Most Sense if You Don’t Know CSS Well? (chr/css)3,774
css
Introduction to .htaccess Redirects3,773
introductions, apache, servers, redirecting
Getting to Know the “useReducer” React Hook (css)3,772
react, hooks, examples
How to Get Started With Vuetify3,771
how-tos, libraries, components, vuetify
The Anatomy of Accessible Forms: Error Messages (deq)3,770
accessibility, forms, errors, validation
A Beginner’s Guide to Vue CLI3,769
guides, vuejs
My PHP Wishlist (lia)3,768
php, wish-lists
How to Enable Experimental Web Platform Features in Chrome and Firefox (mic)3,767
how-tos, experiments, web-platform, browsers, chrome, google, firefox, mozilla
How to Use Redux With React Hooks (tre)3,766
how-tos, redux, react, hooks
Jamstack Fundamentals: What, What, and How (phi+/sma)3,765
interviews, fundamentals, jamstack
Optimizing Google Fonts Performance (sma)3,764
google, fonts, performance, optimization
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)3,763
performance, webpack, vuejs
Micro Frontends (cam/mfo)3,762
architecture, micro-frontends, backend-for-frontend, examples
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)3,761
checklists, html, accessibility, performance, seo, social-media
How to Section Your HTML (css)3,760
how-tos, html, semantics, examples
Responsible JavaScript (mal/ali)3,759
javascript, tree-shaking, code-splitting, embed-code, transpiling, performance, tooling
A Deep Dive Into Redux3,758
redux, deep-dives
Privacy Anti-Patterns in Standards (w3c)3,757
privacy, anti-patterns, standards
Using Cypress to Write Tests for a React Application (css)3,756
react, testing, cypress
Web Accessibility in Context (sma)3,755
accessibility, assistive-tech, semantic-web
Image Optimization in WordPress (sma)3,754
wordpress, images, performance, optimization
So You Think You’re Design Driven3,753
design
CSS Selectors in Go3,752
css, selectors, go, parsing, metrics
When Do We Need a Design System? An Interview With Brad Frost (bra+/sma)3,751
interviews, design-systems
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci)3,750
w3c, whatwg, html, dom, standards
Queer Design Club (que)3,749
websites, design, community
Perch Is Ten! Find Out What Comes Next (dre)3,748
perch, anniversaries
Self-Host Your Static Assets (css)3,747
performance, self-hosting, caching
Daily Ethical Design (ali)3,746
design, ethics
Characteristics of a Strong Performance Culture (tka)3,745
performance, culture, principles
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the)3,744
w3c, whatwg, standards, html, dom
W3C and WHATWG Come Together for HTML and DOM Specifications3,743
w3c, whatwg, html, dom, standards
Why Quality Is Important3,742
quality, craft
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c)3,741
w3c, whatwg, html, dom, standards
W3C and WHATWG Agree to Work Together Over HTML and DOM3,740
w3c, whatwg, html, dom, standards
Color Contrast Accessibility Tools (fon/css)3,739
contrast, colors, accessibility, tooling
Tips for Managing Design Systems (sma)3,738
design-systems, maintenance, communication, efficiency, documentation, design, processes
endoflife.date (nem)3,737
websites, tooling
Code as Documentation: New Strategies With CSS Grid (css)3,736
grids, documentation, sass
Front-End Documentation, Style Guides, and the Rise of MDX (oll/css)3,735
documentation, style-guides, markdown, mdx, tooling, storybook
Switching From WordPress to Hugo (chr/sma)3,734
migrating, wordpress, hugo
Getting Started With React Testing Library (css)3,733
introductions, react, testing, libraries
Understanding Image Compression: Tooling and Context (j9t)3,732
images, performance, compression, tooling
Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (sma)3,731
how-tos, vuejs, seo
Technical Debt (mfo)3,730
technical-debt, concepts
Why the Highest-Paid Developers “Fight” Their Coworkers3,729
career, collaboration, culture
WordPress → Hugo (mro)3,728
wordpress, hugo, migrating
Normalize CSS or CSS Reset?!3,727
css, resets, normalize-css
Take Back Your Web (tan/btc)3,726
videos, web, social-media, indieweb
The Scoville Scale of Web Font Loading Opinions (zac/btc)3,725
videos, fonts, performance
Everything You Ever Wanted to Know About “inputmode” (chr/css)3,724
forms, html, keyboard-shortcuts
A Guide to the Pug HTML Template Preprocessor3,723
guides, template-engines, pug
Beginner’s Guide: Build and Deploy a Web App With Ruby on Rails (wom)3,722
guides, building, deploying, web-apps, ruby-on-rails
Polypane, Browser for Developers and Designers, Available Now (kil)3,721
polypane, browsers
SVG Properties in CSS Guide (kat/css)3,720
guides, svg, css
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (mat/deb)3,719
performance, hints, html, http-headers, http, preloading
Deploying a Client-Side Rendered “create-react-app” to Microsoft Azure (ade/css)3,718
react, client-side-rendering, deploying, azure, microsoft
Brave’s Concerns With the Client-Hints Proposal (cli+/bra)3,717
brave, browsers, hints, http-headers, http, privacy
A Crime Called Favicon (j9t)3,716
images, favicons, maintainability
The Thinking Behind Simplifying Event Handlers (not/css)3,715
javascript, events, examples
A Better Approach for Using PurgeCSS With Tailwind (vig)3,714
css, purgecss, tailwind
Google Fonts Is Adding “font-display” (zac)3,713
google, fonts, css
Explore GraphQL With Apollo and React: Build a Superhero Database3,712
graphql, react, databases
Why, How, and When to Use Semantic HTML and ARIA (ada/css)3,711
html, aria, semantics, accessibility
Fighting Uphill (eri)3,710
accessibility, compliance
Making the Move From jQuery to Vue (ray/css)3,709
migrating, jquery, ajax, vuejs
A Practical Guide to SVG and Design Tools (sma)3,708
guides, images, svg, sketch, figma, adobe, tooling, design
Making Web Components for Different Contexts (equ/css)3,707
web-components, accessibility
Designing for the Future With Voice Prototypes (sma)3,706
design, prototyping, voice
Revisiting “prefers-reduced-motion”, the Reduced Motion Media Query (eri/css)3,705
css, media-queries, accessibility
HTML Optimization: A Standard Config for HTML Minifier (j9t)3,704
html, optimization, configuration, tooling
Breaking to a New Row With Flexbox3,703
css, flexbox, layout, techniques
An Introduction to Gulp.js (cra)3,702
introductions, gulp, examples
Getting to Know the MutationObserver API (lou/sma)3,701
apis, dom, javascript
Tips for Technical Interviews (css)3,700
interviewing, career, tips-and-tricks
Using Parcel as a Bundler for React Applications (css)3,699
bundling, parcel, webpack, react
How Can We Make Website Maintenance Work More Visible? (j9t)3,698
maintenance
That Time I Tried Browsing the Web Without CSS (css)3,697
css, browsing, web
Building a Node.js Express API to Convert Markdown to HTML (sma)3,696
nodejs, express, markdown, html, conversion
The Circle of a React Lifecycle (css)3,695
react
Announcing a New “--experimental-modules” (nod)3,694
nodejs, modules
Coda 23,693
videos, coda, code-editors
Using npx and npm Scripts to Reduce the Burden of Developer Tools (bnb)3,692
npx, npm, tooling, productivity
Optimizing Performance With Resource Hints (dre/sma)3,691
hints, performance, optimization
Release Notes for Safari Technology Preview 80 (jon/web)3,690
release-notes, safari, apple, browsers
Serve AMP Using Signed Exchanges3,689
amp, google, signed-exchanges, authentication
Why Is Not Using the CSS Cascade a Problem? (ppk)3,688
css, cascade, scope
The Power of Named Transitions in Vue (css)3,687
vuejs, transitions, css, examples
CSS and Accessibility (ppk)3,686
css, accessibility
Getting Up and Running With the Vue.js 2.0 Framework3,685
introductions, vuejs
Ethics for Designers (ia)3,684
design, ethics
Accessibility Events (wil/css)3,683
accessibility
Art Direction for the Web Using CSS Shapes (mal/sma)3,682
design, art-direction, html, css, shapes
Conflict Resolution and Code Reviews3,681
git, code-reviews, command-line
In Defense of the Ternary Statement (bur/css)3,680
javascript, operators, conditionals
Understanding Subresource Integrity (dre/sma)3,679
security, hashing, embed-code
The Serif Tax (chr/css)3,678
fonts, performance, ttf
What’s Next for Web Development? (jch)3,677
wordpress, php, javascript
New WebKit Features in Safari 12.1 (jon/web)3,676
release-notes, safari, apple, browsers, webkit
Print Styling, the 3 Basics (j9t)3,675
fundamentals, print, css
Pointer Events [Level 2] (ric+/w3c)3,674
pointer-events, apis, standards
Decaying Sites (chr/css)3,673
maintenance, link-rot, effects
What Are Design Tokens? (fon/css)3,672
design-tokens, design-systems, concepts
Clever JavaScript Does Not Mean Simple or Readable (cfe)3,671
javascript, simplicity
Form Validation in Under an Hour With Vuelidate (sar/css)3,670
forms, validation, vuejs, tooling
How to Use Spaces in Web Design With Gestalt Principles (sma)3,669
how-tos, design, spacing
Yet Another JavaScript Framework (jay/css)3,668
javascript, frameworks, mootools, history
Array Destructuring in PHP (bre)3,667
php, arrays
How to Align Things in CSS (rac/sma)3,666
how-tos, css, alignment
W3C Strategic Highlights: Outreach to the World (Developer Relations) (amy/w3c)3,665
w3c, developer-relations
Parcel.js Quick Introduction—Zero Configuration Bundler3,664
videos, introductions, parcel, bundling
Introduction to Babel3,663
introductions, babel, transpiling, tooling
W3C Strategic Highlights: Web for All (Web Accessibility) (amy/w3c)3,662
w3c, accessibility, link-lists
How to Conditionally Apply a CSS Class in Vue.js3,661
how-tos, css, vuejs
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)3,660
performance, http, http-headers, hints
JS vs. Java—Dynamic Typing3,659
javascript, java, comparisons
SVG Circle Decomposition to Paths (sma)3,658
svg, images, animations
Advanced Tooling for Web Components (css)3,657
web-components, angular, vuejs, react, tooling
All About “mailto:” Links (chr/css)3,656
links, email
W3C Strategic Highlights: Web for All (Internationalization [I18N]) (amy/w3c)3,655
w3c, internationalization
Blurred Borders in CSS (ana/css)3,654
css, borders, effects, clipping
Some Notes About Accessibility (fon/css)3,653
accessibility, community
I Used the Web for a Day on Internet Explorer 8 (sma)3,652
internet-explorer, microsoft, browsers
Stacked “Borders” (mey/css)3,651
css, borders, shadows, backgrounds, gradients, images
Scope in CSS (ppk)3,650
css, scope, nesting
W3C Strategic Highlights: Web for All (Security, Privacy, Identity) (w3c)3,649
w3c, security, privacy, authentication
An Introduction to Web Components (css)3,648
introductions, web-components, javascript, shadow-dom, html
Creating Accessible HTML5 Modal Dialogs for Desktop and Mobile (zol)3,647
html, modals, accessibility, javascript
Writing Resilient Components (dan)3,646
components, resilience
Finally, a CSS Only Solution to “:hover” on Touchscreens (mez)3,645
css, mobile, hover, touch
The Benefits of Structuring CSS Around Appearance and Layout (fon/css)3,644
css, presentational-html
F.I.R.S.T. Principles of Testing (www)3,643
principles, testing
“if” Statements and “for” Loops in CSS (ppk)3,642
css, conditionals, loops
30 Years Ago the World Changed Forever (koa/w3c)3,641
anniversaries, web
A Quick Intro to Higher-Order Functions in JavaScript3,640
introductions, javascript, functions
Accessibility Is Not a “React Problem” (chr/css)3,639
accessibility, react
Help Google Search Know the Best Date for Your Web Page (joh)3,638
google, search, time
A Complete Guide to “useEffect” (dan)3,637
guides, react, hooks, components
Styling Based on Scroll Position (chr/css)3,636
css, selectors, scrolling
The Client/Server Rendering Spectrum (chr/css)3,635
server-side-rendering, client-side-rendering, rendering
W3C Approves WebAuthn Authentication Standard That Could Do Away With Passwords3,634
w3c, fido, standards, webauthn, authentication
Algorithms in CSS (ppk)3,633
css, algorithms, naming, programming
“Cache-Control” for Civilians (css)3,632
performance, caching, http
The Web Just Took a Big Step Toward a Password-Free Future (jon/ver)3,631
w3c, webauthn, authentication, standards, apis
CSS Remedy (chr/css)3,630
css, resets
Breaking Boxes With CSS Fragmentation (rac/sma)3,629
css
Did You Know That CSS Custom Properties Can Handle Images Too? (fon/css)3,628
css, custom-properties, images
Six Tips for Better Web Typography (fon/css)3,627
typography, design, tips-and-tricks
Typography for Developers (css)3,626
typography, fonts, legibility, readability, css, link-lists
Announcing Domain-Wide Data in Search Console3,625
google, search, tooling, domains
Sliding In and Out of Vue.js (kba/sma)3,624
vuejs
Better Web Video With AV1 Codec (sit/evi)3,623
multimedia, compression
What We Want From Grid (chr/css)3,622
css, grids, layout
The CSS Mental Model (ppk)3,621
css, state-management
How to Tidy Up Your .htaccess Redirects3,620
how-tos, redirecting, apache, maintenance
Taming Dependabot: How to Use Dependabot in the Real World3,619
how-tos, dependabot, configuration
CSS Remedy—Rethinking the Approach to CSS Resets (kev)3,618
css, resets
Improving WordPress Code With Modern PHP (sma)3,617
wordpress, php, optimization
Including Animation in Your Design System (vlh/sma)3,616
design-systems, animations, effects
Using IntersectionObserver to Check if Page Scrolled Past Certain Point (chr/css)3,615
scrolling, apis, javascript
How to Avoid DOM Blocking in JavaScript (cra)3,614
how-tos, dom, javascript, performance
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)3,613
introductions, nodejs, apis, http, javascript
Colorful Typographic Experiments (chr/css)3,612
experiments, typography, colors, css
5 Simple UX Principles to Guide Your Product Design3,611
user-experience, design, principles
How a Screen Reader User Surfs the Web (tin+/sma)3,610
videos, screen-readers, accessibility, browsing, user-experience
W3C Strategic Highlights: Strengthening the Core of the Web (CSS) (amy/w3c)3,609
w3c, css, standards
How “@supports” Works (chr/css)3,608
css, feature-detection, support, examples
CSS Smooth Scrolling (rik)3,607
css, scrolling
An Introduction to Web Bluetooth (htm/sma)3,606
introductions, apis, javascript
The Smart Ways to Correct Mistakes in Git (tob/css)3,605
git, command-line
Why Every Browser Switching to Blink Could Be Bad News for the Web3,604
browsers, browser-engines, blink, google, chrome, microsoft, edge, web
Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (sma)3,603
hosting, comparisons, link-lists
No EPUBCheck, no EPUB (w3c)3,602
epub, conformance, tooling
Where Do You Nest Your Sass Breakpoints? (chr/css)3,601
sass, breakpoints
Rendering on the Web (add+)3,600
server-side-rendering, client-side-rendering, rendering, performance, hydration, seo
A Guide to CSS Support in Browsers (rac/sma)3,599
guides, css, support, browsers, testing
What Hooks Mean for Vue (sar/css)3,598
vuejs, react, hooks
What’s New in ECMAScript 2019 (paw)3,597
ecmascript, standards
Tachyons CSS Framework/Library Review (daw)3,596
tachyons, frameworks, presentational-html, css
DORA’s Journey: An Exploration3,595
dev-ops, productivity, metrics
Using Artificial Intelligence to Generate Alt Text on Images (css)3,594
ai, alt-text, accessibility, images
Remove Unused CSS Styles From Bootstrap Using Purgecss (df)3,593
css, bootstrap, purgecss
The Importance of One-on-Ones (sar/css)3,592
engineering-management, career, processes
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)3,591
html, performance
8 Reasons Why You’re Doing SEO Wrong (erw)3,590
seo, performance
Meteor Framework Review3,589
meteor
Guide to Web Authentication3,588
websites, authentication, webauthn, security, javascript
The TypeScript Tax (eri)3,587
typescript, type-safety, metrics, quality
The 5 Raisons d’Être of Testing (nma)3,586
testing, quality
The Secret Weapon to Learning CSS (fon/css)3,585
css, learning, syndication
W3C Strategic Highlights: Future Web Standards (amy/w3c)3,584
w3c, standards, link-lists
The Great Divide (chr/css)3,583
html, css, javascript, career
2019 CSS Wishlist (chr/css)3,582
css, wish-lists
Google Lighthouse and PWA (j9t)3,581
google, lighthouse, web-apps, progressive-web-apps
UX in the Age of Personalization (ali)3,580
user-experience, personalization
How to Migrate to Gulp.js 4.0 (cra)3,579
how-tos, gulp, migrating
Truth About Template Engines3,578
template-engines, liquid, mustache
How Well Do You Know CSS Layout? (bra/css)3,577
css, layout, box-model, borders, positioning, centering
Feature Detection With Modernizr for Cross Browser Compatibility3,576
feature-detection, modernizr, testing
Why I’ve Stopped Exporting Defaults From My JavaScript Modules (nza)3,575
javascript, modules
Web Standards: The What, the Why, and the How (sma)3,574
standards, history, processes, web-platform
When and How to Use CSS Multi-Column Layout (rac/sma)3,573
how-tos, css, layout
Piecing Together Approaches for a CSS Masonry Layout (chr/css)3,572
css, masonry, layout
Get All Font Sizes in Use on a Web Page (zac)3,571
fonts, css, console, javascript
The Ethics of Web Performance (tka)3,570
performance, ethics, accessibility
Styling a Web Component (chr/css)3,569
web-components, shadow-dom, dom, custom-properties, css, html
CSS for JavaScripters (ppk)3,568
css, javascript, json
2018 JavaScript Rising Stars (sac)3,567
javascript, frameworks, nodejs, react, vuejs, angular, mobile, compiling, building, testing, tooling, code-editors, css-in-js, graphql, retrospectives
Automatic CloudFront Invalidation for S3 Origins3,566
aws, s3, cloudfront, caching, automation
Monorepo: Please Do (ada)3,565
monorepos, architecture
a11y-syntax-highlighting (eri)3,564
packages, npm, accessibility, syntax-highlighting
How to Learn CSS (rac/sma)3,563
how-tos, learning, css
Monorepos: Please Don’t (mat)3,562
monorepos, architecture
The Elements of UI Engineering (dan)3,561
user-experience, consistency, performance, navigation, prioritization, accessibility, internationalization, resilience
What Is Serverless? (fla)3,560
serverless, concepts, lambda, aws, gcp, azure
Will PWAs Replace Native Mobile Apps? (sma)3,559
mobile, native, progressive-web-apps, web-apps
Common CSS Issues for Front-End Projects (sha/sma)3,558
css, lessons
Gulp for WordPress: Initial Setup (ali/css)3,557
wordpress, gulp, theming
Prove You’re Not a Bot: reCAPTCHA Version 3 (24a)3,556
captcha, google, spam, accessibility
Breadcrumbs: 11 Design Guidelines for Desktop and Mobile (nng)3,555
guidelines, design, breadcrumbs
ARIA 1.1—What’s New? (24a)3,554
accessibility, aria, standards
Don’t Stop Learning Frameworks (zac)3,553
frameworks, javascript, learning
Generic First CSS: New Thinking on Mobile First (sma)3,552
css, mobile-first, mobile
Web Components Still Need to Be Accessible (eri/24a)3,551
accessibility, web-components, toggles
Regarding CSS’s Global Scope (chr/css)3,550
css, scope
I Used the Web for a Day Using a Screen Reader (sma)3,549
screen-readers, accessibility
How to Worry About npm Package Weight (chr/css)3,548
npm, dependencies
Intro to Git Hooks3,547
introductions, git-hooks, git
20+ CSS Text Glitch Effects (fre)3,546
css, effects, link-lists
“ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element3,545
angular, focus, keyboard-navigation
Stop Learning Frameworks3,544
frameworks, learning
It’s Beginning to Look a Lot Like XSSmas (24w)3,543
security, vulnerabilities, csrf, xss
I Threw Away My Mouse (mat/24a)3,542
accessibility, keyboard-navigation, keyboard-shortcuts, focus
Static vs. Server Rendering3,541
rendering, performance, comparisons, react
Different Result From “Array.sort()”?3,540
javascript, arrays, chrome, google, safari, apple, browsers
Just Enough CSS for a Blog3,539
css, minimalism, milligram, skeleton
Speed Up Next-Page Navigations With Prefetching (add)3,538
performance, hints, html, http-headers, http, webpack
Protecting Your Site With Feature Policy (rac/sma)3,537
security, http-headers, http
Checking if an Input Is Empty With CSS (zel)3,536
css, forms
Keep Math in the CSS (chr/css)3,535
css, functions, math
Keeping Sass Simple and Speedy on Eleventy (phi)3,534
sass, eleventy, performance
Everything You Know About Web Design Just Changed (jen)3,533
slides, layout, html, css, tables, flash, history, responsive-design, intrinsic-design
Why Isn’t It “<style src="">”? (chr/css)3,532
html, standards, history
The Anchoring Principle (tbf/nng)3,531
design, user-experience, principles
Elements to Ditch or Repurpose on Mobile (sma)3,530
design, user-experience, mobile
Goodbye, EdgeHTML (moz)3,529
edgehtml, gecko, browser-engines, browsers, firefox, mozilla
So You Want to Use Redux—Selectors (ser)3,528
redux, examples
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra)3,527
javascript, frameworks, libraries, tooling, link-lists
Tachyons, the Best Library You’re Not Using3,526
tachyons, presentational-html, css, frameworks
On Visions for Performance, or: Performance Optimization Is a Process (j9t)3,525
performance, optimization, outlooks, processes
Tips to Help You Write Faster MySQL Queries3,524
mysql, databases, performance, tips-and-tricks
The “D” in the DOM (24a)3,523
accessibility, html, headings
The State of UX in 2019 (fab)3,522
user-experience, design, outlooks
Giving Back to the Community (mgi/24a)3,521
community
A Blue Beanie for Blue Beanie Day (viv)3,520
browsers, vivaldi, standards, awareness-days
How to Create Accessibility Statements (w3c)3,519
how-tos, accessibility, documentation, compliance
Strategies for Headless Projects With Structured Content Management Systems (sma)3,518
content-management, headless, strategies
Browsing Versus Searching in Design3,517
design, browsing, searching
A Complete Guide to Routing in Angular (sma)3,516
guides, angular, routing
Amazon DynamoDB Deep Dive: Advanced Design Patterns for DynamoDB3,515
videos, aws, dynamodb, databases, software-design-patterns, deep-dives
Front-End Developers Have to Manage the Loading Experience (chr/css)3,514
performance, user-experience
An Extensive Guide to Progressive Web Applications (sma)3,513
guides, progressive-web-apps, web-apps, web-workers, javascript
Front-End Development Is Not a Problem to Be Solved (fon/css)3,512
html, css, bootstrap, craft, career
Avoiding the Pitfalls of Automatically Inlined Code (sma)3,511
css, javascript, php, wordpress
What Is the Jamstack? (fla)3,510
jamstack, tech-stacks
JavaScript Is for Web Apps, Not for Websites3,509
javascript, web-apps
Get Started With Git Hooks3,508
introductions, git-hooks, git
Should Designers Code (j9t)3,507
design, creativity, career
Prettier and Beautify (chr/css)3,506
formatting, tooling, prettier
From Maker to Manager: How to Take the Leap (buf)3,505
how-tos, career, engineering-management
An Overview of Render Props in React (css)3,504
overviews, react, props, examples
Release Notes for Safari Technology Preview 70 (jon/web)3,503
release-notes, safari, apple, browsers
Dark Mode in CSS (fon/css)3,502
dark-mode, css, media-queries
Extreme Typography on the Web (djr/btc)3,501
videos, typography
I, Human (tin/btc)3,500
videos, accessibility, ai
Sending Emails Asynchronously Through AWS SES (sma)3,499
email, aws
Performance Rule #1: Do What You Need to Do—But Not More (j9t)3,498
performance, simplicity
PageSpeed Insights, Now Powered by Lighthouse (che+)3,497
performance, tooling, google, lighthouse
The Ironic Inaccessibility of “a11y” (chr/css)3,496
accessibility, terminology
CSS Frameworks or CSS Grid: What Should I Use for My Project? (rac/sma)3,495
css, frameworks, grids, layout
The Internet Can’t Handle Functioning Like a Democracy3,494
web, history, community
Fun Tip: Use “calc()” to Change the Height of a Hero Component (css)3,493
css, functions
Improve Animated GIF Performance With HTML5 Video (sma)3,492
images, gif, multimedia, performance
A Netflix Web Performance Case Study (add)3,491
performance, netflix, case-studies
Performance Budgets 1013,490
introductions, performance, performance-budgets, metrics
Reduce JavaScript Payloads With Code Splitting (mal)3,489
javascript, performance, code-splitting
Redesigning Your Product and Website for Dark Mode (mal)3,488
design, dark-mode, css
Focus Trapping for Accessibility (A11Y)3,487
accessibility, focus, keyboard-navigation, javascript
AWS Security Guide: 7 Best Practices to Avoid Security Risks (wom)3,486
guides, security, aws, best-practices
useHooks (gra)3,485
websites, react, hooks
Non-Noxious Nomenclature3,484
naming
Headless WordPress: The Ups and Downs of Creating a Decoupled WordPress (sma)3,483
wordpress, headless
Build a Single-Page App With Go and Vue3,482
single-page-apps, vuejs, go