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