| Make It Short—Make It Better | | 722 |
| minimalism |
| What’s New With Forms in 2022? (oll/css) | | 721 |
| forms, html |
| A Quick Primer on Testing JavaScript (cfe) | | 720 |
| introductions, testing |
| Detect When Users Switch Tabs Using JavaScript | | 719 |
|
| The Art of Writing Secrets: Encryption for JavaScript Developers | | 718 |
| cryptography, encryption |
| Disabled JavaScript Turns Off Native Lazy Loading (ste) | | 717 |
| html, performance, lazy-loading |
| Dear Oracle, Please Release the JavaScript Trademark (tin) | | 716 |
| licensing, legal, oracle |
| Useful JavaScript Data Grid Libraries (sma) | | 715 |
| libraries, grids, information-design, comparisons |
| Default Exports in JavaScript Modules Are Terrible | | 714 |
|
| JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically | | 713 |
| studies, research, nodejs, dependencies, security, quality |
| Monitor Events and Function Calls via Console (dav) | | 712 |
| events, monitoring |
| Implementing Promisable “setTimeout” | | 711 |
|
| What Is a REST API? (cra) | | 710 |
| apis, rest |
| Tracking the World in About 80 Lines of JavaScript (kzi) | | 709 |
| privacy |
| How to Use localStorage in JavaScript: An Easy Guide | | 708 |
| how-tos, browser-storage, guides |
| Re-Implementing JavaScript’s “==” in JavaScript (eva) | | 707 |
| operators |
| An Introduction to Context Propagation in JavaScript (sma) | | 706 |
| introductions |
| Dependency Injection in JS/TS | | 705 |
| typescript |
| The Console API | | 704 |
| console, apis |
| Custom Event Naming Conventions (cfe) | | 703 |
| events, naming |
| TypeScript vs. JavaScript: Which One You Should Use, and Why | | 702 |
| typescript, comparisons |
| Code Golfing Tips and Tricks: How to Minify Your JavaScript Code | | 701 |
| how-tos, minification, tips-and-tricks |
| The JavaScript Paradox (rya/thi) | | 700 |
|
| Light/Dark Mode | | 699 |
| css, dark-mode |
| Checking if a JavaScript Native Function Is Monkey Patched | | 698 |
| functions |
| Adding Observability to Your Jest Tests | | 697 |
| jest, testing, observability |
| Everything You Need to Know About JavaScript Import Maps | | 696 |
| dependencies, import-maps |
| The History of JavaScript | | 695 |
| history |
| Type Annotations in JavaScript | | 694 |
| typescript, annotations |
| Front-End Internationalisation Tips | | 693 |
| internationalization, fonts, css |
| RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks | | 692 |
| frameworks, redwoodjs, comparisons |
| 15 Common Beginner JavaScript Mistakes | | 691 |
| mistakes |
| The 10 Most Common JavaScript Issues Developers Face | | 690 |
| mistakes |
| JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (sen) | | 689 |
| optimization, tree-shaking |
| Hacking JavaScript Objects | | 688 |
| objects |
| Useful Tips and Tricks in JavaScript | | 687 |
| tips-and-tricks |
| JSON Creator Douglas Crockford Interview (dou) | | 686 |
| interviews |
| The “Array.prototype.at()” Method in Vanilla JavaScript (cfe) | | 685 |
| prototypes |
| Integer Math in JavaScript | | 684 |
| math |
| Statements vs. Expressions (jos) | | 683 |
| comparisons |
| JavaScript Obfuscation Techniques by Example | | 682 |
| obfuscation, techniques, examples |
| Frontend Web Performance: The Essentials | | 681 |
| fundamentals, performance |
| Using JavaScript to Fill localStorage to Its Maximum Capacity | | 680 |
| browser-storage |
| Stop the Screen Going to Sleep With JavaScript | | 679 |
|
| In Defense of Blocks for Local Scopes | | 678 |
| scope |
| In Defense of Blocks for Local Scopes II | | 677 |
| scope |
| Svelte Origins: A JavaScript Documentary | | 676 |
| videos, svelte |
| Future Features of JS | | 675 |
| videos |
| How to Remove 99% of JavaScript From Main Thread (wea) | | 674 |
| videos, how-tos, performance |
| You Don’t Need a JavaScript Library for Your Components | | 673 |
| libraries, components |
| Understanding the JavaScript Window Object | | 672 |
| objects |
| AbortController Is Your Friend | | 671 |
|
| Modern JavaScript, 10 Things You Should Be Using, Starting Today | | 670 |
|
| JavaScript Hydration Is a Workaround, Not a Solution (the) | | 669 |
| hydration |
| Patterns for Building JavaScript Websites in 2022 (rya/thi) | | 668 |
| frameworks, comparisons |
| Mathematical Notation for JavaScript Developers Explained | | 667 |
| math |
| Optimize the Use of “if–else” | | 666 |
|
| Shallow Copy and Deep Copy | | 665 |
|
| Monorepos in JavaScript and TypeScript (rwi) | | 664 |
| typescript, monorepos |
| JavaScript of Halftone Printing | | 663 |
| print |
| Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau) | | 662 |
| arrays, comparisons |
| JavaScript Closures, Explained | | 661 |
| closures |
| Understanding Weak Reference in JavaScript (sma) | | 660 |
|
| Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks (sny) | | 659 |
| npm, dependencies, security |
| RFC 9239: Updates to ECMAScript Media Types (rau) | | 658 |
| mime-types |
| Building a Button Component (arg/dev) | | 657 |
| components, html, css, buttons |
| Reduce Array of Objects to an Object in JavaScript (ami) | | 656 |
| arrays, objects |
| Does JavaScript Make My Site Less Accessible? | | 655 |
| accessibility, wcag |
| How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (dan/sma) | | 654 |
| how-tos, performance, google, metrics, frameworks |
| How to Learn JavaScript Fast: Six Simple Mind Tricks | | 653 |
| how-tos, tips-and-tricks, learning |
| You Don’t Need “void 0” | | 652 |
|
| The Road to Universal JavaScript | | 651 |
|
| Fetch API Is [the] New Old Version of AJAX | | 650 |
| data-fetching, apis, ajax |
| Master Higher-Order Functions in JavaScript | | 649 |
| functions |
| JavaScript Containers (tin) | | 648 |
| outlooks |
| 8 JavaScript Quiz [Questions] That May Confuse You | | 647 |
| quizzes, interviewing |
| CTA Modal: How to Build a Web Component (sma) | | 646 |
| how-tos, web-components, modals |
| Common Frontend Interview Questions I’ve Been Asked | | 645 |
| interviewing, html |
| Web Scraping via JavaScript Runtime Heap Snapshots | | 644 |
| scraping, memory |
| Learn to Code With JavaScript: The Most Popular Programming Language on Earth | | 643 |
| learning |
| What Is Memoization? How and When to Memoize in JavaScript and React (fre) | | 642 |
| memoization, react |
| Build a Lightweight Web Component With Lit.js | | 641 |
| web-components |
| Four Eras of JavaScript Frameworks | | 640 |
| frameworks, history |
| Faster Initialization of Instances With New Class Features | | 639 |
| browsers, javascript-engines, v8, performance |
| The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui) | | 638 |
| guides, performance, optimization |
| Building a Dialog Component (arg/dev) | | 637 |
| components, modals, html, css |
| JavaScript Function Composition: What’s the Big Deal? | | 636 |
| functions |
| 33 JavaScript Concepts Every Developer Should Know | | 635 |
| concepts |
| JavaScript and Node.js Testing Best Practices | | 634 |
| nodejs, testing, best-practices |
| Locale Aware Sorting in JavaScript | | 633 |
| sorting, localization, internationalization |
| 14 Linting Rules to Help You Write Asynchronous Code in JavaScript | | 632 |
| asynchronicity, linting |
| When to Use a Function Expression vs. Function Declaration | | 631 |
| functions, comparisons |
| Conquering JavaScript Hydration (rya/thi) | | 630 |
| hydration |
| Performance Tests on Common JavaScript Array Methods (hac) | | 629 |
| performance, testing, arrays |
| How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma) | | 628 |
| how-tos, file-handling, vuejs |
| A Quick Guide to Closures | | 627 |
| guides, closures |
| Building a Loading Bar Component (arg/dev) | | 626 |
| components, html, css |
| Accessibility, Assistive Technology, and JavaScript (cfe) | | 625 |
| accessibility, assistive-tech |
| Implementing JavaScript Delay for Cookie Consent Banner | | 624 |
| cookies, consent-management, legal |
| How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe) | | 623 |
| how-tos, html |
| Horizontal Scrolling Nav (mdo) | | 622 |
| scrolling |
| Arrow Functions in JavaScript: How to Use Fat and Concise Syntax | | 621 |
| how-tos, functions |
| Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack | | 620 |
| css, mobile |
| CommonJS (CJS) and Modules (ESM): Import Compatibility | | 619 |
| typescript, commonjs, esm |
| A Look at the Dialog Element’s Super Powers (ste) | | 618 |
| modals, html |
| JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau) | | 617 |
| naming, refactoring |
| Why I Avoid “async”/“await” | | 616 |
| asynchronicity |
| Creating Native Web Components (cod) | | 615 |
| web-components, html |
| It’s Always Been You, Canvas2D (dev) | | 614 |
| html, css, canvas |
| How to Use Higher-Order Functions in JavaScript | | 613 |
| how-tos, functions |
| How Do Primitive Values Get Their Properties? (rau) | | 612 |
|
| 5 Things You Don’t Need JavaScript For | | 611 |
|
| How to Build a File Upload Service With Vanilla JavaScript (log) | | 610 |
| how-tos, file-handling |
| Essential Cryptography for JavaScript Developers | | 609 |
| books, cryptography |
| HTML Comments Work in JavaScript Too | | 608 |
| html, comments |
| What Is Responsible JavaScript? (mal+/sma) | | 607 |
| podcasts |
| You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations | | 606 |
| asynchronicity |
| Comparing Node JavaScript to JavaScript in the Browser (css) | | 605 |
| nodejs, browsers, comparisons |
| JavaScript Obfuscation: The Definitive Guide (2022) | | 604 |
| guides, obfuscation |
| How to Create a Search Page for a Static Website With Vanilla JS (cfe) | | 603 |
| how-tos, functionality, search, html |
| The State of JavaScript 2021 [Results] (sac/dev) | | 602 |
| surveys |
| The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” | | 601 |
| fundamentals, career |
| Track Down the JavaScript Code Responsible for Polluting the Global Scope | | 600 |
| scope |
| 7 Killer One-Liners in JavaScript | | 599 |
|
| Moving From JavaScript to TypeScript | | 598 |
| typescript |
| Debugging JavaScript | | 597 |
| debugging |
| New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste) | | 596 |
| events |
| Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git) | | 595 |
|
| Creating Generative SVG Grids | | 594 |
| svg, grids |
| What Web Frameworks Solve: The Vanilla Alternative (nom/sma) | | 593 |
| frameworks, react |
| Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi) | | 592 |
| frameworks, hydration |
| The Impact of Motion Animation on Cognitive Disability (tpg) | | 591 |
| accessibility, css |
| Improving JavaScript Bundle Performance With Code-Splitting (cod/sma) | | 590 |
| performance, bundling, code-splitting, optimization |
| Preventing Smooth Scrolling With JavaScript (kil) | | 589 |
| scrolling |
| A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe) | | 588 |
|
| A Pipe Operator for JavaScript: Introduction and Use Cases (rau) | | 587 |
| introductions, operators |
| The Double-Assignment Pattern in jQuery’s Source Code | | 586 |
| jquery |
| Context-Aware Web Components Are Easier Than You Think (css) | | 585 |
| web-components, html |
| The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe) | | 584 |
| strings |
| Frontend Challenges: Front-End Engineer Assignment | | 583 |
| react, typescript, training |
| “structuredClone()”: Deeply Copying Objects in JavaScript (rau) | | 582 |
| objects |
| Two Ways to Clear an Array With Vanilla JavaScript (cfe) | | 581 |
| arrays |
| 8 Techniques to Write Cleaner JavaScript Code | | 580 |
|
| Add a Service Worker to Your Site (cfe/css) | | 579 |
| web-workers |
| Be Prepared for Failure and Handle It Gracefully (css) | | 578 |
| graceful-degradation |
| How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe) | | 577 |
| how-tos, css |
| CSS Houdini Paint API (5t3) | | 576 |
| css, houdini, apis |
| Deep-Copying in JavaScript Using “structuredClone” (sur/dev) | | 575 |
|
| Performance Implications of JavaScript Errors | | 574 |
| performance, errors |
| Intersection Observer (5t3) | | 573 |
| apis |
| Embrace the Platform (bra/css) | | 572 |
| html, css, web-platform |
| JSON Modules in JavaScript | | 571 |
| json, modules |
| Best Practices for Node.js Development | | 570 |
| nodejs, best-practices |
| JavaScript (htt) | | 569 |
| web-almanac, studies, research, metrics |
| How to Trim Strings in JavaScript | | 568 |
| how-tos, strings |
| How JavaScript Engines Achieve Great Performance | | 567 |
| javascript-engines, performance |
| How to Make Blob Menu Using HTML, CSS, and JavaScript | | 566 |
| how-tos, html, css |
| Why IndexedDB Is Slow and What to Use Instead | | 565 |
| databases, indexeddb, performance |
| Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties | | 564 |
| dev-tools, css, browsers, google, chrome |
| How to Debounce and Throttle Callbacks in Vue | | 563 |
| how-tos, vuejs, callbacks, debouncing, throttling |
| Using Web Workers to Boost Third-Party Script Performance (log) | | 562 |
| web-workers, performance |
| Localizing Your Next.js App (ati/sma) | | 561 |
| nextjs, localization |
| Designing Error Messages and a Logging Strategy in Node.js (app) | | 560 |
| software-design, nodejs, logging, strategies |
| Accessible Toggles (mic) | | 559 |
| accessibility, toggles, html |
| A Comprehensive Guide to Error Handling in Node.js | | 558 |
| guides, nodejs, errors |
| HTMLoween—HTML, JS, and CSS to Make Your Blood Boil | | 557 |
| html, css |
| Chrome DevTools: Visualise Your JavaScript Bundles | | 556 |
| dev-tools, bundling, browsers, google, chrome, lighthouse, visualization |
| In-Page Filtered Search With Vanilla JavaScript (css) | | 555 |
| functionality, search |
| 11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p) | | 554 |
| typo3, css, examples |
| Building an Effective Image Component (dev) | | 553 |
| components, performance |
| Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the) | | 552 |
| libraries, jquery |
| Finding Common Patterns Across Frameworks | | 551 |
| frameworks |
| Decoupling HTML, CSS, and JavaScript in Design Systems (cfe) | | 550 |
| html, css, design-systems |
| Back to Basics: Understanding the “for…in” Loop in JavaScript | | 549 |
| fundamentals |
| Dealing With Timezones in Web Development | | 548 |
|
| Stop Writing JavaScript Like This | | 547 |
|
| Building a Multi-Select Component (arg/dev) | | 546 |
| components, html, css |
| Introduction to Styled Components | | 545 |
| introductions, css, components |
| The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra) | | 544 |
| guides, introductions, rollup, bundling |
| Writing Clean JavaScript Tests With the BASIC Principles | | 543 |
| testing, principles |
| Animation Techniques for Adding and Removing Items From a Stack (css) | | 542 |
| css, animations |
| jsPerf—Online JavaScript Performance Benchmark | | 541 |
| websites, performance |
| Using JavaScript to Detect High Contrast and Dark Modes (sco) | | 540 |
| accessibility, colors, contrast, dark-mode |
| Sorting JavaScript Arrays by Nested Properties | | 539 |
| sorting, arrays |
| How I Built a Modern Website in 2021 (ken) | | 538 |
| html, css |
| Web Streams Everywhere (and Fetch for Node.js) (oll/css) | | 537 |
| nodejs, streaming, data-fetching |
| A JavaScript Developer’s Guide to Browser Cookies | | 536 |
| guides, cookies |
| Optimising a JavaScript Library With WebAssembly, a Failed Attempt | | 535 |
| libraries, webassembly |
| 20 Killer JavaScript One-Liners | | 534 |
|
| Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal) | | 533 |
| performance, bundling |
| 29 Projects to Help You Practice HTML CSS JavaScript 2021 | | 532 |
| html, css |
| The Ultimate Guide to Web Console | | 531 |
| guides, console, debugging |
| Vanilla JS Is a Web Performance Decision (cfe) | | 530 |
| performance |
| Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim) | | 529 |
|
| Threats of Using Regular Expressions in JavaScript | | 528 |
| regex |
| Web Scraping With JavaScript and Node.js | | 527 |
| nodejs, scraping |
| Building a Split-Button Component (arg/dev) | | 526 |
| components, html, css |
| Writing High-Performance JavaScript (cfe) | | 525 |
| performance |
| 7 Practices to Create Good JavaScript Variables | | 524 |
| variables |
| Essential Concepts in JS | | 523 |
| concepts |
| How to Use “Promise.any()” | | 522 |
| how-tos, promises |
| jsc: My New Best Friend | | 521 |
| tooling |
| 4 Important Differences Between Regular and Arrow Functions | | 520 |
| functions, comparisons |
| Truthy and Falsy: When All Is Not Equal in JavaScript (cra) | | 519 |
|
| Using CSS Module Scripts to Import Stylesheets (dev) | | 518 |
| css, modules |
| What Is a Promise? JavaScript Promises for Beginners (fre) | | 517 |
| promises, asynchronicity |
| “return await promise” vs. “return promise” in JavaScript | | 516 |
| promises, comparisons |
| JavaScript Development: Making a Web Worker Optional | | 515 |
| web-workers |
| Uploading Multiple Files With Fetch | | 514 |
| file-handling, data-fetching |
| Refresher on JavaScript Callbacks and Promises | | 513 |
| callbacks, promises |
| How to Use “Promise.allSettled()” | | 512 |
| how-tos, promises |
| How to Build Resilient JavaScript UIs (sma) | | 511 |
| how-tos, user-experience, resilience |
| The (Most Comprehensive) JavaScript Design Principles Guide | | 510 |
| guides, software-design, principles |
| The Ultimate Cheat Sheet List for Web Developers | | 509 |
| html, css, cheat-sheets |
| An Introduction to Frameworkless Web Components (cra) | | 508 |
| introductions, web-components, dom |
| 6 Useful Frontend Techniques That You May Not Know About | | 507 |
| html, css, techniques |
| What Is Tree Shaking? (cfe) | | 506 |
| performance, concepts, tree-shaking |
| The Ultimate Guide to Browser-Side Storage (cra) | | 505 |
| guides, browsers, browser-storage |
| Detecting Media Query Support in CSS and JavaScript (kil) | | 504 |
| css, media-queries, support |
| How to Convert Arrays to Human-Readable Lists in JavaScript (ami) | | 503 |
| how-tos, conversion, arrays |
| How to Use “Promise.all()” | | 502 |
| how-tos, promises |
| How Does Node.js Load Its Built-In/Native Modules? | | 501 |
| nodejs, modules |
| Basics of JavaScript Test Driven Development (TDD) With Jest | | 500 |
| fundamentals, testing, jest |
| “export default thing” Is Different to “export { thing as default }” (jaf) | | 499 |
|
| When a Click Is Not Just a Click (css) | | 498 |
|
| The State of Web Workers in 2021 (sur/sma) | | 497 |
| web-workers |
| Encoding Data for POST Requests (jaf) | | 496 |
| security, encoding |
| Resource Inlining in JavaScript Frameworks (mge/dev) | | 495 |
| frameworks, performance, web-vitals |
| JavaScript Frameworks and the Lost Art of HTML (deq) | | 494 |
| html, frameworks |
| Debugging JavaScript and Front-End | | 493 |
| videos, debugging |
| What’s New in ES2021 | | 492 |
| ecmascript, standards |
| Sorting Colors in JavaScript | | 491 |
| sorting, colors |
| Demystifying Styled Components (jos) | | 490 |
| css, components |
| How to Use Dynamic Imports in JavaScript | | 489 |
| how-tos |
| When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma) | | 488 |
| css, accessibility |
| 10 Utility Functions for Working With Objects in JavaScript | | 487 |
| functions, objects |
| JavaScript: Debouncing and Throttling | | 486 |
| debouncing, throttling |
| A Thorough Analysis of CSS-in-JS (css) | | 485 |
| css, css-in-js |
| Don’t Overabstract Your Components | | 484 |
| html, components |
| Create Scripts in JavaScript With zx | | 483 |
| zx, automation |
| Tree-Shaking: A Reference Guide (ati/sma) | | 482 |
| guides, performance, optimization, tree-shaking |
| Introduction to HTTP Cookies | | 481 |
| introductions, cookies |
| Checking “Under the Hood” of Code (jay) | | 480 |
| dev-tools, browsers, debugging, console, html, css, history |
| Content-Aware Image Resizing in JavaScript | | 479 |
| images, resizing |
| Variable Scope, Lexical Scope, and Code Blocks in JavaScript | | 478 |
| scope |
| Primitive Values, Objects, and References in JavaScript Made Simple | | 477 |
| objects |
| Human-Readable JavaScript: A Tale of Two Experts (ali) | | 476 |
| maintainability |
| Now That’s What I Call Service Worker (mal/ali) | | 475 |
| apis, web-workers |
| Why Your Website Should Work Without JavaScript | | 474 |
| accessibility, support, graceful-degradation |
| What Is the JavaScript Internationalization API (I18N)? (cra) | | 473 |
| internationalization, apis |
