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 and included. Hide

Frontend Dogma

“javascript” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Saved From Callback Hell1,147
callbacks
An Overview of JavaScript Promises1,146
overviews, promises
7 Shorthand Optimization Tricks Every JavaScript Developer Should Know1,145
optimization
Motion Controls in the Browser (sma)1,144
browsers, permissions
What Is a Realm in JavaScript?1,143
Guide to the Best JavaScript Books for Beginners1,142
guides, books, link-lists
Detect System Theme Preference Change Using JavaScript (dav)1,141
dark-mode
JavaScript Shallow Copy—What Is a Shallow Copy?1,140
Why I Never Understood CSS-in-JS (cit)1,139
css, css-in-js
Secure JavaScript URL Validation1,138
validation, urls, security
Why We’re Breaking Up With CSS-in-JS1,137
css, css-in-js
Two JavaScripts (rem)1,136
Speeding Up Async Snippets (css)1,135
performance, asynchronicity
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More1,134
videos, runtimes, v8
Quick Tip: How to Use the Ternary Operator in JavaScript1,133
how-tos, operators, tips-and-tricks
Delightful UI Animations With Shared Element Transitions API II (cod/sma)1,132
animations, transitions, apis
Understanding “async” and “await”1,131
asynchronicity
How to Safely Pass Data to JavaScript in a Django Template (ada)1,130
how-tos, django
Quick Tip: How to Use the Spread Operator in JavaScript1,129
how-tos, operators, tips-and-tricks
The Missing Math Methods in JavaScript1,128
math, methods
Delightful UI Animations With Shared Element Transitions API (cod/sma)1,127
animations, transitions, apis
I Changed My Mind About Writing New JavaScript Frameworks (whi)1,126
frameworks
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)1,125
compiling, webassembly
The Difference Between “undefined” and “not defined” in JavaScript1,124
Templating in HTML (kit)1,123
html
Optimize Long Tasks (mal)1,122
performance, optimization
How to Return Multiple Values From a Function in JavaScript (ami)1,121
how-tos, functions
Let Me Understand How JavaScript Works Under the Hood1,120
Dear Console… (cod)1,119
console
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,118
html
Useful JavaScript Math Functions and How to Use Them1,117
math, functions
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1,116
how-tos, links, buttons
JavaScript (mal/htt)1,115
web-almanac, studies, research, metrics
The New Wave of JavaScript Web Frameworks1,114
frameworks, react, vuejs, svelte, solidjs
K-Means Clustering Visualization Using D3.js1,113
visualization
Writing Composable SQL Using JavaScript1,112
databases, sql
Rest vs. Spread Syntax in JavaScript (ami)1,111
comparisons
How to Generate Random Numbers in JavaScript With “Math.random()”1,110
how-tos, math, randomness
Building a Retro Draggable Web Component With Lit (and/sma)1,109
web-components
How to Get the Current Timestamp in JavaScript1,108
how-tos
7 Must Know JavaScript Tips and Tricks1,107
tips-and-tricks
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1,106
performance
JavaScript APIs You Don’t Know About (mon/sma)1,105
apis
A Guide to Rounding Numbers in JavaScript1,104
guides
Conditionally Spreading Objects in JavaScript (ami)1,103
objects
The Seventh Way to Call a JavaScript Function Without Parentheses1,102
functions
Mastering DOM Manipulation With Vanilla JavaScript1,101
dom
Make It Short—Make It Better1,100
minimalism
A Quick Primer on Testing JavaScript (cfe)1,099
introductions, testing
What’s New With Forms in 2022? (oll/css)1,098
forms, html
Detect When Users Switch Tabs Using JavaScript1,097
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)1,096
cryptography, encryption
Dear Oracle, Please Release the JavaScript Trademark (tin)1,095
licensing, legal, oracle
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,094
html, performance, lazy-loading
Default Exports in JavaScript Modules Are Terrible1,093
Useful JavaScript Data Grid Libraries (sma)1,092
libraries, grids, information-design, comparisons
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1,091
studies, research, nodejs, dependencies, security, quality, bugs
Monitor Events and Function Calls via Console (dav)1,090
events, monitoring
Implementing Promisable “setTimeout”1,089
time
Tracking the World in About 80 Lines of JavaScript (kzi)1,088
privacy
What Is a REST API? (cra)1,087
apis, rest
How to Use localStorage in JavaScript: An Easy Guide1,086
how-tos, browser-storage, guides
Re-Implementing JavaScript’s “==” in JavaScript (eva)1,085
operators
An Introduction to Context Propagation in JavaScript (sma)1,084
introductions
Dependency Injection in JS/TS (cod)1,083
typescript
Custom Event Naming Conventions (cfe)1,082
events, naming
The Console API1,081
console, apis
TypeScript vs. JavaScript: Which One You Should Use, and Why1,080
typescript, comparisons
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1,079
how-tos, minification, tips-and-tricks
The JavaScript Paradox (rya/thi)1,078
Light/Dark Mode1,077
css, dark-mode
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1,076
php, retrospectives
Checking if a JavaScript Native Function Is Monkey Patched1,075
functions
Adding Observability to Your Jest Tests1,074
jest, testing, observability
Everything You Need to Know About JavaScript Import Maps (hon)1,073
dependencies, import-maps
The History of JavaScript1,072
history
Type Annotations in JavaScript1,071
typescript, annotations
Front-End Internationalisation Tips1,070
internationalization, fonts, css
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1,069
frameworks, redwoodjs, comparisons
15 Common Beginner JavaScript Mistakes1,068
mistakes
The 10 Most Common JavaScript Issues Developers Face1,067
mistakes
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1,066
optimization, tree-shaking
Useful Tips and Tricks in JavaScript1,065
tips-and-tricks
JSON Creator Douglas Crockford Interview (dou)1,064
interviews
Hacking JavaScript Objects1,063
objects
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1,062
prototypes
Integer Math in JavaScript1,061
math
Statements vs. Expressions (jos)1,060
comparisons
JavaScript Obfuscation Techniques by Example1,059
obfuscation, techniques, examples
Frontend Web Performance: The Essentials1,058
fundamentals, performance
Using JavaScript to Fill localStorage to Its Maximum Capacity1,057
browser-storage
Stop the Screen Going to Sleep With JavaScript1,056
In Defense of Blocks for Local Scopes II1,055
scope
In Defense of Blocks for Local Scopes1,054
scope
Svelte Origins: A JavaScript Documentary1,053
videos, svelte
Future Features of JS (jsn)1,052
videos
How to Remove 99% of JavaScript From Main Thread (wea)1,051
videos, how-tos, performance
You Don’t Need a JavaScript Library for Your Components1,050
libraries, components
Understanding the JavaScript Window Object1,049
objects
AbortController Is Your Friend1,048
Modern JavaScript, 10 Things You Should Be Using, Starting Today1,047
JavaScript Hydration Is a Workaround, Not a Solution1,046
hydration
Patterns for Building JavaScript Websites in 2022 (rya/thi)1,045
frameworks, comparisons
Mathematical Notation for JavaScript Developers Explained1,044
math
Optimize the Use of “if–else”1,043
Shallow Copy and Deep Copy1,042
Monorepos in JavaScript and TypeScript (rwi)1,041
typescript, monorepos
JavaScript of Halftone Printing1,040
halftone, print
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)1,039
arrays, comparisons
JavaScript Closures, Explained1,038
closures
Understanding Weak Reference in JavaScript (sma)1,037
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks1,036
npm, dependencies, security
RFC 9239: Updates to ECMAScript Media Types (rau)1,035
mime-types
Building a Button Component (arg)1,034
components, html, css, buttons
Reduce Array of Objects to an Object in JavaScript (ami)1,033
arrays, objects
Does JavaScript Make My Site Less Accessible?1,032
accessibility, wcag
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)1,031
how-tos, performance, google, metrics, frameworks
How to Learn JavaScript Fast: Six Simple Mind Tricks1,030
how-tos, tips-and-tricks, learning
You Don’t Need “void 0”1,029
The Road to Universal JavaScript1,028
Fetch API Is [the] New Old Version of AJAX1,027
data-fetching, apis, ajax
Master Higher-Order Functions in JavaScript1,026
functions
JavaScript Containers (tin)1,025
outlooks
8 JavaScript Quiz [Questions] That May Confuse You1,024
quizzes, interviewing
Common Frontend Interview Questions I’ve Been Asked1,023
interviewing, html
CTA Modal: How to Build a Web Component (sma)1,022
how-tos, web-components, modals
Web Scraping via JavaScript Runtime Heap Snapshots1,021
scraping, memory
Learn to Code With JavaScript: The Most Popular Programming Language on Earth1,020
learning
What Is Memoization? How and When to Memoize in JavaScript and React (fre)1,019
memoization, react
Four Eras of JavaScript Frameworks1,018
frameworks, history
Build a Lightweight Web Component With Lit.js1,017
web-components
Faster Initialization of Instances With New Class Features (joy)1,016
browsers, javascript-engines, v8, performance
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)1,015
guides, performance, optimization
Building a Dialog Component (arg)1,014
components, modals, html, css
JavaScript Function Composition: What’s the Big Deal?1,013
functions
33 JavaScript Concepts Every Developer Should Know1,012
concepts
JavaScript and Node.js Testing Best Practices1,011
nodejs, testing, best-practices
Locale Aware Sorting in JavaScript1,010
sorting, localization, internationalization
14 Linting Rules to Help You Write Asynchronous Code in JavaScript1,009
asynchronicity, linting
When to Use a Function Expression vs. Function Declaration1,008
functions, comparisons
Conquering JavaScript Hydration (rya/thi)1,007
hydration
Performance Tests on Common JavaScript Array Methods (hac)1,006
performance, testing, arrays
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)1,005
how-tos, drag-and-drop, file-handling, vuejs
A Quick Guide to Closures1,004
guides, closures
Accessibility, Assistive Technology, and JavaScript (cfe)1,003
accessibility, assistive-tech
Building a Loading Bar Component (arg)1,002
components, html, css
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)1,001
how-tos, html
Implementing JavaScript Delay for Cookie Consent Banner1,000
cookies, consent-management, legal
Horizontal Scrolling Nav (mdo)999
scrolling
CommonJS (CJS) and Modules (ESM): Import Compatibility998
typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack997
css, mobile, hover, touch
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax996
how-tos, functions
A Look at the Dialog Element’s Super Powers (ste)995
modals, html
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)994
naming, refactoring
Why I Avoid “async”/“await”993
asynchronicity
Creating Native Web Components (cod)992
web-components, html
It’s Always Been You, Canvas2D991
html, css, canvas
How Do Primitive Values Get Their Properties? (rau)990
How to Use Higher-Order Functions in JavaScript989
how-tos, functions
5 Things You Don’t Need JavaScript For988
Essential Cryptography for JavaScript Developers987
books, cryptography
How to Build a File Upload Service With Vanilla JavaScript (log)986
how-tos, file-handling
HTML Comments Work in JavaScript Too985
html, comments
What Is Responsible JavaScript? (mal+/sma)984
podcasts
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations983
asynchronicity
Comparing Node JavaScript to JavaScript in the Browser (css)982
nodejs, browsers, comparisons
JavaScript Obfuscation: The Definitive Guide (2022)981
guides, obfuscation
How to Create a Search Page for a Static Website With Vanilla JS (cfe)980
how-tos, functionality, search, html
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”979
fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope978
scope
The State of JavaScript 2021 [Results] (sac/dev)977
surveys, metrics
7 Killer One-Liners in JavaScript976
Moving From JavaScript to TypeScript975
typescript
Debugging JavaScript (fla)974
debugging
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)973
events
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli)972
Creating Generative SVG Grids971
svg, grids
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)970
frameworks, react
The Impact of Motion Animation on Cognitive Disability (tpg)969
accessibility, css
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)968
frameworks, hydration
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)967
performance, bundling, code-splitting, optimization
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)966
Preventing Smooth Scrolling With JavaScript (kil)965
scrolling
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)964
introductions, operators
The Double-Assignment Pattern in jQuery’s Source Code963
jquery
Context-Aware Web Components Are Easier Than You Think (css)962
web-components, html
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)961
strings
Frontend Challenges: Front-End Engineer Assignment960
react, typescript, training
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)959
objects
Two Ways to Clear an Array With Vanilla JavaScript (cfe)958
arrays
8 Techniques to Write Cleaner JavaScript Code957
Improving WordPress Performance: An Open Letter (erw)956
open-letters, wordpress, performance, css
Add a Service Worker to Your Site (cfe/css)955
web-workers
Be Prepared for Failure and Handle It Gracefully (css)954
graceful-degradation
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)953
how-tos, css
CSS Houdini Paint API (5t3)952
css, houdini, apis
Deep-Copying in JavaScript Using “structuredClone” (sur)951
Performance Implications of JavaScript Errors (per)950
performance, errors
Embrace the Platform (bra/css)949
html, css, web-platform
Intersection Observer (5t3)948
apis
JSON Modules in JavaScript947
json, modules
Best Practices for Node.js Development946
nodejs, best-practices
JavaScript (htt)945
web-almanac, studies, research, metrics
How to Trim Strings in JavaScript944
how-tos, strings
How JavaScript Engines Achieve Great Performance943
javascript-engines, performance
How to Make Blob Menu Using HTML, CSS, and JavaScript942
how-tos, html, css
Why IndexedDB Is Slow and What to Use Instead941
databases, indexeddb, performance
How to Debounce and Throttle Callbacks in Vue940
how-tos, vuejs, callbacks, debouncing, throttling
Using Web Workers to Boost Third-Party Script Performance (log)939
web-workers, performance
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties938
dev-tools, css, browsers, google, chrome
Localizing Your Next.js App (ati/sma)937
nextjs, localization
Designing Error Messages and a Logging Strategy in Node.js (app)936
software-design, nodejs, logging, strategies
A Comprehensive Guide to Error Handling in Node.js (hon)935
guides, nodejs, errors
Accessible Toggles (mic)934
accessibility, toggles, html
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil933
html, css
Chrome DevTools: Visualise Your JavaScript Bundles932
dev-tools, bundling, browsers, google, chrome, lighthouse, visualization
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)931
typo3, css, examples
In-Page Filtered Search With Vanilla JavaScript (css)930
functionality, search
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric)929
libraries, jquery
Building an Effective Image Component928
components, performance
Finding Common Patterns Across Frameworks927
frameworks
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)926
html, css, design-systems
Back to Basics: Understanding the “for…in” Loop in JavaScript925
fundamentals, loops
Dealing With Timezones in Web Development924
Stop Writing JavaScript Like This923
Building a Multi-Select Component (arg)922
components, html, css
Introduction to Styled Components921
introductions, css, components
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)920
guides, introductions, rollup, bundling
Animation Techniques for Adding and Removing Items From a Stack (css)919
css, animations
Writing Clean JavaScript Tests With the BASIC Principles918
testing, principles
jsPerf—Online JavaScript Performance Benchmark917
websites, performance
Using JavaScript to Detect High Contrast and Dark Modes (sco)916
accessibility, colors, contrast, dark-mode
Sorting JavaScript Arrays by Nested Properties915
sorting, arrays
How I Built a Modern Website in 2021 (ken)914
html, css
Web Streams Everywhere (and Fetch for Node.js) (oll/css)913
nodejs, streaming, data-fetching
A JavaScript Developer’s Guide to Browser Cookies (psu)912
guides, cookies
Optimising a JavaScript Library With WebAssembly, a Failed Attempt911
libraries, webassembly
20 Killer JavaScript One-Liners910
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)909
performance, bundling
29 Projects to Help You Practice HTML CSS JavaScript 2021908
html, css
The Ultimate Guide to Web Console907
guides, console, debugging
Vanilla JS Is a Web Performance Decision (cfe)906
performance
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)905
Threats of Using Regular Expressions in JavaScript904
regex
Web Scraping With JavaScript and Node.js903
nodejs, scraping
Building a Split-Button Component (arg)902
components, html, css
Writing High-Performance JavaScript (cfe)901
performance
7 Practices to Create Good JavaScript Variables900
variables
Essential Concepts in JS899
concepts
How to Use “Promise.any()”898
how-tos, promises
jsc: My New Best Friend897
tooling
4 Important Differences Between Regular and Arrow Functions896
functions, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)895
Using CSS Module Scripts to Import Stylesheets894
css, modules
What Is a Promise? JavaScript Promises for Beginners (fre)893
promises, asynchronicity
“return await promise” vs. “return promise” in JavaScript892
promises, comparisons
JavaScript Development: Making a Web Worker Optional891
web-workers
Uploading Multiple Files With Fetch890
file-handling, data-fetching
Refresher on JavaScript Callbacks and Promises (ato)889
callbacks, promises
How to Build Resilient JavaScript UIs (sma)888
how-tos, user-experience, resilience
How to Use “Promise.allSettled()”887
how-tos, promises
The (Most Comprehensive) JavaScript Design Principles Guide886
guides, software-design, principles
6 Useful Frontend Techniques That You May Not Know About885
html, css, techniques
The Ultimate Cheat Sheet List for Web Developers884
html, css, cheat-sheets
An Introduction to Frameworkless Web Components (cra)883
introductions, web-components, dom
What Is Tree Shaking? (cfe)882
performance, concepts, tree-shaking
The Ultimate Guide to Browser-Side Storage (cra)881
guides, browsers, browser-storage
Detecting Media Query Support in CSS and JavaScript (kil)880
css, media-queries, support
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)879
how-tos, conversion, arrays
How to Use “Promise.all()”878
how-tos, promises
How Does Node.js Load Its Built-In/Native Modules? (joy)877
nodejs, modules
Basics of JavaScript Test Driven Development (TDD) With Jest876
fundamentals, testing, jest
“export default thing” Is Different to “export { thing as default }” (jaf)875
Encoding Data for POST Requests (jaf)874
security, encoding
The State of Web Workers in 2021 (sur/sma)873
web-workers
When a Click Is Not Just a Click (css)872
Resource Inlining in JavaScript Frameworks (mge)871
frameworks, performance, web-vitals
Debugging JavaScript and Front-End870
videos, debugging
JavaScript Frameworks and the Lost Art of HTML (deq)869
html, frameworks
Demystifying Styled Components (jos)868
css, components
Sorting Colors in JavaScript867
sorting, colors
What’s New in ES2021866
ecmascript, standards
How to Use Dynamic Imports in JavaScript865
how-tos
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)864
css, accessibility
10 Utility Functions for Working With Objects in JavaScript863
functions, objects
JavaScript: Debouncing and Throttling862
debouncing, throttling
A Thorough Analysis of CSS-in-JS (css)861
css, css-in-js
Don’t Overabstract Your Components860
html, components
Approaches to Undo and Redo (mca)859
undo-redo, functionality
Create Scripts in JavaScript With zx858
zx, automation
Tree-Shaking: A Reference Guide (ati/sma)857
guides, performance, optimization, tree-shaking
Introduction to HTTP Cookies856
introductions, cookies
Checking “Under the Hood” of Code (jay)855
dev-tools, browsers, debugging, console, html, css, history
The Lazy-Loading Property Pattern in JavaScript (nza)854
software-design-patterns, lazy-loading, performance
Content-Aware Image Resizing in JavaScript853
images, resizing
Variable Scope, Lexical Scope, and Code Blocks in JavaScript852
scope
Primitive Values, Objects, and References in JavaScript Made Simple851
objects
Human-Readable JavaScript: A Tale of Two Experts (ali)850
maintainability
What Are Source Maps in JavaScript?849
videos, source-maps
Now That’s What I Call Service Worker (mal/ali)848
apis, web-workers
Why Your Website Should Work Without JavaScript847
accessibility, support, graceful-degradation
What Is the JavaScript Internationalization API (I18N)? (cra)846
internationalization, apis
5 Different Ways to Declare Functions in jQuery (cra)845
jquery, functions
A Comprehensive Guide to JavaScript Design Patterns844
guides, software-design-patterns
JavaScript: What Is the Meaning of “this”? (jaf)843
Beyond “console.log()”—Level Up Your Debugging Skills (cod)842
console, debugging
Garbage Collection in JavaScript841
garbage-collection
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)840
modals, html
JavaScript Obfuscation: What, Why, and How?839
obfuscation
An Introduction to the Rollup.js JavaScript Bundler (cra)838
introductions, bundling, tooling, rollup
2020 JavaScript Rising Stars837
frameworks, nodejs, react, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
A Practical Introduction to Dependency Injection (sma)836
introductions, maintainability
HTML and CSS Techniques to Reduce Your JavaScript (per)835
html, css, performance
Flushing Promises in JavaScript—What It Is and Why You Need It in UI Tests834
promises, asynchronicity, flushing
JavaScript (tka/htt)833
web-almanac, studies, research, metrics
How to Create a Favicon That Changes Automatically (css)832
how-tos, favicons, data-urls
“npm ruin dev” (ada/css)831
html, css, nodejs, npm
Minimal Takes on Faking Container Queries (chr/css)830
container-queries, web-components, css
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)829
html, css
“console.log({ myVariable });” (chr/css)828
console
Warp: Improved JS Performance in Firefox 83 (jan/moz)827
firefox, mozilla, browsers, performance, spidermonkey, javascript-engines
[JavaScript] Operator Lookup (jos)826
operators
Compile Svelte in Your Head825
svelte, compiling
The Good Web and the Bad Web (kzi)824
web, mastodon, internet-archive
Advanced GraphQL Usage in Gatsby Websites (sma)823
gatsby, graphql
Basic Math in JavaScript—Numbers and Operators (mdn)822
math, operators
Animating React Components With GreenSock (sma)821
react, gsap, components, animations
Modifying Specific Letters With CSS and JavaScript (css)820
css
Working With JavaScript Media Queries (css)819
media-queries
Run JavaScript When Variable Exists (sea)818
variables
Loading Third-Party JavaScript (add)817
performance
“this” in JavaScript and TypeScript (dea)816
typescript
JS Minification Benchmarks815
minification, metrics
[JavaScript] Minification Benchmarks (hir)814
minification, tooling, metrics, comparisons, oxc, swc, bun, esbuild
Better Error Handling in Node.js With Error Classes (sma)813
nodejs, errors
Accessibility on the Canvas With JavaScript812
accessibility, canvas
Introduction to Memoization in JavaScript (hic)811
introductions, memoization
How to Use Styled Components in React (sma)810
how-tos, react, css-in-js, css
JavaScript to Know for React (ken)809
react
JavaScript Event Delegation: A Beginner’s Guide808
guides, events
Most Popular JavaScript Frameworks in 2020807
frameworks, react, angular, vuejs, nodejs, svelte, comparisons
A Brief Introduction to WebGL806
introductions, webgl
Learn Deno: A Secure JavaScript and TypeScript Runtime805
deno, runtimes, typescript
Namespaces in JavaScript (fla)804
namespaces
What Is Type Coercion in JavaScript ?803
operators, concepts
90’s Cursor Effects802
cursors, effects
App Shell UX With Service Workers and Streams (jef)801
web-apps, single-page-apps, architecture, web-workers, streaming
An Overview of Scroll Technologies (zac/css)800
overviews, scrolling, animations, css, tooling
Easing Animations in Canvas (css)799
canvas, animations
A Little Bit of Plain JavaScript Can Do a Lot (b0r)798
css
JavasSript RORO Pattern797
software-design-patterns
How to Get All Custom Properties on a Page in JavaScript (tyl/css)796
how-tos, css, custom-properties
30 Seconds of Code795
websites, css, techniques
Today’s JavaScript, From an Outsider’s Perspective (lea)794
The Third Age of JavaScript (swy)793
retrospectives, outlooks
Static Hoisting792
What Every JavaScript Developer Should Know About Unicode791
unicode
Still Using Node.js? Deno 1.0 Is Here! (ant)790
nodejs, deno, runtimes, typescript
In Defense of the Modern Web (ric)789
react, svelte
Styling Components in React (sma)788
react, components, css, sass, css-in-js
Maybe You Don’t Need That SPA787
single-page-apps, react, marko, performance
Manipulating Arrays and Objects in JavaScript786
videos, arrays, objects
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)785
alpinejs, frameworks, jquery, vuejs, tailwind, comparisons
Implementing Dark Mode in React Apps Using styled-components (sma)784
dark-mode, react, components
The Cost of JavaScript Frameworks (tka)783
frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)782
zooming, apis
How to Create a Particle Trail Animation in JavaScript (sma)781
how-tos, animations
Learn Programming (jad)780
websites, courses, programming
Rename a File With JavaScript in the Browser (rik)779
file-handling
How to Create a Native Web Component Without a Framework778
how-tos, web-components
On the Responsibility That Comes With Good JavaScript Support (j9t)777
support
Performance Tips: Minifying HTML, CSS, and JS776
videos, performance, html, css, minification, tips-and-tricks
The Economics of JavaScript Web Apps775
web-apps, economics
Console Commands Guide (css)774
guides, debugging, console, dev-tools, browsers
How We Learned to Draw Text on HTML5 Canvas773
html, canvas, apis, svg
What Is Node and When Should I Use It?772
nodejs, npm
What Is Memoization?771
memoization, concepts
Why JavaScript Is Eating HTML (css)770
html, css, maintainability
Understanding Map and Set in JavaScript769
How to Automatically Update Your JavaScript Dependencies (spa/clo)768
how-tos, dependencies, automation, processes, security
Understanding Immutability in JavaScript (css)767
The History of JavaScript: A Journey From Netscape to Frameworks and Libraries766
history, frameworks, libraries, netscape
Padding Strings and Numbers With JavaScript765
strings
2019 JavaScript Rising Stars (sac)764
frameworks, nodejs, react, vuejs, angular, testing, compiling, building, tooling, mobile, css-in-js, graphql, retrospectives
Understanding Async Await (sar/css)763
asynchronicity, promises
Interactivity and Animation With Variable Fonts (man/24w)762
variable-fonts, fonts, animations, css
JavaScript Loops Made Easy (cod)761
videos, loops
How to Remove an Array Element by Index in JavaScript760
how-tos, arrays
How TypeScript Makes You a Better JavaScript Developer759
typescript
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)758
support, feature-detection, progressive-enhancement
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)757
Creating Custom JavaScript Syntax With Babel756
babel
A Re-Introduction to Destructuring Assignment (sma)755
introductions, arrays
It’s Not Wrong that “'🤦🏼‍♂️'.length == 7” (hsi)754
unicode
Migrating From JavaScript to TypeScript in a Real World React Project (hcr)753
migrating, typescript
“Must Work Without JavaScript” (j9t)752
support
Should a Website Work Without JavaScript? (chr/css)751
support
Working With Attributes on DOM Elements (css)750
dom, attributes, custom-data, html
Faster Image Loading With Embedded Image Previews (sma)749
images, performance, lazy-loading, techniques
The Differing Perspectives on CSS-in-JS (chr/css)748
css-in-js, css, comparisons
What the Heck Are CJS, AMD, UMD, and ESM in JavaScript?747
modules, commonjs, esm
Browsers Are Pretty Good at Loading Pages, It Turns Out746
rendering, performance, browsers
Frontend Design, React, and a Bridge Over the Great Divide (bra)745
html, css, react, career
Finally… a Post on Finally in Promises (sar/css)744
promises, asynchronicity
Improve Your JavaScript Knowledge by Reading Source Code (sma)743
learning
Types or Tests: Why Not Both? (swy/css)742
types, testing, type-safety
Responsible JavaScript (mal/ali)741
tree-shaking, code-splitting, embed-code, transpiling, performance, tooling
The Thinking Behind Simplifying Event Handlers (not/css)740
events, examples
Getting to Know the MutationObserver API (lou/sma)739
apis, dom
In Defense of the Ternary Statement (bur/css)738
operators, conditionals
What’s Next for Web Development? (jch)737
wordpress, php
Clever JavaScript Does Not Mean Simple or Readable (cfe)736
simplicity
Yet Another JavaScript Framework (jay/css)735
frameworks, mootools, history
JS vs. Java—Dynamic Typing734
java, comparisons
An Introduction to Web Components (css)733
introductions, web-components, shadow-dom, html
Creating Accessible HTML5 Modal Dialogs for Desktop and Mobile (zol)732
html, modals, accessibility
A Quick Intro to Higher-Order Functions in JavaScript731
introductions, functions
Using IntersectionObserver to Check if Page Scrolled Past Certain Point (chr/css)730
scrolling, apis
How to Avoid DOM Blocking in JavaScript (cra)729
how-tos, dom, performance
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)728
introductions, nodejs, apis, http
An Introduction to Web Bluetooth (htm/sma)727
introductions, apis
Guide to Web Authentication726
websites, authentication, webauthn, security
The Great Divide (chr/css)725
html, css, career
Why I’ve Stopped Exporting Defaults From My JavaScript Modules (nza)724
modules
Get All Font Sizes in Use on a Web Page (zac)723
fonts, css, console
CSS for JavaScripters (ppk)722
css, json
2018 JavaScript Rising Stars (sac)721
frameworks, nodejs, react, vuejs, angular, mobile, compiling, building, testing, tooling, code-editors, css-in-js, graphql, retrospectives
Don’t Stop Learning Frameworks (zac)720
frameworks, learning
Different Result From “Array.sort()”?719
arrays, chrome, google, safari, apple, browsers
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra)718
frameworks, libraries, tooling, link-lists
An Extensive Guide to Progressive Web Applications (sma)717
guides, progressive-web-apps, web-apps, web-workers
Avoiding the Pitfalls of Automatically Inlined Code (sma)716
css, php, wordpress
JavaScript Is for Web Apps, Not for Websites715
web-apps
Reduce JavaScript Payloads With Code Splitting (mal)714
performance, code-splitting
Focus Trapping for Accessibility (A11Y)713
accessibility, focus, keyboard-navigation
Demystifying JavaScript Testing (ken/css)712
testing
Extending Built-In Elements711
web-components, shadow-dom, dom
CSS-in-JS: FTW || WTF? (bru)710
videos, css-in-js, css
Component-Based JavaScript Architecture (sea)709
components, architecture
Taming “this” in JavaScript With [the] Bind Operator (sma)708
operators
A Minimal JavaScript Setup (css)707
conventions, naming, scope, performance, maintainability, examples
Updating a CSS Variable With JavaScript (chr/css)706
css, custom-properties
The “Developer Experience” Bait-and-Switch (sli)705
developer-experience
Chrome’s Noscript Intervention (tka)704
chrome, google, browsers, performance, mobile
Removing jQuery From GitHub.com Frontend703
github, jquery, processes, refactoring, case-studies
Detecting New Posts With Jekyll and Netlify (nza)702
jekyll, netlify, json
Links List for Print Styles (aar)701
print, css
Three Input Element Properties That I Discovered While Reading MDN (ste)700
forms, css
A Tour of JavaScript Timers on the Web (nol)699
The Web in 2045 (bre)698
web, outlooks
New Syntax for JS “Function Stuff” (tab)697
functions, operators
The Cost of JavaScript in 2018 (add)696
performance, code-splitting, lazy-loading, performance-budgets, bundling
ES6 Didn’t Introduce Default Parameters (Attention to Detail)695
ecmascript, functions
7 Performance Tips for Jank-Free JavaScript Animations694
performance, animations, tips-and-tricks
Debugging JavaScript Projects With VS Code and Chrome Debugger693
debugging, vs-code, microsoft, code-editors, chrome, google, browsers, dev-tools
A Beginner’s Guide to Babel692
guides, babel, transpiling
Using ES Modules in the Browser Today691
esm
JavaScript Algorithms and Data Structures690
algorithms, data-structures, overviews, link-lists
What the Heck Does “Script Error” Mean?689
errors
Turn Sublime Text 3 Into a JavaScript IDE (css)688
sublime-text, code-editors, plugins
CSS-in-JS (bri)687
css-in-js, css, components
10 Essential Sublime Text Plugins for JavaScript Developers686
sublime-text, code-editors, plugins, link-lists
Setting Up an ES6 Project Using Babel and Webpack685
babel, webpack
JavaScript Design Patterns: The Singleton684
software-design-patterns
Introduction to the Fetch API683
introductions, data-fetching, apis
Understanding ES6 Modules (cra)682
modules, commonjs, esm
Approaches to Deprecating Code in JavaScript (css)681
maintenance, deprecation
Moving From Flash to HTML, CSS, and JavaScript (sma)680
flash, html, css, refactoring
Using Sass to Control Scope With BEM Naming (bel/css)679
scope, css, sass, bem, naming
Using Default Parameters in ES6 (lou/css)678
ecmascript, functions
Removing Accelerated Mobile Pages (AMP) (the)677
amp, google, css
Debugging JavaScript With a Real Debugger You Did Not Know You Already Have (dus/sma)676
debugging
Building Secure JavaScript Applications675
security, xss, csrf, json-web-tokens, passwords
How to Optimize CSS and JS for Faster Sites674
how-tos, css, performance, minification, optimization
“Stop Using CSS Selectors for Non-CSS” (chr/css)673
css, html, jquery, selectors
Unit Test Your JavaScript Using Mocha and Chai672
testing, tooling
An Introduction to Functional JavaScript671
introductions, programming
How JavaScript Rest Parameters Actually Work670
functions
“await” vs. “return” vs. “return await” (jaf)669
asynchronicity
An Introduction to Speculative Optimization in V8668
introductions, v8, javascript-engines, optimization, speculation
Animating Layouts With the FLIP Technique (dav/css)667
animations, techniques, libraries
How to Disable Links (ger/css)666
how-tos, links
All You Need to Know About CSS-in-JS (tre)665
css, css-in-js
Intersection Observers: The Beginning (ppk)664
apis
The Front-End Checklist (the)663
websites, checklists, html, css, images, accessibility, performance, seo
Writing Smarter Animation Code (css)662
animations, gsap
JavaScript Functions That Define and Rewrite Themselves661
functions
We Tested 3 WordPress Minify Plugins: Our Results (mac/the)660
wordpress, plugins, tooling, minification, html, css
Be Slightly Careful With Sub Elements of Clickable Things (chr/css)659
buttons, events, css
Using the Paint Timing API (mal/css)658
apis, time, performance, painting, rendering
Best Practices for Combining JavaScript With HTML657
html, best-practices
Using ES2017 Async Functions (css)656
ecmascript, asynchronicity, functions
JavaScript Design Patterns: The Observer Pattern655
software-design-patterns
(Now More Than Ever) You Might Not Need jQuery (oll/css)654
jquery, ajax, performance, comparisons, examples
TC39, ECMAScript, and the Future of JavaScript653
ecmascript, outlooks
Break Out of Frames (per)652
frames
What Is the Future of Front End Web Development? (chr/css)651
outlooks, user-experience, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
The Issue With Preprocessing CSS Custom Properties (chr/css)650
css, custom-properties, preprocessors
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js649
frameworks, angularjs, vuejs, meteor, nextjs, comparisons
What’s a Transducer? (rag)648
programming, functions, concepts