A Unified Theory of Web Performance (sli) | | 1,098 |
performance |
Exposing Mid-Resource LCP Values | | 1,097 |
performance, web-vitals |
Image Magnifier Using Only One Line of CSS (ami) | | 1,096 |
css, images |
Page Visibility: If a Tree Falls in the Forest… | | 1,095 |
performance, web-vitals, user-experience |
Add Less (cas/css) | | 1,094 |
simplicity |
pkg.land | | 1,093 |
websites, packages, dependencies, npm |
Updating a Branch With “git rebase” | | 1,092 |
git, command-line |
Using Diagnostic Metrics | | 1,091 |
performance, metrics |
Dynamic Static Typing in TypeScript (dea/sma) | | 1,090 |
typescript, generics |
Empathetic Animation (css) | | 1,089 |
animations, user-experience |
Practical Tips for Load-Testing Web Applications | | 1,088 |
performance, testing, tips-and-tricks, web-apps |
WCAG and Accessibility: What Is a Statement of Partial Conformance? | | 1,087 |
accessibility, wcag, conformance |
Add a Service Worker to Your Site (cfe/css) | | 1,086 |
web-workers, javascript |
Shedding Light on Fiverr’s Dark Mode Creation Process | | 1,085 |
design, dark-mode |
Building Gatsby Themes for WordPress-Powered Websites (sma) | | 1,084 |
wordpress, gatsby, theming |
Web Accessibility Cheat Sheet | | 1,083 |
accessibility, cheat-sheets |
CSS in 2022 (bra) | | 1,082 |
css |
1000+ Web Development Resources | | 1,081 |
link-lists |
The Business Case for Performance | | 1,080 |
performance, economics |
Faster Websites by Using Less HTML (j9t) | | 1,079 |
cross-posts, html, performance, optimization, minimalism |
Container Queries (5t3) | | 1,078 |
css, container-queries, html |
Form Autocomplete (ben/5t3) | | 1,077 |
html, forms |
Personalize It! (una/css) | | 1,076 |
css, user-experience, personalization |
Redirect Liquidation (tim) | | 1,075 |
performance, optimization, redirecting |
Remember You Are Not the User (css) | | 1,074 |
accessibility, internationalization, user-experience, principles |
Show, Don’t Tell (css) | | 1,073 |
writing, design, semantics |
The Many Methods for Using SVG Icons (hui) | | 1,072 |
css, svg, images, icons |
The CSS “:has()” Pseudo-Class, aka Parent Selector | | 1,071 |
css, selectors |
Wrapping Text Inside an SVG Using CSS | | 1,070 |
svg, css |
Frontend Web Performance: The Essentials | | 1,069 |
fundamentals, performance, rendering |
Building a Greener Web (mic) | | 1,068 |
sustainability |
CSS Animation (5t3) | | 1,067 |
css, animations |
CSS Snapshot 2021 (tab+/w3c) | | 1,066 |
css, standards |
Introduction to Cognitive Disability and Accessibility Testing (ons/tpg) | | 1,065 |
introductions, accessibility, testing |
Make Joyful Things (css) | | 1,064 |
user-experience |
WebGPU From WebGL | | 1,063 |
webgpu, webgl |
The CSS “:has()” Selector Is Way More Than a “Parent Selector” (bra) | | 1,062 |
css, selectors |
13 Tools and Techniques to Accelerate Frontend Development | | 1,061 |
tooling, techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd |
5 Common Misconceptions About WAI–ARIA and Accessibility | | 1,060 |
accessibility, aria, html |
Auto Dark Theme (chr/css) | | 1,059 |
browsers, dark-mode, usability |
Be Prepared for Failure and Handle It Gracefully (css) | | 1,058 |
javascript, graceful-degradation |
Design Sprints Revisited: Designing With Your Users and Developers (uxm) | | 1,057 |
design, usability |
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe) | | 1,056 |
how-tos, css, javascript |
How to Define Your Relationship to Sites You Link To (ste) | | 1,055 |
how-tos, html, links, semantics, seo |
HTML Cheat Sheet | | 1,054 |
html, semantics, examples, cheat-sheets |
Image Display Elements (5t3) | | 1,053 |
html, images, responsive-design |
PHP 8 in a Nutshell (ami) | | 1,052 |
books, php |
Smoothly Reverting CSS Animations | | 1,051 |
css, animations |
The Web Starts on Page Four (cod) | | 1,050 |
web |
Why UX Is the Best SEO Strategy (uxm) | | 1,049 |
user-experience, seo, strategies |
4 HTML Concepts You Didn’t Know (j9t) | | 1,048 |
html, concepts, tables |
Preference Queries (5t3) | | 1,047 |
css |
Ultimate HTML Cheatsheet | | 1,046 |
html, cheat-sheets |
Web Performance, Core Web Vitals, and Vanity Metrics | | 1,045 |
performance, web-vitals, metrics |
This Is WCAG 2.1 | | 1,044 |
websites, accessibility, wcag |
This Is WCAG | | 1,043 |
websites, accessibility, standards, wcag |
CSS Houdini Paint API (5t3) | | 1,042 |
css, houdini, apis, javascript |
There’s Never Been a Better Time to Build Websites | | 1,041 |
frameworks, css |
Consistent, Fluidly Scaling Type, and Spacing (bel/css) | | 1,040 |
typography, css, scaling, fluid-design |
Deep-Copying in JavaScript Using “structuredClone” (sur/dev) | | 1,039 |
javascript |
Don’t Start With Microservices in Production—Monoliths Are Your Friend | | 1,038 |
microservices, monoliths, architecture |
Hands On With the New Responsiveness Metrics | | 1,037 |
performance, responsive-design, metrics |
Inaccessibility of CAPTCHA (w3c) | | 1,036 |
accessibility, captcha |
Sustaining Maintaining (dav) | | 1,035 |
foss |
Web Platform Design Principles (w3c) | | 1,034 |
web-platform, software-design, principles, standards, w3c |
Web vs. Email Development: The 11 Biggest Coding Differences | | 1,033 |
comparisons, email, browsers, support, responsive-design |
Why Motion on Websites and Digital Content Is a Problem (mer/equ) | | 1,032 |
accessibility |
100 Tips on Software Developer Productivity | | 1,031 |
productivity, tips-and-tricks |
CSS Can Help Improve Your HTML!? Buttons and Links | | 1,030 |
html, css, buttons, links, accessibility |
CSS Custom Properties (5t3) | | 1,029 |
css, custom-properties |
Explain Like I’m Five: Web Performance Optimization (sto) | | 1,028 |
performance, optimization |
Shifting the Mindset About Accessible Content (mni) | | 1,027 |
accessibility, content |
The State of CSS 2021 [Results] (sac/dev) | | 1,026 |
surveys, css |
Thoughts on Skin Tone and Text Descriptions (tin) | | 1,025 |
accessibility, dei, writing |
Details/Summary (5t3) | | 1,024 |
html, semantics, disclosure-widgets |
Performance Implications of JavaScript Errors | | 1,023 |
javascript, performance, errors |
Practical Ethics for the Modern Web Designer | | 1,022 |
videos, ethics |
Read Your Website (geo/css) | | 1,021 |
user-experience |
The Ideal Line Length and Line Height in Web Design (pim) | | 1,020 |
design, typography, readability |
Visual Regression Testing for Design Systems With Figma Branches | | 1,019 |
design-systems, testing, regressions, figma |
Lessons Learned From Publishing a Content Security Policy | | 1,018 |
lessons, csp, security |
Embrace the Platform (bra/css) | | 1,017 |
html, css, javascript, web-platform |
How Not to Create a Button (eev) | | 1,016 |
html, buttons, accessibility |
Intersection Observer (5t3) | | 1,015 |
javascript, apis |
WCAG 2 Is What We Have (kil) | | 1,014 |
accessibility, wcag |
WCAG 2.2: What We Know Till Now | | 1,013 |
accessibility, wcag |
5 Key Benefits of Using a Tag Manager | | 1,012 |
tag-management |
Defer Non-Critical Resources | | 1,011 |
performance, html |
WCAG 3 Is Not Ready Yet (yat) | | 1,010 |
accessibility, wcag |
How to Customize Firefox UI—Step-by-Step Tutorial | | 1,009 |
how-tos, tutorials, xul, browsers, mozilla, firefox, customization |
Standardizing Focus Styles With CSS Custom Properties (5t3/css) | | 1,008 |
css, custom-properties, accessibility, focus |
Breaking Out of the Box (pat/ali) | | 1,007 |
browsers, css |
Caching: Understanding the Scope | | 1,006 |
performance, caching |
Responsive Iframes With the CSS “aspect-ratio” Property (cfe) | | 1,005 |
iframes, css, responsive-design, aspect-ratio |
The Last Design You’ll Ever Make | | 1,004 |
design |
WCAG 3 and APCA | | 1,003 |
accessibility, wcag, apca, colors, contrast |
1993: Mosaic Launches and the Web Is Set Free (ric) | | 1,002 |
history, browsers, mosaic |
5 Reasons You Should Adopt a Micro Frontend Architecture | | 1,001 |
micro-frontends, architecture |
Content Separation | | 1,000 |
servers |
Node.js Memory Limits—What You Should Know (app) | | 999 |
nodejs, memory |
Redirects for SEO: A Simple (but Complete) Guide (ahr) | | 998 |
guides, redirecting, seo, http |
Writing Better CSS (ale) | | 997 |
css, quality, efficiency |
A Beginner’s Guide to Vue Router | | 996 |
guides, vuejs |
Defensive CSS (sha) | | 995 |
css |
Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (w3c) | | 994 |
accessibility, wcag, standards |
Google Fonts Knowledge (ell) | | 993 |
google, fonts, typography |
Optimizing State Management in React Applications | | 992 |
react, state-management |
Test Your Product on a Crappy Laptop (eri/css) | | 991 |
testing, performance, usability |
Where Do You Put Spacing on Design System Components? (eri) | | 990 |
design-systems, components, design, spacing |
Designing Better Links for Websites and Emails: A Guideline (sma) | | 989 |
design, links, email |
HTTP Compression | | 988 |
http, protocols, compression, performance |
Reduce Your Website’s Environmental Impact With a Carbon Budget (mic/css) | | 987 |
sustainability |
Why You Should Check in Your Node Dependencies | | 986 |
nodejs, dependencies |
CSS Fingerprinting | | 985 |
websites, css, privacy, fingerprinting |
Have Core Web Vitals Made the Web Faster? (tun) | | 984 |
web-vitals, performance |
How Many People With Disabilities Use Our Site? (hdv) | | 983 |
accessibility |
The Love of Curvilinear Design (uxd) | | 982 |
design |
Plugging Memory Leaks in Your App (sto) | | 981 |
performance, memory |
Ain’t No Party Like a Third Party (ada/css) | | 980 |
dependencies, embed-code, security |
JSON Modules in JavaScript | | 979 |
javascript, json, modules |
Request for a General Theory of Web Performance | | 978 |
performance |
Why Every Developer Should Start Blogging | | 977 |
blogging, communication, learning, career |
Revisiting the Anatomy of a Design System (uxd) | | 976 |
design-systems |
Best Practices for Node.js Development | | 975 |
nodejs, javascript, best-practices |
Markup (htt) | | 974 |
web-almanac, studies, research, metrics, html |
Accessibility (htt) | | 973 |
web-almanac, studies, research, metrics, accessibility |
CSS (mey/htt) | | 972 |
web-almanac, studies, research, metrics, css |
HTTP (htt) | | 971 |
web-almanac, studies, research, metrics, http, protocols |
JavaScript (htt) | | 970 |
web-almanac, studies, research, metrics, javascript |
New Living Standards (dom) | | 969 |
standards, apis |
Open Props (arg) | | 968 |
websites, css, custom-properties, props |
Page Weight (htt) | | 967 |
web-almanac, studies, research, metrics, performance |
Security (htt) | | 966 |
web-almanac, studies, research, metrics, security |
The Fundamentals of CSS Layout (dev) | | 965 |
videos, fundamentals, css, layout |
Understanding Accessibility | | 964 |
accessibility, testing, tooling |
Why Color Contrast Is Not as Black and White as It Seems | | 963 |
accessibility, colors, contrast |
CSS Layout From the Inside Out (rac) | | 962 |
videos, css, layout |
Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma) | | 961 |
podcasts, interviews, web-platform, standards, performance, tooling, developer-experience |
The Surprising Behavior of “Important CSS Custom Properties” (ste) | | 960 |
css, custom-properties, cascade |
“aria-label” Is Not Always the Answer (eev) | | 959 |
html, aria, accessibility |
The State of UX in 2022: Rebuild (fab/uxd) | | 958 |
user-experience, design, outlooks |
Introduction to TCP Connection Establishment for Software Developers | | 957 |
introductions, protocols, tcp |
Making Accessibility More Accessible | | 956 |
accessibility |
How to Maintain a Large Next.js Application (sma) | | 955 |
how-tos, nextjs, maintenance |
Introduction to Svelte Actions (log) | | 954 |
introductions, svelte |
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea) | | 953 |
web-components, html, markdown |
Select Elements With “pointer-events: none” by Holding Shift (pat/dev) | | 952 |
browsers, dev-tools, pointer-events |
The Pagination Predicament (kev) | | 951 |
pagination, seo |
Understanding WCAG 2.1 Level AAA (tet) | | 950 |
accessibility, wcag |
What Is Magento? A Brief Introduction | | 949 |
introductions, ecommerce, tooling, magento |
What Is WHOIS and How Does It Work? | | 948 |
whois, domains |
How to Trim Strings in JavaScript | | 947 |
how-tos, strings, javascript |
Make Your Website Stand Out With a Custom Scrollbar | | 946 |
css |
Programmers Should Stop Celebrating Incompetence | | 945 |
career |
7 Ways to Improve Node.js Performance at Scale (app) | | 944 |
nodejs, performance, optimization |
Creating Generative Patterns With the CSS Paint API (css) | | 943 |
css, decoration |
Get Started With Validation in Node.js | | 942 |
introductions, nodejs, validation |
Three Phases of Life for Design Systems | | 941 |
design-systems |
What Kind of Developer Do I Want to Be? | | 940 |
career |
A Modern CSS Reset (jos) | | 939 |
css, resets |
Adding a Dyslexia-Friendly Mode to a Website (sma) | | 938 |
accessibility, css |
Control Layout in a Multi-Directional Website (css) | | 937 |
internationalization, html, css |
Functional Programming in PHP: Higher-Order Functions | | 936 |
php, programming, functions |
Modern CSS in a Nutshell (spa/clo) | | 935 |
css |
The 6 Ways of Writing HTML (and Their Combinations) (j9t) | | 934 |
html |
Blog Page Accessibility Deep Dive | | 933 |
accessibility, react, deep-dives |
How JavaScript Engines Achieve Great Performance | | 932 |
javascript, javascript-engines, performance |
Improving the Performance of Wix Websites (Case Study) (sma) | | 931 |
performance, monitoring, culture, case-studies |
Responsive Layouts, Fewer Media Queries (css/css) | | 930 |
css, responsive-design |
Designing Sustainable Websites (ger) | | 929 |
sustainability, performance, software-design |
Accessibility Myths | | 928 |
websites, accessibility, myths |
Dear HTML Element | | 927 |
html |
How to Make Blob Menu Using HTML, CSS, and JavaScript | | 926 |
how-tos, html, css, javascript |
Introduction to Web Sockets | | 925 |
introductions, apis, protocols, websockets |
Parallax Powered by CSS Custom Properties (jhe/css) | | 924 |
css, effects, parallax, custom-properties |
Tales of the Autistic Developer—Order and Chaos | | 923 |
career |
20 Years of bram.us (bra) | | 922 |
history |
Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (uxd) | | 921 |
accessibility, communication |
1992: The Web vs. Gopher, and the First External Browsers (ric) | | 920 |
history |
Dynamic Color Manipulation With CSS Relative Colors (jim) | | 919 |
css, colors |
Let’s Not Send Developers to the Accessibility Tree Tool (cod) | | 918 |
browsers, accessibility, tooling |
PHP Date and Time Recipes (css) | | 917 |
php, time |
Various Ways to Include Comments on Your Static Site | | 916 |
functionality |
A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH (mic/sma) | | 915 |
guides, css, colors |
How to Create Reusable Components With the Vue 3 Composition API | | 914 |
how-tos, vuejs, components, maintainability |
Performance (sia/htt) | | 913 |
web-almanac, studies, research, metrics, performance, user-experience |
Tor and the Humans Who Use It (tor) | | 912 |
community, privacy, tor-browser, browsers |
Three Principles to Better Present Your UI Designs (uxd) | | 911 |
design, principles |
WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (uxd) | | 910 |
accessibility, wcag, standards |
4 Ways to Document Your Design System With Storybook (sto) | | 909 |
design-systems, storybook, documentation |
A Clever Sticky Footer Technique (chr/css) | | 908 |
css, layout, navigation |
A Primer on Product Management for Engineers | | 907 |
introductions, product-management |
Design System Best Practices With ESLint Series (and) | | 906 |
design-systems, design-tokens, best-practices, tooling, eslint |
Generate a Pull Request of Static Content With a Simple HTML Form (css) | | 905 |
html, github |
Reframing Tech Debt | | 904 |
technical-debt |
Using “position: sticky” With CSS Grid (sha) | | 903 |
css, grids, positioning, layout |
We Need to Talk About Accessibility—Again, and Again, and Then Some More | | 902 |
accessibility |
5 Popular Frontend Development Tools in 2021 | | 901 |
tooling |
Access to Tech, Tech to Live (btc) | | 900 |
videos, accessibility |
Get Your “Head” Straight (css/btc) | | 899 |
videos, html, performance |
GitHub’s Commitment to npm Ecosystem Security (git) | | 898 |
github, npm, security |
How to Fetch Data in Svelte | | 897 |
how-tos, svelte, data-fetching |
Semantics and How to Get Them Right (hdv/btc) | | 896 |
videos, html, semantics, accessibility |
Some Notes on Using esbuild | | 895 |
bundling, esbuild |
Why IndexedDB Is Slow and What to Use Instead | | 894 |
databases, indexeddb, javascript, performance |
Your CSS Is an Interface (eri) | | 893 |
css, performance |
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties | | 892 |
dev-tools, css, javascript, browsers, google, chrome |
Design Systems, Structured Content, and Headless Publishing (amy) | | 891 |
design-systems, content, semantics, headless |
Exploring Retro Web Design | | 890 |
design |
How to Debounce and Throttle Callbacks in Vue | | 889 |
how-tos, vuejs, javascript, callbacks, debouncing, throttling |
Other Looks at the Conditional Border Radius Trick (chr/css) | | 888 |
css, borders, tips-and-tricks |
Useful React Hooks That You Can Use in Your Projects (sma) | | 887 |
react, hooks |
Using Web Workers to Boost Third-Party Script Performance (log) | | 886 |
web-workers, javascript, performance |
Why Your Website Should Not Use Dithered Images | | 885 |
images, dithering, compression, performance |
Easy Dark Mode (and Multiple Color Themes) in React (css) | | 884 |
react, dark-mode, theming |
View-Source | | 883 |
auditing, view-source, browsers |
It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity (uxd) | | 882 |
design, branding, strategies |
A Beginner’s Guide to Routing in Next.js, With Examples | | 881 |
guides, nextjs, routing |
Browsing With Screen Magnification (tet) | | 880 |
accessibility, browsing, assistive-tech, screen-magnification |
Everything You Ever Wanted to Know About the Accessibility Tree | | 879 |
videos, accessibility |
Detecting Specific Text Input With HTML and CSS (chr/css) | | 878 |
html, css |
How Designers Can Prevent User Errors | | 877 |
design, usability, errors |
Localizing Your Next.js App (ati/sma) | | 876 |
nextjs, localization, javascript |
Be Usable, Not Consistent, Not Uniform (uxd) | | 875 |
design, usability |
Debugging HTML: Accessibility (mat/mat) | | 874 |
html, accessibility, debugging |
Designing a Reorderable List Component | | 873 |
lists, components, html, css |
Why You Should Prioritise Quality Over Speed in Design Systems (amy) | | 872 |
design-systems, prioritization |
Becoming an Expert | | 871 |
learning, career, processes, craft |
In Defence of Dialog | | 870 |
html, modals |
PHP 8.1 in 8 Code Blocks | | 869 |
php |
Deep Dive Into Node.js Architecture | | 868 |
nodejs, architecture, deep-dives |
Chrome DevTools: Record and Playback Your User Journeys | | 867 |
dev-tools, user-experience, performance, browsers, google, chrome |
Everything You Have to Know About Core Web Vitals (fox/cal) | | 866 |
web-vitals, performance |
How to Implement Memoization in React to Improve Performance | | 865 |
how-tos, react, performance, memoization, optimization |
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev) | | 864 |
videos, browsers, google, chrome, browser-engines, chromium, rendering |
Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? (mat+/sma) | | 863 |
podcasts, interviews, astro, frameworks |
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job | | 862 |
how-tos, career |
A Deep Dive Into Serverless UI With TypeScript (sma) | | 861 |
typescript, serverless, deep-dives |
Browser Wars (jay/css) | | 860 |
history, browsers, browser-wars |
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha) | | 859 |
components, html, css |
Designing Error Messages and a Logging Strategy in Node.js (app) | | 858 |
software-design, javascript, nodejs, logging, strategies |
Learn Forms (dev) | | 857 |
courses, forms, html |
Learn PWA (dev) | | 856 |
courses, web-apps, progressive-web-apps |
Understanding the Differences Between WCAG 2.1 and WCAG 2.2 | | 855 |
accessibility, wcag, comparisons |
What Is Wireless Application Protocol (WAP)? | | 854 |
wap, mobile |
Design Is Not Art, and UX Is Not Design (uxd) | | 853 |
design, user-experience |
Eleventy 1.0—New Option for Global Data (ray) | | 852 |
eleventy |
Lit Web Components: Tailwind CSS Styles at Build Time (mic) | | 851 |
web-components, lit, tailwind |
Name, Labels, ARIA, What to Do? (sco) | | 850 |
accessibility, forms, labels, writing, naming |
Rebase vs. Merge: Integrating Changes in Git (css) | | 849 |
git, comparisons |