Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“2010s” News Archive

Definition, related topics, and tag feed

“2010s” × ? · “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)4024
css, selectors
Helping Browsers Optimize With the CSS “contain” Property (rac/sma)4023
css, containment, layout
How to Modify Nodes in an Abstract Syntax Tree (jle/css)4022
how-tos, nodejs, markdown
Why Do We Use .html Instead of .htm? (chr/css)4021
html
What Is SSI? What Are Server-Side Includes?4020
ssi
POURing ARIA Into the HTML Element Specs (24a)4019
accessibility, aria, html
Pixels vs. Relative Units in CSS: Why It’s Still a Big Deal (res/24a)4018
accessibility, css, units
Color Theory and Contrast Ratios (tel/24a)4017
accessibility, colors, contrast, color-blindness
Usability and Security; Better Together (24w)4016
usability, security, user-experience
RTL Styling 101 (sha)4015
introductions, internationalization, layout, design, css, html
There Is No Design System (jin/24w)4014
design-systems, concepts
An HTML Optimizer’s Config for HTML Minifier (j9t)4013
html, html-minifier, minification, optimization, configuration, performance, minimalism
New WebKit Features in Safari 13 (jon/web)4012
release-notes, safari, browsers, webkit
How to Style and Animate the Letters in a String Using CSS (fos)4011
how-tos, html, css, animations
Print-Inspired Layout on the Web (chr/css)4010
design, print, css, layout
“<select>” Your Poison (cod/24a)4009
accessibility, forms, aria, keyboard-navigation
The Jamstack Landscape (css)4008
jamstack, netlify
The Order of CSS Classes in HTML Doesn’t Matter (fon/css)4007
html, css, cascade
Landing Pages: The Art of Conversion4006
landing-pages, user-conversion
A History of CSS Through Fifteen Years of 24 Ways (rac/24w)4005
css, history
Introduction to Web Accessibility4004
introductions, accessibility, courses, training
Automating Inclusive Documentation (pau/24a)4003
documentation, accessibility, dei, automation
Marking Required Fields in Online Forms4002
videos, forms, usability
The Origin Story of Container Queries (zac)4001
css, container-queries, history
Just Sharing My Gulpfile (chr/css)4000
gulp, configuration
Twitter Proposes Open Social Network Standard (sjv/zdn)3999
twitter+x, bluesky, social-media, fediverse, activitypub, standards
“rem” in CSS: Understanding and Using “rem” Units3998
css, units
Quoting in HTML: Quotations, Citations, and Blockquotes (css)3997
html, semantics
WebAssembly Is Now the Fourth Web Standard Language3996
webassembly, standards, w3c
An Adventurer’s Guide to W3C Specs (mel/24a)3995
guides, accessibility, w3c, standards
When to Open Links in a New Tab (j9t)3994
links, user-experience
A CSS-Only Carousel (sch)3993
css, carousels
You Should Be the Worst Developer in Your Team (fla)3992
learning, career
A Tale of CSS Resets and Everything You Need to Know About Them3991
css, resets, examples, link-lists
Eleventy Walk Through3990
guides, eleventy
Interactivity and Animation With Variable Fonts (man/24w)3989
variable-fonts, fonts, animations, javascript, css
The Rising Complexity of Jamstack Sites and How to Manage Them (css)3988
tech-stacks, jamstack, complexity
Getting Started With Materialize—Materialize CSS From Scratch3987
introductions, videos, materialize, material-design
Server-Side Includes (SSI) Injection (owa)3986
ssi, security
Dark Mode Favicons (chr/css)3985
favicons, images, dark-mode
Future Accessibility Guidelines—for People Who Can’t Wait to Read Them (24w)3984
accessibility, guidelines, outlooks
Having a Little Fun With Custom Focus Styles (css)3983
css, focus, buttons
Web Components and the Accessibility Object Model (AOM) (tin/24a)3982
accessibility, web-components
The State of UX in 2020 (fab)3981
user-experience, design, outlooks
How to Ease Your Team’s Development Workflow With Git Hooks (sma)3980
how-tos, automation, git, git-hooks
Pico CSS3979
websites, frameworks, css, pico
Dynamic Typography With Variable Fonts (btc)3978
videos, typography, fonts, variable-fonts
Is There a Future Beyond Writing Great Code? (sma)3977
career, engineering-management
WebGL Tips3976
webgl, canvas, tips-and-tricks
CSS: When to Use Logical Properties (j9t)3975
css, logical-properties
CSS at the Intersection (btc)3974
videos, css
JavaScript Loops Made Easy (cod)3973
videos, javascript, loops
200 OK! Error Handling in GraphQL3972
graphql, errors
How Do You Remove Unused CSS From a Site? (chr/css)3971
css, performance, tooling
Conversational Semantics (aar/btc)3970
videos, html, semantics, voice, conversational-design
A Philosophy of Software Design: My Take (and a Book Review) (ger)3969
software-design, programming, books
How Internet Security Works: TLS, SSL, and CA (osd)3968
security, tls, ssl, protocols, certificates
The Layers of the Web (ada/btc)3967
videos, web, history
How to Remove an Array Element by Index in JavaScript3966
how-tos, javascript, arrays
Getting Started With Puppeteer3965
introductions, tooling, puppeteer
Better Design With Deep Thinking (sma)3964
design, processes, productivity
When to Use SVG vs. When to Use Canvas (chr/css)3963
svg, canvas, comparisons
How TypeScript Makes You a Better JavaScript Developer3962
typescript, javascript
Microservices Introduction3961
introductions, microservices
What I’ve Learned About Accessibility in SPAs (nol)3960
accessibility, single-page-apps, testing
Parse, Don’t Validate (lex)3959
programming, parsing, validation
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)3958
javascript, support, feature-detection, progressive-enhancement
Upgrade Your HTML (the Booklet) (j9t)3957
books, html, minimalism, craft, conformance
Stop Using Ridiculously Low DNS TTLs (jed)3956
performance, dns, content-delivery, load-balancing
Things We Can’t (Yet) Do in CSS (rac/sma)3955
css
Shadow Tree Encapsulation Theory (ann)3954
dom, shadow-dom
Pushing Through Friction3953
videos, engineering-management, processes
How the Success of WordPress Is Due to Its Plugin Ecosystem3952
wordpress, plugins
Are There Random Numbers in CSS? (alv/css)3951
css, randomness
Speed Up Your Website With WebP (sma)3950
performance, optimization, webp, images
What Is Functional Programming?3949
programming, concepts
Text Editing Hates You Too (lor)3948
forms, internationalization, unicode
Goodbye, Flash3947
google, search, flash
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)3946
javascript
Why Are Accessible Websites So Hard to Build? (fon/css)3945
accessibility
Cloudflare Considered Harmful (hla)3944
cloudflare, captcha, privacy
Design Muscles (mar)3943
design
A Guide to Optimizing Images for Mobile (sma)3942
guides, images, performance, optimization, mobile
On Writing Better Markup (j9t)3941
html, quality, maintainability, performance, terminology
The “hidden” Attribute Is Visibly Weak (chr/css)3940
html, attributes, hiding
Workflow Considerations for Using an Image Management Service (chr/css)3939
images, performance, tooling, content-delivery
Heading Levels (ann)3938
html, headings
Should You Add WordPress Maintenance to Your Service Offering? (sma)3937
wordpress, maintenance, business-relations, economics
The W3C at Twenty-Five (rac/sma)3936
w3c, anniversaries
Recipes for Performance Testing Single Page Applications in Webpagetest (pha/css)3935
performance, testing, single-page-apps, tooling, webpagetest
US Supreme Court Declines to Hear Case on Whether Commercial Websites and Mobile Apps Subject to Title III of the Americans With Disabilities Act (the “ADA”) (nat)3934
legal, ada, accessibility
A Guide to New and Experimental CSS DevTools in Firefox (vx/sma)3933
guides, firefox, browsers, dev-tools
CSS Circles (tyl/clo)3932
css, techniques
The Case for XML5 (ann)3931
xml
A Forty-Year Career (let)3930
career, prioritization
Web Desktops (sim)3929
websites, web, desktop, overviews, link-lists
Design Systems Are About Relationships (rcd/sma)3928
design-systems, collaboration
Introducing Sass Modules (mia/css)3927
introductions, sass, modules
Footers Are Underrated3926
videos, navigation, usability
Create a Cron Job on AWS Lambda3925
cron, aws, serverless, lambda
An Introduction to the Spatial Web3924
introductions, spatial-web
Happy 25th Anniversary, World Wide Web Consortium! (koa/w3c)3923
anniversaries, w3c
Scripting SVN Releases (jul)3922
releasing, processes, svn
The Developer’s Fallacy of Close Collaboration With Designers (j9t)3921
design, collaboration, creativity
How to Ensure Your Design System Helps to Achieve the Purpose of Your Product (sma)3920
how-tos, design-systems, product-management
Multi-Million Dollar HTML (chr/css)3919
html, accessibility, labels, economics
Liquid Templating Crash Course3918
crash-courses, liquid, template-engines, jekyll, examples
A Brief History of the Original Browsers and the First Browser War3917
browsers, browser-wars, history
What Happens When You Open a New Install of Browsers for the 1st Time? (chr/css)3916
browsers, link-lists
Creating Custom JavaScript Syntax With Babel3915
javascript, babel
Browser Engine Diversity (chr/css)3914
browser-engines, browsers, web-platform
Definition of Web Developer (j9t)3913
terminology, career, tooling
Learning How to See (mat)3912
design
How to Add CSS Vendor Prefixes Automatically (luk)3911
how-tos, css, vendor-extensions, automation, tooling, postcss, webpack, gulp, npm
What Is Vuetify? How to Install and Key Components Overview3910
vuetify, nuxt, laravel, examples, how-tos
Meet Glitch.com3909
glitch
Getting Started With Zsh (osd)3908
introductions, zsh
Safari Technology Preview 91 Gets Beta Support for the WebGPU JavaScript API and WSL3907
safari, browsers, webgpu
How to Change Your Favicon in Wordpress: A Step-by-Step Guide (yoa)3906
guides, favicons, images, wordpress
How to Build Unique, Beautiful Websites With Tailwind CSS3905
how-tos, tailwind
A Re-Introduction to Destructuring Assignment (sma)3904
introductions, javascript, arrays
Security and Privacy for Our Times (luk/w3c)3903
security, privacy, web-platform
Some HTML Is “Optional” (chr/css)3902
html, standards, performance
Web Feature Developers Told to Dial Up Attention on Privacy and Security (rip)3901
w3c, privacy, security, web-platform
Webflow: The Web Development Platform of the Future (sma)3900
webflow
Behaviours That Transform Organisations3899
engineering-management, culture, communication, collaboration, leadership
CSS Security Vulnerabilities (chr/css)3898
css, security, privacy, vulnerabilities
How to Contribute to an Open Source Project (sar/css)3897
how-tos, foss, collaboration
CanIUse and MDN Compatibility Data Collaboration (flo+/moz)3896
web-platform, documentation, caniuse, mdn, browsers, support
It’s Not Wrong that “'🤦🏼‍♂️'.length == 7” (hsi)3895
javascript, unicode
Migrating From JavaScript to TypeScript in a Real World React Project (hcr)3894
migrating, javascript, typescript
“Must Work Without JavaScript” (j9t)3893
javascript, support
Overflow and Data Loss in CSS (rac/sma)3892
css, overflow, alignment
Optional HTML (sto)3891
html
Firefox 69—a Tale of Resize Observer, Microtasks, CSS, and DevTools (chr/moz)3890
release-notes, firefox, browsers
Should a Website Work Without JavaScript? (chr/css)3889
javascript, support
VuePress: Documentation Made Easy (ben/sma)3888
vuejs, documentation, tooling
Working With Attributes on DOM Elements (css)3887
dom, attributes, custom-data, html, javascript
Load Balancer and When to Use It3886
load-balancing, tooling
A Glassy (and Classy) Text Effect (chr/css)3885
css, filters, effects
Can You Rotate the Cursor in CSS? (chr/css)3884
css, cursors
Please Add RSS Support to Your Site (kev)3883
rss, syndication
Edge Goes Chromium: What Does It Mean for Front-End Developers? (oll/css)3882
chromium, edge, browsers
Curious What Happens When You Fire Up a Web Browser for the First Time?3881
browsers, opera, vivaldi
Faster Image Loading With Embedded Image Previews (sma)3880
images, performance, lazy-loading, techniques, javascript
GitHub Upgrades Two-Factor Authentication With WebAuthn Support (the)3879
github, authentication, webauthn
Advice for Technical Writing (chr/css)3878
writing, learning, tips-and-tricks
Creating a Maintainable Icon System With Sass (tau/css)3877
icons, data-urls, maintainability, sass, css
Other Ways to SPAs (chr/css)3876
single-page-apps, performance, tooling
The History of Browser Wars3875
history, browser-wars, browsers
Release Notes for Safari Technology Preview 90 (jon/web)3874
release-notes, safari, browsers
Bringing a Better Design Process to Your Organization (sma)3873
design, processes
Lazy Load Embedded YouTube Videos (chr/css)3872
youtube, lazy-loading, performance, embed-code
Optional HTML: Everything You Need to Know (j9t)3871
html, performance, minimalism
The Story of NuxtPress (ano)3870
nuxt, tooling
evolt.org Browser Archive 20 Years Old (aar)3869
anniversaries, browsers, history
Accessibility and Web Performance Are Not Features, They’re the Baseline (fon/css)3868
accessibility, performance, amp, user-experience
The Making of an Animated Favicon (pre/css)3867
favicons, images, animations, canvas
The (Upcoming) WordPress Renaissance (sma)3866
wordpress
The Differing Perspectives on CSS-in-JS (chr/css)3865
css-in-js, css, javascript, comparisons
A Guide to Visual Testing With Percy3864
guides, testing, regressions, tooling
In Defense of Functional CSS3863
css, maintainability, technical-debt
The 3-Click Rule for Navigation Is False (nng)3862
navigation, usability
Handling Unused CSS in Sass to Improve Performance (sma)3861
css, sass, performance, optimization
Design Principles for Developers: Processes and CSS Tips for Better Web Design (css)3860
design, typography, spacing, colors, principles, processes, css, tips-and-tricks
Jenkins Cheatsheet—Know the Top Best Practices of Jenkins3859
dev-ops, ci-cd, jenkins, cheat-sheets, best-practices
Using Your Domain With a Netlify-Hosted Site (chr/css)3858
domains, hosting, netlify
Writing Modes and CSS Layout (rac/sma)3857
css, layout
How to Set Up a Vue Development Environment3856
how-tos, vuejs, environments
MSDN Magazine Ends in November3855
microsoft, learning
Can You Nest “@media” and “@support” Queries? (chr/css)3854
css, media-queries, nesting
What CMS to Use for Optimale TTFB (and Site Speed?) (erw)3853
content-management, performance, metrics, wp-engine, automattic
Best of Wikipedia: Web Development3852
wikipedia, learning, link-lists
Bringing CSS Grid to WordPress Layouts (and+/css)3851
css, grids, layout, wordpress
AWS vs. Azure vs. Google: Cloud Services Comparison3850
cloud-computing, comparisons, aws, azure, google, gcp
How Much Specificity Do “@rules” Have, Like “@keyframes” and “@media”? (chr/css)3849
css, cascade
I Used the Web for a Day on a 50 MB Budget (sma)3848
mobile, performance
Datalist Is for Suggesting Values Without Enforcing Values (chr/css)3847
html, forms
How Google Pagespeed Works: Improve Your Score and Search Engine Ranking (ben/css)3846
google, tooling, lighthouse, performance, seo
Responsive Iframes (chr/css)3845
iframes, responsive-design, css
A Beginner’s Journey to Launching a Website (css)3844
domains, hosting, content-management, content-delivery, processes
CSS Animation Libraries (chr/css)3843
css, animations, libraries, link-lists
CSS “:not()” With Multiple Classes (chr/css)3842
css, selectors
What the Heck Are CJS, AMD, UMD, and ESM in JavaScript?3841
javascript, modules, commonjs, esm
Browsers Are Pretty Good at Loading Pages, It Turns Out3840
javascript, rendering, performance, browsers
The Simplest Way to Load CSS Asynchronously (sco)3839
css, performance, asynchrony
Frontend Design, React, and a Bridge Over the Great Divide (bra)3838
html, css, javascript, react, career
Micro Frontends (chr/css)3837
micro-frontends
When to Use “img,” “img@srcset,” and “picture” and “source” (j9t)3836
html, images
The Ultimate Guide to Building Scalable Web Scrapers With Scrapy (sma)3835
guides, scraping, tooling, python
How to Run Heroku Scheduler Weekly3834
how-tos, heroku
Finally… a Post on Finally in Promises (sar/css)3833
javascript, promises, asynchrony
Everything You Need to Know About CSS Margins (rac/sma)3832
css, margins, box-model
Dynamically Darken a Color in CSS (jim)3831
css, functions, filters, colors
Improve Your JavaScript Knowledge by Reading Source Code (sma)3830
javascript, learning
Intrinsically Responsive CSS Grid With “minmax()” and “min()” (vam)3829
intrinsic-design, responsive-design, css, grids, layout, functions
Types or Tests: Why Not Both? (swy/css)3828
types, testing, type-safety, javascript
UX Improvements for Keyboard Accessibility (vit/sma)3827
interviews, user-experience, accessibility, keyboard-navigation
Software Architecture Patterns—Layered Architecture3826
architecture
CSS Lists, Markers, and Counters (rac/sma)3825
lists, css, counters
Deeply Understand Currying in 7 Minutes3824
programming, concepts
Shifting the Performance Burden (sco)3823
performance
Using Slots in Vue.js (sma)3822
vuejs
Restricting a (Pseudo) Element to Its Parent’s “border-box” (ana/css)3821
css, borders, box-model
Toast (chr/css)3820
design-patterns, notifications
A Note on Unsupported Rules in robots.txt (met)3819
robotstxt, google, search
An Introduction to Cloudflare Workers3818
introductions, cloudflare
CSS Custom Properties in the Cascade (mia/sma)3817
css, custom-properties, cascade, examples
robots.txt Is 25 Years Old3816
anniversaries, robotstxt, search
Google’s robots.txt Parser Is Now Open Source (met+)3815
robotstxt, parsing, tooling, google, search
Why MVP Is the Antithesis of Good UX3814
videos, user-experience, design, product-management
Which “CSS IS AWESOME” Makes the Most Sense if You Don’t Know CSS Well? (chr/css)3813
css
Introduction to .htaccess Redirects3812
introductions, apache, servers, redirecting
Getting to Know the “useReducer” React Hook (css)3811
react, hooks, examples
How to Get Started With Vuetify3810
how-tos, libraries, components, vuetify
The Anatomy of Accessible Forms: Error Messages (deq)3809
accessibility, forms, errors, validation
A Beginner’s Guide to Vue CLI3808
guides, vuejs
Some Career Advice (let)3807
career, tips-and-tricks
My PHP Wishlist (lia)3806
php, wish-lists
How to Enable Experimental Web Platform Features in Chrome and Firefox (mic)3805
how-tos, experiments, web-platform, browsers, chrome, firefox
How to Use Redux With React Hooks (tre)3804
how-tos, redux, react, hooks
Jamstack Fundamentals: What, What, and How (phi+/sma)3803
interviews, fundamentals, jamstack
Optimizing Google Fonts Performance (sma)3802
google, fonts, performance, optimization
How to Increase Your Page Size by 1,500% With Webpack and Vue (bur/css)3801
performance, webpack, vuejs
Micro Frontends (cam/mfo)3800
architecture, micro-frontends, backend-for-frontend, examples
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t)3799
checklists, html, accessibility, performance, seo, social-media
How to Section Your HTML (css)3798
how-tos, html, semantics, examples
Responsible JavaScript (mal/ali)3797
javascript, tree-shaking, code-splitting, embed-code, transpiling, performance, tooling
A Deep Dive Into Redux3796
redux, deep-dives
Privacy Anti-Patterns in Standards (w3c)3795
privacy, anti-patterns, standards
Using Cypress to Write Tests for a React Application (css)3794
react, testing, cypress
Web Accessibility in Context (sma)3793
accessibility, assistive-tech, semantic-web
So You Think You’re Design Driven3792
design
Image Optimization in WordPress (sma)3791
wordpress, images, performance, optimization
CSS Selectors in Go3790
css, selectors, go, parsing, metrics
When Do We Need a Design System? An Interview With Brad Frost (bra+/sma)3789
interviews, design-systems
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci)3788
w3c, whatwg, html, dom, standards
Queer Design Club (que)3787
websites, design, community
Self-Host Your Static Assets (css)3786
performance, self-hosting, caching
Perch Is Ten! Find Out What Comes Next (dre)3785
perch, anniversaries
Daily Ethical Design (ali)3784
design, ethics
Characteristics of a Strong Performance Culture (tka)3783
performance, culture, principles
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the)3782
w3c, whatwg, standards, html, dom
Why Quality Is Important3781
quality, craft
W3C and WHATWG Come Together for HTML and DOM Specifications3780
w3c, whatwg, html, dom, standards
Color Contrast Accessibility Tools (fon/css)3779
contrast, colors, accessibility, tooling
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c)3778
w3c, whatwg, html, dom, standards
Tips for Managing Design Systems (sma)3777
design-systems, maintenance, communication, efficiency, documentation, design, processes
W3C and WHATWG Agree to Work Together Over HTML and DOM3776
w3c, whatwg, html, dom, standards
W3C and WHATWG to Work Together to Advance the Open Web Platform (w3c)3775
w3c, whatwg, web-platform, html, dom, standards
endoflife.date (nem)3774
websites, tooling
Code as Documentation: New Strategies With CSS Grid (css)3773
grids, documentation, sass
Front-End Documentation, Style Guides, and the Rise of MDX (oll/css)3772
documentation, style-guides, markdown, mdx, tooling, storybook
Getting Started With React Testing Library (css)3771
introductions, react, testing, libraries
Switching From WordPress to Hugo (chr/sma)3770
migrating, wordpress, hugo
Understanding Image Compression: Tooling and Context (j9t)3769
images, performance, compression, tooling
Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (sma)3768
how-tos, vuejs, seo
Technical Debt (mfo)3767
technical-debt, concepts
Why the Highest-Paid Developers “Fight” Their Coworkers3766
career, collaboration, culture
WordPress → Hugo (mro)3765
wordpress, hugo, migrating
Normalize CSS or CSS Reset?!3764
css, resets, normalize-css
Take Back Your Web (tan/btc)3763
videos, web, social-media, indieweb
The Scoville Scale of Web Font Loading Opinions (zac/btc)3762
videos, fonts, performance
Everything You Ever Wanted to Know About “inputmode” (chr/css)3761
forms, html, keyboard-shortcuts
A Guide to the Pug HTML Template Preprocessor3760
guides, template-engines, pug
Beginner’s Guide: Build and Deploy a Web App With Ruby on Rails (wom)3759
guides, building, deploying, web-apps, ruby-on-rails
Polypane, Browser for Developers and Designers, Available Now (kil)3758
polypane, browsers
SVG Properties in CSS Guide (kat/css)3757
guides, svg, css
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (mat/deb)3756
performance, hints, html, http-headers, http, preloading
Deploying a Client-Side Rendered “create-react-app” to Microsoft Azure (ade/css)3755
react, client-side-rendering, deploying, azure, microsoft
A Better Approach for Using PurgeCSS With Tailwind (vig)3754
css, purgecss, tailwind
A Crime Called Favicon (j9t)3753
images, favicons, maintainability
The Thinking Behind Simplifying Event Handlers (not/css)3752
javascript, events, examples
Google Fonts Is Adding “font-display” (zac)3751
google, fonts, css
Brave’s Concerns With the Client-Hints Proposal (cli+)3750
brave, browsers, hints, http-headers, http, privacy
Explore GraphQL With Apollo and React: Build a Superhero Database3749
graphql, react, databases
Why, How, and When to Use Semantic HTML and ARIA (ada/css)3748
html, aria, semantics, accessibility
Fighting Uphill (eri)3747
accessibility, compliance
Making the Move From jQuery to Vue (ray/css)3746
migrating, jquery, ajax, vuejs
A Practical Guide to SVG and Design Tools (sma)3745
guides, images, svg, sketch, figma, adobe, tooling, design
Making Web Components for Different Contexts (equ/css)3744
web-components, accessibility
Designing for the Future With Voice Prototypes (sma)3743
design, prototyping, voice
Revisiting “prefers-reduced-motion”, the Reduced Motion Media Query (eri/css)3742
css, media-queries, accessibility
HTML Optimization: A Standard Config for HTML Minifier (j9t)3741
html, optimization, configuration, tooling
An Introduction to Gulp.js (cra)3740
introductions, gulp, examples
Breaking to a New Row With Flexbox3739
css, flexbox, layout, techniques
Getting to Know the MutationObserver API (lou/sma)3738
apis, dom, javascript
Tips for Technical Interviews (css)3737
interviewing, career, tips-and-tricks
Using Parcel as a Bundler for React Applications (css)3736
bundling, parcel, webpack, react
How Can We Make Website Maintenance Work More Visible? (j9t)3735
maintenance
That Time I Tried Browsing the Web Without CSS (css)3734
css, browsing, web
The Circle of a React Lifecycle (css)3733
react
Announcing a New “--experimental-modules” (nod)3732
nodejs, modules
Building a Node.js Express API to Convert Markdown to HTML (sma)3731
nodejs, express, markdown, html, conversion
Coda 23730
videos, coda, code-editors
Using npx and npm Scripts to Reduce the Burden of Developer Tools (bnb)3729
npx, npm, tooling, productivity
Optimizing Performance With Resource Hints (dre/sma)3728
hints, performance, optimization
Why Is Not Using the CSS Cascade a Problem? (ppk)3727
css, cascade, scope
Release Notes for Safari Technology Preview 80 (jon/web)3726
release-notes, safari, browsers
Serve AMP Using Signed Exchanges3725
amp, signed-exchanges, authentication
The Power of Named Transitions in Vue (css)3724
vuejs, transitions, css, examples
CSS and Accessibility (ppk)3723
css, accessibility
Getting Up and Running With the Vue.js 2.0 Framework3722
introductions, vuejs
Accessibility Events (wil/css)3721
accessibility
Ethics for Designers (ia)3720
design, ethics
Art Direction for the Web Using CSS Shapes (mal/sma)3719
design, art-direction, html, css, shapes
Conflict Resolution and Code Reviews3718
git, code-reviews, command-line
In Defense of the Ternary Statement (bur/css)3717
javascript, operators, conditionals
Understanding Subresource Integrity (dre/sma)3716
security, hashing, embed-code
The Serif Tax (chr/css)3715
fonts, performance, ttf
What’s Next for Web Development? (jch)3714
wordpress, php, javascript
The Utilitarian CSS Methodology3713
css, retrospectives, html, flash
Print Styling, the 3 Basics (j9t)3712
fundamentals, print, css
New WebKit Features in Safari 12.1 (jon/web)3711
release-notes, safari, browsers, webkit
Decaying Sites (chr/css)3710
maintenance, link-rot, effects
Pointer Events [Level 2] (ric+/w3c)3709
pointer-events, apis, standards
What Are Design Tokens? (fon/css)3708
design-tokens, design-systems, concepts
Clever JavaScript Does Not Mean Simple or Readable (cfe)3707
javascript, simplicity
Form Validation in Under an Hour With Vuelidate (sar/css)3706
forms, validation, vuejs, tooling
Yet Another JavaScript Framework (jay/css)3705
javascript, frameworks, mootools, history
Array Destructuring in PHP (bre)3704
php, arrays
How to Use Spaces in Web Design With Gestalt Principles (sma)3703
how-tos, design, spacing
How to Align Things in CSS (rac/sma)3702
how-tos, css, alignment
W3C Strategic Highlights: Outreach to the World (Developer Relations) (amy/w3c)3701
w3c, developer-relations
Introduction to Babel3700
introductions, babel, transpiling, tooling
Parcel.js Quick Introduction—Zero Configuration Bundler3699
videos, introductions, parcel, bundling
W3C Strategic Highlights: Web for All (Web Accessibility) (amy/w3c)3698
w3c, accessibility, link-lists
How to Conditionally Apply a CSS Class in Vue.js3697
how-tos, css, vuejs
Advanced Tooling for Web Components (css)3696
web-components, angular, vuejs, react, tooling
All About “mailto:” Links (chr/css)3695
links, email
Improving Perceived Performance With the Link “rel=preconnect” HTTP Header (and)3694
performance, http, http-headers, hints
JS vs. Java—Dynamic Typing3693
javascript, java, comparisons
SVG Circle Decomposition to Paths (sma)3692
svg, images, animations
W3C Strategic Highlights: Web for All (Internationalization [I18N]) (amy/w3c)3691
w3c, internationalization
Blurred Borders in CSS (ana/css)3690
css, borders, effects, clipping
Some Notes About Accessibility (fon/css)3689
accessibility, community
Stacked “Borders” (mey/css)3688
css, borders, shadows, backgrounds, gradients, images
Scope in CSS (ppk)3687
css, scope, nesting
I Used the Web for a Day on Internet Explorer 8 (sma)3686
internet-explorer, browsers
An Introduction to Web Components (css)3685
introductions, web-components, javascript, shadow-dom, html
W3C Strategic Highlights: Web for All (Security, Privacy, Identity) (w3c)3684
w3c, security, privacy, authentication
Creating Accessible HTML5 Modal Dialogs for Desktop and Mobile (zol)3683
html, modals, accessibility, javascript
Writing Resilient Components (dan)3682
components, resilience
Finally, a CSS Only Solution to “:hover” on Touchscreens (mez)3681
css, mobile, hover, touch
6 Tips Using Apollo GraphQL3680
graphql, tips-and-tricks
The Benefits of Structuring CSS Around Appearance and Layout (fon/css)3679
css, presentational-html
F.I.R.S.T. Principles of Testing (www)3678
principles, testing
“if” Statements and “for” Loops in CSS (ppk)3677
css, conditionals, loops
30 Years Ago the World Changed Forever (koa/w3c)3676
anniversaries, web
Accessibility Is Not a “React Problem” (chr/css)3675
accessibility, react
Help Google Search Know the Best Date for Your Web Page (joh)3674
google, search, time
A Quick Intro to Higher-Order Functions in JavaScript3673
introductions, javascript, functions
A Complete Guide to “useEffect” (dan)3672
guides, react, hooks, components
Styling Based on Scroll Position (chr/css)3671
css, selectors, scrolling
The Client/Server Rendering Spectrum (chr/css)3670
server-side-rendering, client-side-rendering, rendering
Algorithms in CSS (ppk)3669
css, algorithms, naming, programming
W3C Approves WebAuthn Authentication Standard That Could Do Away With Passwords3668
w3c, fido, standards, webauthn, authentication
“Cache-Control” for Civilians (css)3667
performance, caching, http
CSS Remedy (chr/css)3666
css, resets
The Web Just Took a Big Step Toward a Password-Free Future (jon/ver)3665
w3c, webauthn, authentication, standards, apis
Breaking Boxes With CSS Fragmentation (rac/sma)3664
css
Did You Know That CSS Custom Properties Can Handle Images Too? (fon/css)3663
css, custom-properties, images
Six Tips for Better Web Typography (fon/css)3662
typography, design, tips-and-tricks
Typography for Developers (css)3661
typography, fonts, legibility, readability, css, link-lists
Announcing Domain-Wide Data in Search Console3660
google, search, tooling, domains
Better Web Video With AV1 Codec (sit/evi)3659
multimedia, compression
Sliding In and Out of Vue.js (kba/sma)3658
vuejs
What We Want From Grid (chr/css)3657
css, grids, layout
The CSS Mental Model (ppk)3656
css, state-management
How to Tidy Up Your .htaccess Redirects3655
how-tos, redirecting, apache, maintenance
Taming Dependabot: How to Use Dependabot in the Real World3654
how-tos, dependabot, configuration
CSS Remedy—Rethinking the Approach to CSS Resets (kev)3653
css, resets
Improving WordPress Code With Modern PHP (sma)3652
wordpress, php, optimization
Including Animation in Your Design System (vlh/sma)3651
design-systems, animations, effects
Using IntersectionObserver to Check if Page Scrolled Past Certain Point (chr/css)3650
scrolling, apis, javascript
How to Avoid DOM Blocking in JavaScript (cra)3649
how-tos, dom, javascript, performance
Colorful Typographic Experiments (chr/css)3648
experiments, typography, colors, css
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)3647
introductions, nodejs, apis, http, javascript
5 Simple UX Principles to Guide Your Product Design3646
user-experience, design, principles
How a Screen Reader User Surfs the Web (tin+/sma)3645
videos, screen-readers, accessibility, browsing, user-experience
W3C Strategic Highlights: Strengthening the Core of the Web (CSS) (amy/w3c)3644
w3c, css, standards
How “@supports” Works (chr/css)3643
css, feature-detection, support, examples
Revisiting FTP Basics3642
fundamentals, ftp
CSS Smooth Scrolling (rik)3641
css, scrolling
An Introduction to Web Bluetooth (htm/sma)3640
introductions, apis, javascript
The Smart Ways to Correct Mistakes in Git (tob/css)3639
git, command-line
Why Every Browser Switching to Blink Could Be Bad News for the Web3638
browsers, browser-engines, blink, chrome, edge, web
No EPUBCheck, no EPUB (w3c)3637
epub, conformance, tooling
Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (sma)3636
hosting, comparisons, link-lists
Where Do You Nest Your Sass Breakpoints? (chr/css)3635
sass, breakpoints
Rendering on the Web (add+)3634
server-side-rendering, client-side-rendering, rendering, performance, hydration, seo
A Guide to CSS Support in Browsers (rac/sma)3633
guides, css, support, browsers, testing
What Hooks Mean for Vue (sar/css)3632
vuejs, react, hooks
Tachyons CSS Framework/Library Review (daw)3631
tachyons, frameworks, presentational-html, css
What’s New in ECMAScript 2019 (paw)3630
ecmascript, standards
DORA’s Journey: An Exploration3629
dev-ops, productivity, metrics
Using Artificial Intelligence to Generate Alt Text on Images (css)3628
ai, alt-text, accessibility, images
Remove Unused CSS Styles From Bootstrap Using Purgecss (df)3627
css, bootstrap, purgecss
The Importance of One-on-Ones (sar/css)3626
engineering-management, career, processes
8 Reasons Why You’re Doing SEO Wrong (erw)3625
seo, performance
HTML and Performance: Leave Out Optional Tags and Quotes (j9t)3624
html, performance
Meteor Framework Review3623
meteor
Guide to Web Authentication3622
websites, authentication, webauthn, security, javascript
The TypeScript Tax (eri)3621
typescript, type-safety, metrics, quality
The 5 Raisons d’Être of Testing (nma)3620
testing, quality
The Secret Weapon to Learning CSS (fon/css)3619
css, learning, syndication
The Great Divide (chr/css)3618
html, css, javascript, career
W3C Strategic Highlights: Future Web Standards (amy/w3c)3617
w3c, standards, link-lists
2019 CSS Wishlist (chr/css)3616
css, wish-lists
Google Lighthouse and PWA (j9t)3615
google, lighthouse, web-apps, progressive-web-apps
How to Migrate to Gulp.js 4.0 (cra)3614
how-tos, gulp, migrating
UX in the Age of Personalization (ali)3613
user-experience, personalization
Feature Detection With Modernizr for Cross Browser Compatibility3612
feature-detection, modernizr, testing
How Well Do You Know CSS Layout? (bra/css)3611
css, layout, box-model, borders, positioning, centering
Truth About Template Engines3610
template-engines, liquid, mustache
Why I’ve Stopped Exporting Defaults From My JavaScript Modules (nza)3609
javascript, modules
Web Standards: The What, the Why, and the How (sma)3608
standards, history, processes, web-platform
Piecing Together Approaches for a CSS Masonry Layout (chr/css)3607
css, masonry, layout
When and How to Use CSS Multi-Column Layout (rac/sma)3606
how-tos, css, layout
Get All Font Sizes in Use on a Web Page (zac)3605
fonts, css, console, javascript
The Ethics of Web Performance (tka)3604
performance, ethics, accessibility
Styling a Web Component (chr/css)3603
web-components, shadow-dom, dom, custom-properties, css, html
CSS for JavaScripters (ppk)3602
css, javascript, json
Spoofing Google Search Results3601
google, search
2018 JavaScript Rising Stars (sac)3600
javascript, frameworks, nodejs, react, vuejs, angular, mobile, compiling, building, testing, tooling, code-editors, css-in-js, graphql, retrospectives
Automatic CloudFront Invalidation for S3 Origins3599
s3, cloudfront, caching, automation
Monorepo: Please Do (ada)3598
monorepos, architecture
a11y-syntax-highlighting (eri)3597
packages, npm, accessibility, syntax-highlighting
How to Learn CSS (rac/sma)3596
how-tos, learning, css
Monorepos: Please Don’t (mat)3595
monorepos, architecture
The Elements of UI Engineering (dan)3594
user-experience, consistency, performance, navigation, prioritization, accessibility, internationalization, resilience
What Is Serverless? (fla)3593
serverless, concepts, lambda, gcp, azure
Will PWAs Replace Native Mobile Apps? (sma)3592
mobile, native, progressive-web-apps, web-apps
Common CSS Issues for Front-End Projects (sha/sma)3591
css, lessons
Gulp for WordPress: Initial Setup (ali/css)3590
wordpress, gulp, theming
Prove You’re Not a Bot: reCAPTCHA Version 3 (24a)3589
captcha, google, spam, accessibility
Breadcrumbs: 11 Design Guidelines for Desktop and Mobile (nng)3588
guidelines, design, breadcrumbs
Don’t Stop Learning Frameworks (zac)3587
frameworks, javascript, learning
ARIA 1.1—What’s New? (24a)3586
accessibility, aria, standards
Generic First CSS: New Thinking on Mobile First (sma)3585
css, mobile-first, mobile
Regarding CSS’s Global Scope (chr/css)3584
css, scope
Web Components Still Need to Be Accessible (eri/24a)3583
accessibility, web-components, toggles
I Used the Web for a Day Using a Screen Reader (sma)3582
screen-readers, accessibility
How to Worry About npm Package Weight (chr/css)3581
npm, dependencies
Intro to Git Hooks3580
introductions, git-hooks, git
20+ CSS Text Glitch Effects (fre)3579
css, effects, link-lists
“ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element3578
angular, focus, keyboard-navigation
Stop Learning Frameworks3577
frameworks, learning
It’s Beginning to Look a Lot Like XSSmas (24w)3576
security, vulnerabilities, csrf, xss
I Threw Away My Mouse (mat/24a)3575
accessibility, keyboard-navigation, keyboard-shortcuts, focus
Static vs. Server Rendering3574
rendering, performance, comparisons, react
Different Result From “Array.sort()”?3573
javascript, arrays, chrome, safari, browsers
Just Enough CSS for a Blog3572
css, minimalism, milligram, skeleton
Speed Up Next-Page Navigations With Prefetching (add)3571
performance, hints, html, http-headers, http, webpack
Checking if an Input Is Empty With CSS (zel)3570
css, forms
Keep Math in the CSS (chr/css)3569
css, functions, math
Protecting Your Site With Feature Policy (rac/sma)3568
security, http-headers, http
Keeping Sass Simple and Speedy on Eleventy (phi)3567
sass, eleventy, performance
Everything You Know About Web Design Just Changed (jen)3566
slides, layout, html, css, tables, flash, history, responsive-design, intrinsic-design
Why Isn’t It “<style src="">”? (chr/css)3565
html, standards, history
The Anchoring Principle (tbf/nng)3564
design, user-experience, principles
Elements to Ditch or Repurpose on Mobile (sma)3563
design, user-experience, mobile
So You Want to Use Redux—Selectors (ser)3562
redux, examples
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra)3561
javascript, frameworks, libraries, tooling, link-lists
Goodbye, EdgeHTML (moz)3560
edgehtml, gecko, browser-engines, browsers, firefox
Tachyons, the Best Library You’re Not Using3559
tachyons, presentational-html, css, frameworks
On Visions for Performance, or: Performance Optimization Is a Process (j9t)3558
performance, optimization, outlooks, processes
Tips to Help You Write Faster MySQL Queries3557
mysql, databases, performance, tips-and-tricks
The “D” in the DOM (24a)3556
accessibility, html, headings
The State of UX in 2019 (fab)3555
user-experience, design, outlooks
Giving Back to the Community (mgi/24a)3554
community
A Blue Beanie for Blue Beanie Day (viv)3553
browsers, vivaldi, standards, awareness-days
Strategies for Headless Projects With Structured Content Management Systems (sma)3552
content-management, headless, strategies
Browsing Versus Searching in Design3551
design, browsing, searching
How to Create Accessibility Statements (w3c)3550
how-tos, accessibility, documentation, compliance
Front-End Developers Have to Manage the Loading Experience (chr/css)3549
performance, user-experience
Amazon DynamoDB Deep Dive: Advanced Design Patterns for DynamoDB3548
videos, aws, dynamodb, databases, software-design-patterns, deep-dives
A Complete Guide to Routing in Angular (sma)3547
guides, angular, routing
Front-End Development Is Not a Problem to Be Solved (fon/css)3546
html, css, bootstrap, craft, career
An Extensive Guide to Progressive Web Applications (sma)3545
guides, progressive-web-apps, web-apps, web-workers, javascript
What Is the Jamstack? (fla)3544
jamstack, tech-stacks
Avoiding the Pitfalls of Automatically Inlined Code (sma)3543
css, javascript, php, wordpress
JavaScript Is for Web Apps, Not for Websites3542
javascript, web-apps
Get Started With Git Hooks3541
introductions, git-hooks, git
Should Designers Code (j9t)3540
design, creativity, career
Prettier and Beautify (chr/css)3539
formatting, tooling, prettier
From Maker to Manager: How to Take the Leap (buf)3538
how-tos, career, engineering-management
An Overview of Render Props in React (css)3537
overviews, react, props, examples
Dark Mode in CSS (fon/css)3536
dark-mode, css, media-queries
Release Notes for Safari Technology Preview 70 (jon/web)3535
release-notes, safari, browsers
Extreme Typography on the Web (djr/btc)3534
videos, typography
I, Human (tin/btc)3533
videos, accessibility, ai
Performance Rule #1: Do What You Need to Do—But Not More (j9t)3532
performance, simplicity
Sending Emails Asynchronously Through AWS SES (sma)3531
email, aws
PageSpeed Insights, Now Powered by Lighthouse (che+)3530
performance, tooling, lighthouse
The Ironic Inaccessibility of “a11y” (chr/css)3529
accessibility, terminology
CSS Frameworks or CSS Grid: What Should I Use for My Project? (rac/sma)3528
css, frameworks, grids, layout
The Internet Can’t Handle Functioning Like a Democracy3527
web, history, community
Fun Tip: Use “calc()” to Change the Height of a Hero Component (css)3526
css, functions
A Netflix Web Performance Case Study (add)3525
performance, netflix, case-studies