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