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