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