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