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