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