A Practical Guide to Aspect Ratio in CSS (zor/css) | | 583 |
videos, guides, css |
What Is Memoization? How and When to Memoize in JavaScript and React (fre) | | 582 |
memoization, javascript, react |
A Guide to Task-Based UX Metrics | | 581 |
guides, user-experience, metrics |
Is Measuring Speed a Useful Metric for Design Systems? (amy+) | | 580 |
videos, performance, metrics, design-systems |
Plain Old Semantic HTML: A Perfect Basis for Accessibility | | 579 |
accessibility, html, semantics |
Non-Interactive Elements With the “inert” Attribute (web) | | 578 |
html, attributes, semantics |
Flexibly Centering an Element With Side-Aligned Content (mey) | | 577 |
css, centering |
Deploy Your First Website Without Leaving Your IDE (bla/git) | | 576 |
deploying |
Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (tho/the) | | 575 |
browsers, browser-engines, legal, apple |
Build a Lightweight Web Component With Lit.js | | 574 |
web-components, javascript |
Supercharge Your Design System With Design Tokens (uxd) | | 573 |
design-systems, design-tokens |
Deep Dive Into Top Web Developer Pain Points (dev) | | 572 |
web-platform, deep-dives |
Four Eras of JavaScript Frameworks | | 571 |
javascript, frameworks, history |
8 Ways to Make Website Accessibility Easier (and Less Expensive) | | 570 |
accessibility |
Testing Figma Components | | 569 |
testing, components, figma |
The “Dark Yellow Problem” in Design System Color Palettes (uxd) | | 568 |
design-systems, colors, color-palettes |
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm) | | 567 |
comparisons, economics, mobile |
How Web Browsers Work: Parsing the HTML | | 566 |
browsers, html, parsing |
9 Useful Principles of UX Design (uxm) | | 565 |
user-experience, design, principles |
16 Top Design Trends for 2022 (uxm) | | 564 |
design, trends |
11 Steps to Keep Figma Clean (uxd) | | 563 |
design, tooling, figma |
Best Font for Online Reading: No Single Answer | | 562 |
studies, research, fonts, typography, readability |
Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (uxd) | | 561 |
design, atomic-design |
Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity | | 560 |
css, complexity |
Writing Strong Front-End Test Element Locators (css) | | 559 |
testing |
Progressive Enhancement and HTML Forms: Use “FormData” (bra) | | 558 |
html, forms, progressive-enhancement |
How Web Browsers Work: Navigation | | 557 |
browsers, http |
TypeScript Tips and Tricks (vsc) | | 556 |
videos, typescript, tips-and-tricks |
Mastering CSS Transitions With React 18 | | 555 |
css, transitions, react |
Building a Combined CSS Aspect Ratio Grid (9el) | | 554 |
css, layout, grids |
Web Color Is Still Broken | | 553 |
websites, colors, web |
Web Components as Progressive Enhancement (pau/clo) | | 552 |
web-components, progressive-enhancement |
Faster Initialization of Instances With New Class Features | | 551 |
browsers, javascript, javascript-engines, v8, performance |
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (sea) | | 550 |
seo, best-practices, strategies, mobile-first, mobile |
The Future of CSS: CSS Toggles (bra) | | 549 |
css, toggles |
Debugging Node Serverless Functions on AWS Lambda | | 548 |
nodejs, debugging, functions, aws, serverless |
Why Learn to Code? 17 Benefits of Learning to Code | | 547 |
learning, career |
Productivity Tips and Tools for a More Efficient Workflow (sma) | | 546 |
link-lists, productivity, tips-and-tricks, tooling |
Brief Note on Buttons, Enter, and Space (aar) | | 545 |
accessibility |
Beyond WCAG: Losing Spoons Online (tpg) | | 544 |
accessibility, wcag, colors |
Low-Code No-Code Web Development, Explained | | 543 |
low-and-no-code, concepts |
The Role of Policy in Creating a Culture of Accessibility | | 542 |
interviews, accessibility, policies, culture |
Routing: I’m Not Smart Enough for an SPA | | 541 |
routing, single-page-apps |
How to Start Testing Your Website With a Screen Reader | | 540 |
how-tos, accessibility, browsers, testing |
URL, URI, URN: What’s the Difference? | | 539 |
urls, terminology, comparisons |
The Front-End Developer’s Guide to the Terminal (jos) | | 538 |
guides, command-line, shell |
Ordering CSS Declarations (jim) | | 537 |
css, sorting |
Forced Colors Explained: A Practical Guide (kil/pol) | | 536 |
colors, browsers |
Does Valid and Semantic HTML Still Matter? (5t3+) | | 535 |
podcasts, html, semantics, conformance |
When UX Goes Bad (and How to Fix It) (web) | | 534 |
user-experience |
4 Reasons to Avoid Using “npm link” | | 533 |
npm |
20 Easy Ways to Be More Productive as a Developer | | 532 |
productivity |
How to Choose the Right Static Site Generator | | 531 |
how-tos, site-generators, hugo, zola, jekyll, gatsby, astro, link-lists |
The Ultimate Guide to Push Notifications for Developers (sma) | | 530 |
guides, notifications |
Web Scraping Is Legal, U.S. Appeals Court Reaffirms (tec) | | 529 |
scraping, legal |
React 18—New Features and Improvement Strategies | | 528 |
react |
Ensure Third Party Content Is Accessible (ons/tpg) | | 527 |
accessibility, wcag, embed-code |
A Practical Guide to Centering in CSS (sta) | | 526 |
guides, css, centering |
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking | | 525 |
testing, react, redux |
Node.js 18 Introduces Prefix-Only Core Modules | | 524 |
nodejs |
How to Improve Core Web Vitals (8 Ways) | | 523 |
how-tos, web-vitals, performance |
The Most Popular Node.js Frameworks in 2022 (sta) | | 522 |
nodejs, frameworks |
Is Agile an Anti-Design Pattern? (uxd) | | 521 |
agile, design, anti-patterns |
Intro to CSS Parent Selector—“:has()” (zor/css) | | 520 |
videos, introductions, css, selectors |
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases | | 519 |
refactoring, maintenance, micro-frontends |
Evaluating Design System Adoption Using Custom CSS | | 518 |
design-systems, css, custom-properties, metrics |
Fonts for the Web: Rationale, 1996 (svg/w3c) | | 517 |
fonts, history |
Accessibility Why You Need to Work Toward Progress Not Perfection (mer) | | 516 |
accessibility |
7 Web Component Tricks (dav) | | 515 |
web-components, tips-and-tricks |
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results | | 514 |
how-tos, quality, techniques |
Drastically Improve Your UI Designs With This Technique | | 513 |
design, techniques, optimization |
Title Rewrites: 3 Patterns to Avoid (moz) | | 512 |
seo, semantics, writing, microcontent |
A Web Renaissance | | 511 |
web |
Designers Are Spending Too Much Time Designing UI Variations Manually (uxd) | | 510 |
design, processes, productivity |
Usability Guidelines for Better Carousels UX (vit/sma) | | 509 |
guidelines, usability, user-experience, carousels |
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui) | | 508 |
guides, javascript, performance, optimization |
CSS Parent Selector (sha) | | 507 |
css, selectors |
Building a Dialog Component (arg/dev) | | 506 |
components, modals, html, css, javascript |
Why Accessibility Bugs Are a Good Thing and How to Handle Them | | 505 |
accessibility, quality |
Naming Colors in Design Systems | | 504 |
design-systems, colors, naming |
Component Party | | 503 |
websites, components, frameworks, comparisons, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs |
One Million Broken Web Sites—and a Way to Prevent That (cod) | | 502 |
accessibility, browsers, tooling |
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (equ) | | 501 |
accessibility |
Common Accessibility Issues That You Can Fix Today (hdv) | | 500 |
accessibility |
How to Develop Your UX Design Philosophy (uxm) | | 499 |
how-tos, user-experience, design |
7 Collaborative Coding Tools for Remote Pair Programming | | 498 |
collaboration, tooling |
How to Improve UX Design Through A/B Testing (uxm) | | 497 |
how-tos, design, user-experience, testing, optimization |
Those HTML Elements You Never Use | | 496 |
html, semantics |
Takeaways From “The Internet Is Unusable”: The Disabled View (red) | | 495 |
accessibility |
Mobile-First Ecommerce Site Design Is the Future (uxm) | | 494 |
design, mobile-first, mobile, ecommerce |
Image Borders in CSS (ami) | | 493 |
css, images, borders |
CSS Toggles Explainer and Proposal (mia+/odd) | | 492 |
css, toggles |
Common App Design Challenges and Their Solutions (uxm) | | 491 |
design, user-experience |
Childish Font Sizes (tyl/clo) | | 490 |
fonts, readability, design |
CSS Tips and Tricks You May Need to Know | | 489 |
css, tips-and-tricks |
Information Architecture: Study Guide | | 488 |
guides, information-architecture, training, link-lists |
How to Turn HTML Webpage Into an Image? | | 487 |
how-tos, html, images, conversion |
How to Fix Your Low-Contrast Text | | 486 |
how-tos, accessibility, colors, contrast |
CSS “:has()” a Parent Selector Now | | 485 |
css, selectors |
Open Accessibility Standards | | 484 |
accessibility, wcag, aria |
JavaScript Function Composition: What’s the Big Deal? | | 483 |
javascript, functions |
April 9 Is CSS Naked Day (fro) | | 482 |
frontend-dogma, css, awareness-days |
MIME Types | | 481 |
videos, mime-types, servers, apache |
SEO for a New Website in 2022 | | 480 |
seo, checklists |
33 JavaScript Concepts Every Developer Should Know | | 479 |
javascript, concepts |
Incremental Static Regeneration for Angular | | 478 |
angular, incremental-static-regeneration |
There’s No Such Thing as a “Design System Designer” (uxd) | | 477 |
design, design-systems, career |
Dynamic Data-Fetching in an Authenticated Next.js App (sma) | | 476 |
data-fetching, nextjs, authentication |
Nailing Your Engineering Interviews: Tips From a Technical Recruiter | | 475 |
interviewing, career |
Use Unicode Characters for Bullet Points in CSS Using “::marker” (cas) | | 474 |
lists, unicode, css |
Why Your Design System Needs Content Design | | 473 |
design-systems, content |
Your Website Is a Pollution Machine (cfe) | | 472 |
sustainability |
How to Create Animated Anchor Links Using CSS (zor/css) | | 471 |
videos, how-tos, links, css, animations |
JavaScript and Node.js Testing Best Practices | | 470 |
javascript, nodejs, testing, best-practices |
Designing Better Breadcrumbs (vit/sma) | | 469 |
html, usability, navigation |
Principles of Object-Oriented Programming in TypeScript (app) | | 468 |
typescript, principles, oop |
Sharing State in Distributed UIs at Runtime | | 467 |
state-management, scalability, micro-frontends |
A New Statistical Approach for Predicting Usability Problems | | 466 |
studies, research, metrics, usability |
Fonts in Use: Variable Fonts | | 465 |
typography, fonts, variable-fonts |
Animated Grid Tracks With “:has()” (mic) | | 464 |
css, layout, grids, selectors |
Core Web Vitals: Finding Common Ground Between SEOs and Developers (moz) | | 463 |
performance, web-vitals, seo, metrics |
The Business Case for Accessibility (tet) | | 462 |
accessibility, economics |
Accessibility Testing Guide | | 461 |
guides, accessibility, testing, wcag |
HTML Is All You Need to Make a Website (whi) | | 460 |
html |
Alternative Text (Alt Text) (pop) | | 459 |
accessibility, html, images, writing, alt-text |
12 Years Beyond a HTML Joke (ste) | | 458 |
html, semantics |
A Simple Way to Create a Slideshow Using Pure CSS (zor/css) | | 457 |
videos, css, scrolling |
What’s New in ECMAScript 2022 (paw) | | 456 |
ecmascript, standards |
What If… One Day Everything Got Better? (dav) | | 455 |
accessibility |
Thoughts on Exerting Control With Media Queries (jim) | | 454 |
layout, css, media-queries |
Accessible Description Exposure (aar) | | 453 |
accessibility, aria |
How to Respond to Growing Supply Chain Security Risks? | | 452 |
how-tos, security, dependencies, nodejs, npm |
Tweaking in the Browser (sha) | | 451 |
browsers, tooling |
“aria-labelledby” Usage Notes (ste) | | 450 |
accessibility, aria, labels, html |
Are You Using Coding Interviews for Senior Software Developers? | | 449 |
interviewing, career, code-reviews |
Top 3 Informational Interview Questions in UX | | 448 |
videos, interviewing, career, user-experience |
Accessible Cards (kit) | | 447 |
accessibility, html, css |
Why We Don’t Use a Staging Environment | | 446 |
environments, testing |
Exciting Times for Browsers (and CSS) (mic) | | 445 |
browsers, css |
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (web) | | 444 |
studies, research, accessibility, homepages, metrics |
How to Match HTML Elements With an Indeterminate State (ste) | | 443 |
how-tos, html, css, selectors |
Accessibility Policy Implementation: What You Need to Know | | 442 |
interviews, accessibility, policies |
Web Accessibility Guidance Project | | 441 |
guides, accessibility |
Introduction to the SSH Protocol | | 440 |
introductions, protocols, ssh |
Designing a Better Infinite Scroll (vit/sma) | | 439 |
scrolling, navigation, pagination |
Neubrutalism Is Taking Over the Web (uxd) | | 438 |
design, web |
Make Beautifully Resilient Apps With Progressive Enhancement (aus) | | 437 |
progressive-enhancement, resilience |
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone | | 436 |
accessibility, usability |
HTML-Only Keyboard Shortcuts (ami) | | 435 |
html, accessibility, keyboard-navigation, keyboard-shortcuts |
How to Optimize Your LCP (with Visuals) (ste) | | 434 |
how-tos, performance, web-vitals, optimization |
Picture Perfect Images With the Modern “<img>” Element (add) | | 433 |
images, html, performance, web-vitals |
An Opinionated Guide to Unit Testing | | 432 |
guides, testing, quality |
How to Document Accessibility Issues | | 431 |
how-tos, accessibility, documentation |
7 Learning Habits for Developers: Reach Skill Goals in Less Time | | 430 |
learning |
Case: Accessibility in Software Development | | 429 |
accessibility |
Locale Aware Sorting in JavaScript | | 428 |
javascript, sorting, localization, internationalization |
Understanding Layout Algorithms (jos) | | 427 |
css, layout |
Secret Mechanisms of CSS (jos/9el) | | 426 |
videos, css |
Optimising Largest Contentful Paint (css) | | 425 |
performance, web-vitals |
CSS “:has” (dav) | | 424 |
css, selectors |
A Guide to Hover and Pointer Media Queries (its/sma) | | 423 |
guides, css, media-queries |
Why Every Programmer Must Blog | | 422 |
career, blogging, communication, learning |
The Art of CSS Art | | 421 |
css, art |
Building a Headless Design System (fig) | | 420 |
videos, design-systems, headless |
You ≠ User | | 419 |
videos, usability, user-experience |
14 Linting Rules to Help You Write Asynchronous Code in JavaScript | | 418 |
javascript, asynchronicity, linting |
You’re Unselectable (aar) | | 417 |
accessibility, css |
Remix Routes Demystified (ati/sma) | | 416 |
remix, routing |
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (cod) | | 415 |
surveys, browsers, tooling, developer-experience |
How to Use Props in React (rwi) | | 414 |
how-tos, react, props |
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed | | 413 |
design, performance, user-experience |
How Should You Name Your Colors in a Design System? (uxd) | | 412 |
naming, colors, design-systems |
Variable Fonts in Real Life: How to Use and Love Them (evi) | | 411 |
fonts, variable-fonts, typography |
Designing “Above the Fold”? Try the Reciprocity Principle (uxd) | | 410 |
design, principles |
Resetting Inherited CSS With “Revert” (spa/clo) | | 409 |
css, resets |
Spotlight: What Happens When a Project Team Shifts Accessibility Left? | | 408 |
accessibility |
How Do Design Systems Improve Developer Efficiency? | | 407 |
design-systems, efficiency |
The Web Is for Everyone: Our Vision for the Evolution of the Web (moz) | | 406 |
web, outlooks, privacy, security, accessibility, performance, user-experience |
There Are No Bad Questions in Accessibility | | 405 |
accessibility |
Those HTML Attributes You Never Use (lou/sma) | | 404 |
html, attributes |
The 5 Riders of Accessible Media (uxd) | | 403 |
accessibility, multimedia |
When to Use a Function Expression vs. Function Declaration | | 402 |
javascript, functions, comparisons |
Deep Dive Into the CSS “:where()” Function (log) | | 401 |
css, selectors, deep-dives |
Building a Sketch Design System: Tips and Tricks | | 400 |
sketch, design-systems, tips-and-tricks |
Dynamically Generated Content and Accessibility: 3 Quick Tips | | 399 |
generated-content, accessibility, aria |
The Book on Accessibility | | 398 |
books, accessibility, leadership, engineering-management |
Optimising Core Web Vitals on SPAs (sim) | | 397 |
performance, web-vitals, single-page-apps, optimization |
ADA Web Site Compliance Still Not a Thing (aar) | | 396 |
accessibility, ada, compliance, legal |
Should “Cancel” Be a Button or a Link? (uxd) | | 395 |
interaction-design, buttons, links, semantics |
Design Systems Aren’t Cheap | | 394 |
design-systems, frameworks, economics |
Dos and Don’ts of Mobile UX Design (uxm) | | 393 |
design, user-experience, usability, mobile |
4 Xs That Aren’t UX (uxd) | | 392 |
user-experience |
PHP Sanitize Data | | 391 |
php, sanitization |
Usability Testing: Driving the Best User Experience for Business Success (uxm) | | 390 |
user-experience, usability, testing |
Design Mistakes That Hurt Your Web Site’s Conversion Rates (uxm) | | 389 |
design, user-experience, user-conversion, metrics, mistakes |
Design System—Principles of Success | | 388 |
design-systems, principles |
“!important” Was Added for One Reason Only (ste) | | 387 |
css, cascade |
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css) | | 386 |
html, xhtml, optimization |
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma) | | 385 |
css, custom-properties, colors, contrast, microsoft, windows |
Improving Your User Experience to Reduce Bounce Rates (uxm) | | 384 |
user-experience, usability, performance, seo |
HTML Semantics (cfe) | | 383 |
html, semantics |
Conquering JavaScript Hydration (rya/thi) | | 382 |
javascript, hydration |
Typography in Design Tokens for Figma and Code | | 381 |
typography, design-tokens, tooling, figma |
UX Strategy: Definition and Components | | 380 |
user-experience, strategies |
Authorization in a Microservices World | | 379 |
microservices, authorization |
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (sta) | | 378 |
how-tos, css, math, functions |
The Web Doesn’t Have Version Numbers (mic) | | 377 |
versioning, web |
Why Is Dark Mode So Captivating? (uxd) | | 376 |
dark-mode |
Performance Tests on Common JavaScript Array Methods (hac) | | 375 |
performance, testing, javascript, arrays |
Alt-Text Selfies | | 374 |
websites, accessibility, alt-text, community |
Optimizing SVG Patterns to Their Smallest Size (css) | | 373 |
svg, images, performance |
4 Accessibility Mistakes Plaguing Most Government Websites (mgi) | | 372 |
accessibility, mistakes |
Identifying Fonts: The Complete Guide | | 371 |
guides, fonts, typography |
Guidance on Web Accessibility and the ADA | | 370 |
accessibility, ada, legal |
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability | | 369 |
videos, html, accessibility, performance |
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma) | | 368 |
how-tos, file-handling, vuejs, javascript |
Introduction to Bulma: A Simple and Intuitive CSS Framework | | 367 |
introductions, bulma |
Migrating Our Monorepo to Yarn 2 | | 366 |
monorepos, yarn, migrating |
Google Calendar Webhooks With Node.js | | 365 |
google, webhooks, nodejs |
How Do I Resolve Merge Conflicts? (bla/git) | | 364 |
version-control, git, command-line |
The Future of the Web and Accessibility (tim/deq) | | 363 |
videos, web, accessibility |
Perceptually Uniform Color Models and Their Implications | | 362 |
colors, color-palettes |
How to Prep Your SEO Strategy for a New Website (moz) | | 361 |
how-tos, seo, strategies |
What Is Platform Engineering? | | 360 |
platform-engineering, concepts |
A Quick Guide to Closures | | 359 |
guides, javascript, closures |
All HTML and CSS Cheatsheets in One Place | | 358 |
html, css, cheat-sheets |
How to Empathize With Your Users | | 357 |
how-tos, design, usability, user-experience |
What Makes You a Professional Web Developer (j9t) | | 356 |
career, professionalism |
What Every Good README Should Contain | | 355 |
documentation |
Building a Loading Bar Component (arg/dev) | | 354 |
components, html, css, javascript |
Accessibility, Assistive Technology, and JavaScript (cfe) | | 353 |
accessibility, assistive-tech, javascript |
A Designer’s Guide to Documenting Accessibility and User Interactions (ste) | | 352 |
guides, accessibility, interaction-design, documentation |
What Are Micro-Frontends? | | 351 |
micro-frontends |
Don’t Believe the Type! (deq) | | 350 |
videos, accessibility, typography, readability, fonts |
Making the World’s Fastest Website, and Other Mistakes | | 349 |
performance, mistakes |
Prevent Technical Debt With These 3 Strategies | | 348 |
technical-debt |
The Weirdly Obscure Art of Streamed HTML | | 347 |
html, streaming, performance |
Implementing JavaScript Delay for Cookie Consent Banner | | 346 |
javascript, cookies, consent-management, legal |
React Best Practices and Patterns to Reduce Code | | 345 |
react, optimization, best-practices |
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe) | | 344 |
how-tos, html, javascript |
Aligning Content in Different Wrappers (sha) | | 343 |
html, css, alignment |
Explaining Micro Frontends as Simply as Possible | | 342 |
micro-frontends |
Update Node Dependencies Automatically, Selectively, or Incrementally | | 341 |
nodejs, dependencies, npm, yarn |
Tao of Node—Design, Architecture, and Best Practices | | 340 |
nodejs, architecture, best-practices |
When or If (mey) | | 339 |
css |
It Needs to Map Back to a Role (eri) | | 338 |
accessibility, aria, html, semantics |
In Defense of Sass (5t3) | | 337 |
preprocessors, sass |
How to Use Spectator to Test Your Angular Components | | 336 |
how-tos, testing, tooling, angular, components |
20 Productivity Tips From Developers to Developers | | 335 |
productivity, tips-and-tricks |
Giving New Meanings to the Color Functions in CSS (alv) | | 334 |
css, colors, functions |