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