Understanding CSS Preload and Other Resource Hints (log) | | 787 |
css, performance, hints |
A Designers Guide to the Principles of Web Design | | 786 |
guides, design, principles, consistency, legibility, navigation, images, hierarchy, whitespace, usability |
Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd) | | 785 |
figma, components, design, tips-and-tricks |
Shallow vs. Deep Copying in JavaScript | | 784 |
javascript, comparisons |
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience | | 783 |
videos, accessibility, design-systems, dei, user-experience |
HTML Dark Mode (bt) | | 782 |
html, dark-mode |
React, Visualized | | 781 |
introductions, react, visualization |
Formulating Your Product Design North Star (aka Design Principles) (uxd) | | 780 |
design, principles, processes |
Building Pagination in React With React Paginate | | 779 |
react, navigation, pagination |
What’s a Basic Use Case for Cascade Layers in CSS? (chr) | | 778 |
css, cascade, maintainability |
Trying Node.js Test Runner (bah) | | 777 |
nodejs, testing |
The Performance Golden Rule Revisited (tka) | | 776 |
performance, metrics |
Temporal Intervals Are Handy in MySQL (ami) | | 775 |
databases, mysql |
New HTML Element: “search” (alv) | | 774 |
html, semantics |
Document or Die: The Importance of Writing Things Down in Tech | | 773 |
documentation, maintainability, link-lists |
Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide | | 772 |
guides, career, learning |
Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup | | 771 |
bundling, tooling, webpack, parcel, rollup, comparisons |
These 3* Lines of CSS Will Give You Dark Mode for Free* (jac) | | 770 |
css, dark-mode |
Why Astro Is My Favorite Framework (mrt) | | 769 |
astro, frameworks |
The Real Difference Between “useMemo” and “Memo” in React | | 768 |
react, hooks, performance, examples |
CSS Text Balancing With “text-wrap: balance” (sha) | | 767 |
css, typography |
Boost Your JavaScript With JSDoc Typing | | 766 |
javascript, typescript, documentation, jsdoc |
Mastering Yarn’s Lifecycle With Hooks | | 765 |
yarn, hooks |
Understanding Apache Web Server Configuration | | 764 |
servers, apache, configuration |
What’s New in CSS? (bra) | | 763 |
slides, css |
Choosing Humanity Over Automation (uxd) | | 762 |
ai, design, automation |
Chasing Rainbows (ver) | | 761 |
accessibility, colors, color-blindness, user-experience |
Advancing Your Tech Skills | | 760 |
career, learning |
DevTools: A Clever Overview of All Your CSS Code | | 759 |
browsers, dev-tools, auditing, css, google, chrome |
The Pattern to Make Your Frontend Tests 10× Better | | 758 |
testing |
Say Goodbye to Tedious Scripting With zx: Simplifying Shell Scripting | | 757 |
zx, shell, command-line |
Stream File Uploads to S3 Object Storage and Save Money (aus) | | 756 |
aws, streaming, storage, economics |
Programming-Language Popularity by GitHub Pull Requests (lem) | | 755 |
studies, research, programming, comparisons, github, javascript, typescript |
It’s Time to Learn OKLCH Color (kei) | | 754 |
colors, oklch, css |
Frontend Developer Tries Tailwind for the First Time (zor/css) | | 753 |
videos, tailwind, css |
Unlocking the Power of Design Tokens to Create Dark Mode UI | | 752 |
design-tokens, dark-mode |
Establishing Metrics for Accessibility ROI (kar) | | 751 |
accessibility, metrics, economics |
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac) | | 750 |
web-components, css, scope, dom, shadow-dom, support |
10 CSS Animation Tips and Tricks (kev) | | 749 |
videos, css, animations, tips-and-tricks |
Designing for Reduced Motion | | 748 |
accessibility, animations |
Foundations: Accessible Names and Descriptions (tet) | | 747 |
accessibility, fundamentals, naming, writing, aria |
The Alt Text War—SEO vs. Accessibility | | 746 |
accessibility, seo, images, writing, alt-text, comparisons |
What’s New in WCAG 2.2? | | 745 |
accessibility, wcag, standards |
The Death of JPEG-XL | | 744 |
jpeg-xl, images |
7 Tips for Getting Started With Vue.js | | 743 |
videos, vuejs, tips-and-tricks |
JavaScript Memory Management: A Comprehensive Guide to Garbage Collection in JavaScript | | 742 |
guides, javascript, memory, garbage-collection |
Observing CSS | | 741 |
css, javascript, monitoring |
Release Notes for Safari Technology Preview 167 (jon/web) | | 740 |
release-notes, browsers, apple, safari |
Choosing a Name for Your Design System (bra) | | 739 |
design-systems, naming |
Can You Create Beautiful Stroked Text in CSS? (log) | | 738 |
css, effects |
The Revenge of the Pop-Up (ver) | | 737 |
user-experience, anti-patterns, pop-ups |
What Is Semantic HTML? | | 736 |
html, semantics |
Understanding npm Versioning | | 735 |
npm, dependencies, versioning, semver |
What Makes a Good Screenshot? (llo/tpg) | | 734 |
accessibility, images |
Testing Localhost on Multiple Devices (cit) | | 733 |
testing, environments |
New in Chrome 112 (tro/dev) | | 732 |
release-notes, browsers, google, chrome |
Code Explanation Using GitHub Copilot (ami) | | 731 |
github-copilot, github, ai, learning |
4 GitHub Alternatives for Code Repositories (sta) | | 730 |
git, link-lists |
Quick Tip: Pull Data From an API Into a Figma Layer | | 729 |
tips-and-tricks, apis, figma, design |
How WebAssembly Is Accelerating New Web Functionality (dev) | | 728 |
webassembly, functionality |
What Is a Design System and Why Should You Use One? (uxm) | | 727 |
design-systems |
JSON vs. XML With Douglas Crockford (dou) | | 726 |
podcasts, interviews, json, xml, comparisons, history |
Safari Releases Are Development Hell | | 725 |
browsers, apple, safari, support |
Slow Start and Congestion Control (Browser Networking) | | 724 |
performance, protocols, tcp |
Copy to Clipboard in JavaScript and React | | 723 |
javascript, react |
So, How Can We Measure UX? (uxd) | | 722 |
user-experience, metrics |
Five Pieces of Advice for More Accessible Websites (cit) | | 721 |
accessibility, html |
Exposing Field Errors (aar) | | 720 |
accessibility, forms, aria, assistive-tech, support |
Accessibility for Designers: Where Do I Start? (ste) | | 719 |
accessibility, design, link-lists |
A Small JavaScript Pattern I Enjoy Using (kil) | | 718 |
javascript |
A Color Wheel With Gradient (css) | | 717 |
css, colors, gradients, effects, tips-and-tricks |
7 Tricks to Take the Performance of Your Website to the Moon | | 716 |
performance, minification, tree-shaking, tips-and-tricks |
Why Do They Ignore My Awesome Design Documentation? | | 715 |
design, documentation |
10 Ways to Hide Elements in CSS (cra) | | 714 |
css, accessibility, performance |
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg) | | 713 |
accessibility, contrast, colors |
The Future of Senior Developers in an AI-Driven World (cod) | | 712 |
career, ai, code-completion |
Syntaxonomy—a Collection of Web Languages (ale) | | 711 |
websites, training, learning, career, link-lists |
Sticky Page Header Shadow on Scroll (hex) | | 710 |
css, scrolling, shadows |
Modern HTML Email (Tables No Longer Required) (oll) | | 709 |
html, email, tables |
Folder Structure for Modern Web Applications | | 708 |
architecture, web-apps |
Convert PNG to JPG Using FFmpeg (ama) | | 707 |
images, png, jpeg, conversion, tooling |
We Need Accessibility Action (yat) | | 706 |
accessibility, web |
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps | | 705 |
guides, accessibility, testing, automation, ci-cd, react |
On-Page SEO Checklist: The Complete Task List for 2023 (sem) | | 704 |
seo, checklists, html, semantics |
DevTools: Getting Data From DevTools Into Your Code Editor | | 703 |
dev-tools, browsers, code-editors |
The Pros and Cons of Different UI Automation Test Tools—Playwright | | 702 |
automation, testing, playwright |
New to the Web Platform in March (rac/dev) | | 701 |
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari |
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod) | | 700 |
videos, ai, centering |
Alternative Text in the Wild: 5 Alternative Text Examples (pop) | | 699 |
accessibility, writing, examples |
A CSS Selector to Highlight Clickable Elements (seb) | | 698 |
css, selectors |
From Burnout to Balance: Why Are So Many UX Designers Fatigued? (uxd) | | 697 |
career, productivity, user-experience, design |
One in Two New npm Packages Is SEO Spam Right Now | | 696 |
npm, seo |
XUL Layout Is Gone | | 695 |
history, xul, browsers, mozilla, firefox |
Why JavaScript Is a Prototype-Based OOP | | 694 |
javascript, oop |
AWS CloudFront Tutorial: Setup and Configuration | | 693 |
tutorials, aws, cloudfront, content-delivery, configuration |
Why I Quit Being a Tech “Influencer” | | 692 |
career |
What Are Source Maps? (jec/dev) | | 691 |
videos, debugging |
CSS Masking (sha) | | 690 |
css, masking |
Checkered Background Using Two Lines of Code in CSS (ami+) | | 689 |
backgrounds, css |
Flutter Performance Optimization Techniques and Best Practices | | 688 |
flutter, performance, optimization, best-practices |
Using PHP Arrays: A Guide for Beginners | | 687 |
guides, php, arrays |
How to Use Google Fonts and “font-display” | | 686 |
how-tos, google, fonts, css |
Usability Heuristics in Game Design (uxd) | | 685 |
usability, heuristics, design |
HTML: Help Users to Download Files With the HTML “download” Attribute | | 684 |
html, attributes |
The WebAIM Million (web) | | 683 |
studies, research, accessibility, metrics |
Framework Popularity on Netlify (sel/net) | | 682 |
frameworks, react, nextjs, gatsby, hugo, zola, comparisons |
CSS Nesting (fro) | | 681 |
css, nesting, sass, comparisons |
6 Steps to Reduce the Carbon Footprint of Your Website (mgi/osd) | | 680 |
sustainability |
Meet Arc, a New Innovative Browser That Challenges Chrome | | 679 |
browsers, arc, google, chrome |
TypeScript Function Types: A Beginner’s Guide | | 678 |
guides, typescript, functions |
How to Review and Refactor Code With GPT-4 (and ChatGPT) | | 677 |
how-tos, code-reviews, refactoring, ai, chatgpt, optimization |
Connecting Dots of an Accessibility Audit | | 676 |
accessibility, auditing |
JavaScript Import Maps Are Now Supported Cross-Browser (tom/dev) | | 675 |
javascript, import-maps, browsers, support |
In Praise of Vite (spa/clo) | | 674 |
vite |
Improving CSS Shapes With Trigonometric Functions (dan) | | 673 |
css, shapes, functions |
How to Split an Angular App Into Micro-Frontend Apps | | 672 |
how-tos, angular, micro-frontends, web-apps |
Guardrails for Better Accessibility Support in Frontend (net) | | 671 |
accessibility, quality, tooling |
File Uploads for the Web: File Uploads in Node and Nuxt (aus) | | 670 |
file-handling, nodejs, nuxt |
Accessibility vs. Emojis (uxd) | | 669 |
accessibility, emoji, unicode, comparisons |
10 AI Tools for Content Writing (sta) | | 668 |
tooling, link-lists, content, writing, ai |
Getting Started With HTML Tables | | 667 |
html, tables, introductions |
CSS Creator Håkon Wium Lie Interview | | 666 |
interviews, css |
Mastering the JavaScript “switch” Statement | | 665 |
javascript |
Function Overloading in TypeScript | | 664 |
typescript, functions |
Introduction to esbuild | | 663 |
introductions, esbuild, bundling |
Fighting Inter-Component HTML Bloat (eli) | | 662 |
components, html, semantics, quality |
Defaulting on Single Page Applications (SPA) (zac) | | 661 |
single-page-apps, javascript, performance |
AI-Enhanced Development Makes Me More Ambitious With My Projects (sim) | | 660 |
ai, code-completion, productivity |
A Quick Guide to Reviewing a VPAT ACR (kar) | | 659 |
accessibility, vpat-acr, conformance, auditing |
UX Principles for AI Products (uxd) | | 658 |
user-experience, principles, ai |
UX Basics: Study Guide | | 657 |
guides, fundamentals, user-experience, training, link-lists |
Using TypeScript Without Compilation (pas) | | 656 |
typescript |
Harnessing GPT-4 for Writing Assistance and Content Creation | | 655 |
writing, content, social-media, ai |
Senior Engineering Strategies for Advanced React and TypeScript (tec) | | 654 |
strategies, react, typescript, architecture, testing, performance, accessibility, security, maintenance |
CSS-Only Widgets Are Inaccessible (aar) | | 653 |
accessibility, css |
Brief Introduction to Edge Computing | | 652 |
introductions, edge-computing |
Usability 101 | | 651 |
videos, usability |
The IL1 Typography Test | | 650 |
videos, typography, legibility, user-experience, testing |
CSS “overflow” Property | | 649 |
css, overflow |
The Causes of Unreliable Software | | 648 |
research, complexity, maintainability |
The State of JS Frameworks (cfe/log) | | 647 |
podcasts, javascript, frameworks, libraries |
What Is Strict Mode in React? | | 646 |
react |
WYSIWYGPT (cod) | | 645 |
ai, career |
The “search” Element (sco) | | 644 |
html, accessibility, semantics |
The Landscape of npm Packages for CLI Apps | | 643 |
nodejs, npm, dependencies, command-line |
Everything You Wanted to Know About Video Storage APIs | | 642 |
multimedia, storage, apis |
What We’ve Learned About Designing for Accessibility From Our Users | | 641 |
accessibility, design |
A Complete Visual Guide to Understanding the Node.js Event Loop (bui) | | 640 |
guides, nodejs, event-loop, events |
Accessible but Never Boring: Rebranding the Wise Design System for Everyone II | | 639 |
accessibility, design, design-systems |
DevTools: Convert Network Requests to Code, or Even to a Terminal Command | | 638 |
dev-tools, browsers, network, command-line |
The Ultimate Guide to Image Optimisation (fox/cal) | | 637 |
guides, images, performance, compression, optimization |
The Machines Won’t Save Your Design System (hey) | | 636 |
design-systems, ai |
Circular Text With CSS? (jhe) | | 635 |
css |
Some Cross-Browser DevTools Features You Might Not Know (css) | | 634 |
dev-tools, browsers, google, chrome, mozilla, firefox, apple, safari |
npx: The Easy Way to Run Node.js Packages | | 633 |
nodejs, dependencies, npx |
5 Lesser-Known Spacing Tips for Product Designers (uxd) | | 632 |
design, spacing |
Automatic npm Publishing With GitHub Actions and npm Granular Tokens | | 631 |
npm, github-actions, github, automation |
Certifications Should Be Hard (kar) | | 630 |
accessibility, career, training, learning |
Understanding the Semantic Web—Dive Deep Into the Web’s Evolution | | 629 |
semantic-web |
State of Node.js 2023 (jas+) | | 628 |
videos, nodejs |
Annotating Designs for Accessibility (int) | | 627 |
videos, accessibility, design |
The Carbon Cost of Social Media | | 626 |
sustainability, social-media |
What’s New in Eleventy 2: A Great SSG Just Got Better (cra) | | 625 |
eleventy |
Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (sco) | | 624 |
accessibility, browsers, screen-readers, assistive-tech, css |
With or Without the JS Framework (cit) | | 623 |
javascript, frameworks, career |
When Is “:focus-visible” Visible? (ire) | | 622 |
accessibility, css, selectors |
That Time When SVG Almost Got Network Support for Raw Sockets | | 621 |
svg, network, history |
How to Start a React Project in 2023 (rwi) | | 620 |
how-tos, react |
File Uploads for the Web: Upload Files With JavaScript (aus) | | 619 |
file-handling, javascript |
5 Ways to Modernize Your Web Application | | 618 |
web-apps, modernization, routing, micro-frontends, microservices, responsive-design, serverless, scalability |
What Is Git Merge and How to Use It? | | 617 |
git |
7 Ways Web Developers and UX Designers Can Collaborate (uxm) | | 616 |
collaboration, processes |
The Age of Average | | 615 |
design |
The Cost of Craft | | 614 |
craft, quality, complexity, processes |
Why We Added package.json Support to Deno (tin/den) | | 613 |
deno, support, nodejs, npm |
The Intersection of Data Visualization and UX Design (uxm) | | 612 |
information-design, user-experience, design |
The End of Front-End Development (jos) | | 611 |
outlooks, career, html |
The 5 Best Status Page Tools (sta) | | 610 |
tooling, monitoring, alerting, link-lists |
Rich Harris Talks SvelteKit and What’s Next for Svelte (ric+/the) | | 609 |
interviews, svelte, sveltekit |
Regression Testing in the Agile Universe (uxm) | | 608 |
agile, processes, testing, regressions |
Preventing Too-Short Final Lines of Text Blocks (ric) | | 607 |
css, typography |
CSS Is Dead! (alv) | | 606 |
css |
Introduction to Flutter: Getting Started With Cross-Platform Development | | 605 |
introductions, flutter |
Deep Dive Into How Web Browsers Work (With Illustrations) | | 604 |
browsers, rendering, deep-dives |
Using “forRoot()” and “forChild()” in Angular | | 603 |
angular |
Speeding Up the JavaScript Ecosystem—npm Scripts (mar) | | 602 |
javascript, performance, bundling, npm |
Laying Out a Print Book With CSS | | 601 |
print, css |
Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language | | 600 |
javascript |
Time to Move on From Nunjucks? (bry) | | 599 |
template-engines, nunjucks, webc, liquid, javascript |
How to Stop a React Component From Rendering (ami) | | 598 |
how-tos, react, components, client-side-rendering |
Design System Guide (vit) | | 597 |
guides, design-systems, link-lists |
The Problem With React | | 596 |
react |
Everything You Need to Know About the Updated React Docs | | 595 |
react, documentation |
How to Use “v-model” With Form Inputs in Vue | | 594 |
how-tos, vuejs, forms |
Retro-Specifying Fetch/Performance (nom) | | 593 |
standards, apis, data-fetching |
How Screen Readers Read Special Characters: An Update | | 592 |
accessibility, screen-readers, support, unicode |
Cryptographically Protecting Your SPA | | 591 |
single-page-apps, security, cryptography |
Responsive Columns Without Media Queries | | 590 |
css, flexbox, layout, responsive-design |
DevTools: Tricks for Copying the Styling From Any Website | | 589 |
dev-tools, css, browsers, google, chrome |
5 Tips for New Prototypers | | 588 |
videos, prototyping, tips-and-tricks |
What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI? | | 587 |
ssi |
Hijacking Screenreaders With CSS (ben/deq) | | 586 |
videos, accessibility, screen-readers, css |
Foundations: Pointer Gestures (gra/tpg) | | 585 |
accessibility, fundamentals, usability |
Internationalization in Next.js 13 With React Server Components (sma) | | 584 |
internationalization, nextjs, react, components |
Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (fra+) | | 583 |
github, foss, community |
Versioning Design Tokens | | 582 |
design-tokens, versioning, maintainability |
JavaScript Polyfills | | 581 |
javascript, polyfills |
DevTools: Faster Searching in DevTools With CSS Selectors | | 580 |
dev-tools, css, selectors, browsers, google, chrome |
Accessibility and Design Systems: The Deep-Dive Q&A | | 579 |
interviews, accessibility, design-systems, deep-dives |
The Ultimate Guide to Micro-Content | | 578 |
guides, content, microcontent |
Scraping Single-Page Applications With Playwright (api) | | 577 |
scraping, single-page-apps, playwright |
It’s About Time CAPTCHAs Become Accessible (uxd) | | 576 |
accessibility, captcha |
Accessibility Beyond Code Compliance (aar) | | 575 |
accessibility, compliance |
Git Fundamentals, a Complete Guide | | 574 |
guides, git, fundamentals |
The H1 Conundrum: Understanding the Challenges of Heading Level One | | 573 |
accessibility, semantics, headings, html |
Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (evi) | | 572 |
offline, browser-storage, web-apps |
What Are Webhooks and How Do They Work | | 571 |
webhooks, apis |
JavaScript for Beginners: Data Structures | | 570 |
javascript, data-structures, arrays, objects |
Future CSS: Anchor Positioning (kiz) | | 569 |
css, anchor-positioning, experiments |
6 CSS Snippets Every Front-End Developer Should Know in 2023 (arg/dev) | | 568 |
css |
Accepting Design (fab) | | 567 |
design |
Modern Font Stacks | | 566 |
websites, fonts, typography |
Fix Color Contrast—Web Accessibility for Text and UI Design | | 565 |
accessibility, colors, contrast |
Useful Tips and Tricks for Laravel | | 564 |
tips-and-tricks, laravel |
How Design Is Governance | | 563 |
design |
JavaScript: Automatically Remove an Event Listener After It Has Executed | | 562 |
javascript, events |
Advice From a Software Engineer With 8 Years of Experience | | 561 |
career |
16 Little UI Design Tips That Make a Big Impact | | 560 |
design, tips-and-tricks, spacing, consistency, colors, contrast, fonts, typography |
What Leonardo Da Vinci Can Teach Us About Web Design (fre/sma) | | 559 |
design, layout |
VS Code vs. WebStorm: A Comparison for Newbies | | 558 |
code-editors, microsoft, vs-code, jetbrains, webstorm, comparisons |
TCP Echo Server for Node.js | | 557 |
servers, nodejs, tcp |
Progressively Enhancing a Table With a Web Component (ray) | | 556 |
html, javascript, tables, web-components, progressive-enhancement |
Circling Back on Design and Everything Else (uxd) | | 555 |
design |
Making Calendars With Accessibility and Internationalization in Mind (css) | | 554 |
functionality, accessibility, internationalization |
Best Practices for Structuring Accessibility Testing (tpg) | | 553 |
accessibility, testing, best-practices |
Introduction to Offline First Web Applications | | 552 |
videos, offline, web-apps |
Why Aren’t Logical Properties Taking Over Everything? (chr) | | 551 |
css, logical-properties, internationalization |
What Is the Cost of Designing a Mobile App? (uxm) | | 550 |
economics, mobile |
The Ternary Operator in JavaScript (cfe) | | 549 |
javascript, operators |
8 Tips for Making Your Custom Web Designs Mobile Friendly (uxm) | | 548 |
design, mobile, tips-and-tricks |
UX Strategy: Study Guide | | 547 |
guides, user-experience, strategies, training, link-lists |
We Don’t Need “.visually-hidden” (den) | | 546 |
accessibility, css, semantics, quality |
Create and Download Text Files Using JavaScript (ami) | | 545 |
javascript |
“content” Is Your Content? | | 544 |
css, content, seo, accessibility, maintainability |
The Ultimate Guide to Becoming a 10× Dev | | 543 |
guides, productivity, career |
From UX to Growth Design: 5 Principles to Multiply Your Value (uxd) | | 542 |
user-experience, design, principles |
View Transitions API: Creating Smooth Page Transitions (sta) | | 541 |
view-transitions, apis |
Handling CSS Color Fonts With “font-palette” (sta) | | 540 |
css, colors, fonts |
“Design First, Then Build”: Let’s Bury This Myth Forevermore (rom/evi) | | 539 |
design, processes, myths |
Books You Can Read to Learn CSS | | 538 |
books, learning, css |