Frontend Dogma is celebrating CSS Naked Day! 🎨

Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“javascript” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Templating in HTML (kit)1,115
html
Optimize Long Tasks (mal)1,114
performance, optimization
How to Return Multiple Values From a Function in JavaScript (ami)1,113
how-tos, functions
Let Me Understand How JavaScript Works Under the Hood1,112
Dear Console… (cod)1,111
console
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,110
html
Useful JavaScript Math Functions and How to Use Them1,109
math, functions
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1,108
how-tos, links, buttons
JavaScript (mal/htt)1,107
web-almanac, studies, research, metrics
The New Wave of JavaScript Web Frameworks1,106
frameworks, react, vuejs, svelte, solidjs
K-Means Clustering Visualization Using D3.js1,105
visualization
Writing Composable SQL Using JavaScript1,104
databases, sql
Rest vs. Spread Syntax in JavaScript (ami)1,103
comparisons
How to Generate Random Numbers in JavaScript With “Math.random()”1,102
how-tos, math, randomness
Building a Retro Draggable Web Component With Lit (and/sma)1,101
web-components
How to Get the Current Timestamp in JavaScript1,100
how-tos
7 Must Know JavaScript Tips and Tricks1,099
tips-and-tricks
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1,098
performance
A Guide to Rounding Numbers in JavaScript1,097
guides
JavaScript APIs You Don’t Know About (mon/sma)1,096
apis
Conditionally Spreading Objects in JavaScript (ami)1,095
objects
The Seventh Way to Call a JavaScript Function Without Parentheses1,094
functions
Mastering DOM Manipulation With Vanilla JavaScript1,093
dom
Make It Short—Make It Better1,092
minimalism
A Quick Primer on Testing JavaScript (cfe)1,091
introductions, testing
What’s New With Forms in 2022? (oll/css)1,090
forms, html
Detect When Users Switch Tabs Using JavaScript1,089
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)1,088
cryptography, encryption
Dear Oracle, Please Release the JavaScript Trademark (tin)1,087
licensing, legal, oracle
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,086
html, performance, lazy-loading
Default Exports in JavaScript Modules Are Terrible1,085
Useful JavaScript Data Grid Libraries (sma)1,084
libraries, grids, information-design, comparisons
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1,083
studies, research, nodejs, dependencies, security, quality, bugs
Monitor Events and Function Calls via Console (dav)1,082
events, monitoring
Implementing Promisable “setTimeout”1,081
time
Tracking the World in About 80 Lines of JavaScript (kzi)1,080
privacy
What Is a REST API? (cra)1,079
apis, rest
How to Use localStorage in JavaScript: An Easy Guide1,078
how-tos, browser-storage, guides
Re-Implementing JavaScript’s “==” in JavaScript (eva)1,077
operators
An Introduction to Context Propagation in JavaScript (sma)1,076
introductions
Dependency Injection in JS/TS (cod)1,075
typescript
Custom Event Naming Conventions (cfe)1,074
events, naming
The Console API1,073
console, apis
TypeScript vs. JavaScript: Which One You Should Use, and Why1,072
typescript, comparisons
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1,071
how-tos, minification, tips-and-tricks
The JavaScript Paradox (rya/thi)1,070
Light/Dark Mode1,069
css, dark-mode
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1,068
php, retrospectives
Checking if a JavaScript Native Function Is Monkey Patched1,067
functions
Adding Observability to Your Jest Tests1,066
jest, testing, observability
Everything You Need to Know About JavaScript Import Maps (hon)1,065
dependencies, import-maps
The History of JavaScript1,064
history
Type Annotations in JavaScript1,063
typescript, annotations
Front-End Internationalisation Tips1,062
internationalization, fonts, css
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks1,061
frameworks, redwoodjs, comparisons
15 Common Beginner JavaScript Mistakes1,060
mistakes
The 10 Most Common JavaScript Issues Developers Face1,059
mistakes
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (get)1,058
optimization, tree-shaking
Hacking JavaScript Objects1,057
objects
Useful Tips and Tricks in JavaScript1,056
tips-and-tricks
JSON Creator Douglas Crockford Interview (dou)1,055
interviews
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe)1,054
prototypes
Integer Math in JavaScript1,053
math
Statements vs. Expressions (jos)1,052
comparisons
JavaScript Obfuscation Techniques by Example1,051
obfuscation, techniques, examples
Frontend Web Performance: The Essentials1,050
fundamentals, performance
Using JavaScript to Fill localStorage to Its Maximum Capacity1,049
browser-storage
Stop the Screen Going to Sleep With JavaScript1,048
In Defense of Blocks for Local Scopes II1,047
scope
In Defense of Blocks for Local Scopes1,046
scope
Svelte Origins: A JavaScript Documentary1,045
videos, svelte
Future Features of JS (jsn)1,044
videos
How to Remove 99% of JavaScript From Main Thread (wea)1,043
videos, how-tos, performance
You Don’t Need a JavaScript Library for Your Components1,042
libraries, components
Understanding the JavaScript Window Object1,041
objects
AbortController Is Your Friend1,040
Modern JavaScript, 10 Things You Should Be Using, Starting Today1,039
JavaScript Hydration Is a Workaround, Not a Solution (the)1,038
hydration
Patterns for Building JavaScript Websites in 2022 (rya/thi)1,037
frameworks, comparisons
Mathematical Notation for JavaScript Developers Explained1,036
math
Optimize the Use of “if–else”1,035
Shallow Copy and Deep Copy1,034
Monorepos in JavaScript and TypeScript (rwi)1,033
typescript, monorepos
JavaScript of Halftone Printing1,032
halftone, print
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)1,031
arrays, comparisons
JavaScript Closures, Explained1,030
closures
Understanding Weak Reference in JavaScript (sma)1,029
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks1,028
npm, dependencies, security
RFC 9239: Updates to ECMAScript Media Types (rau)1,027
mime-types
Building a Button Component (arg)1,026
components, html, css, buttons
Reduce Array of Objects to an Object in JavaScript (ami)1,025
arrays, objects
Does JavaScript Make My Site Less Accessible?1,024
accessibility, wcag
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)1,023
how-tos, performance, google, metrics, frameworks
How to Learn JavaScript Fast: Six Simple Mind Tricks1,022
how-tos, tips-and-tricks, learning
You Don’t Need “void 0”1,021
The Road to Universal JavaScript1,020
Fetch API Is [the] New Old Version of AJAX1,019
data-fetching, apis, ajax
Master Higher-Order Functions in JavaScript1,018
functions
JavaScript Containers (tin)1,017
outlooks
8 JavaScript Quiz [Questions] That May Confuse You1,016
quizzes, interviewing
Common Frontend Interview Questions I’ve Been Asked1,015
interviewing, html
CTA Modal: How to Build a Web Component (sma)1,014
how-tos, web-components, modals
Learn to Code With JavaScript: The Most Popular Programming Language on Earth1,013
learning
Web Scraping via JavaScript Runtime Heap Snapshots1,012
scraping, memory
What Is Memoization? How and When to Memoize in JavaScript and React (fre)1,011
memoization, react
Four Eras of JavaScript Frameworks1,010
frameworks, history
Build a Lightweight Web Component With Lit.js1,009
web-components
Faster Initialization of Instances With New Class Features (joy)1,008
browsers, javascript-engines, v8, performance
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)1,007
guides, performance, optimization
Building a Dialog Component (arg)1,006
components, modals, html, css
JavaScript Function Composition: What’s the Big Deal?1,005
functions
33 JavaScript Concepts Every Developer Should Know1,004
concepts
JavaScript and Node.js Testing Best Practices1,003
nodejs, testing, best-practices
Locale Aware Sorting in JavaScript1,002
sorting, localization, internationalization
14 Linting Rules to Help You Write Asynchronous Code in JavaScript1,001
asynchronicity, linting
When to Use a Function Expression vs. Function Declaration1,000
functions, comparisons
Conquering JavaScript Hydration (rya/thi)999
hydration
Performance Tests on Common JavaScript Array Methods (hac)998
performance, testing, arrays
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)997
how-tos, drag-and-drop, file-handling, vuejs
A Quick Guide to Closures996
guides, closures
Accessibility, Assistive Technology, and JavaScript (cfe)995
accessibility, assistive-tech
Building a Loading Bar Component (arg)994
components, html, css
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)993
how-tos, html
Implementing JavaScript Delay for Cookie Consent Banner992
cookies, consent-management, legal
Horizontal Scrolling Nav (mdo)991
scrolling
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax990
how-tos, functions
CommonJS (CJS) and Modules (ESM): Import Compatibility989
typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack988
css, mobile, hover, touch
A Look at the Dialog Element’s Super Powers (ste)987
modals, html
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)986
naming, refactoring
Why I Avoid “async”/“await”985
asynchronicity
Creating Native Web Components (cod)984
web-components, html
It’s Always Been You, Canvas2D983
html, css, canvas
How Do Primitive Values Get Their Properties? (rau)982
How to Use Higher-Order Functions in JavaScript981
how-tos, functions
5 Things You Don’t Need JavaScript For980
Essential Cryptography for JavaScript Developers979
books, cryptography
How to Build a File Upload Service With Vanilla JavaScript (log)978
how-tos, file-handling
HTML Comments Work in JavaScript Too977
html, comments
What Is Responsible JavaScript? (mal+/sma)976
podcasts
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations975
asynchronicity
Comparing Node JavaScript to JavaScript in the Browser (css)974
nodejs, browsers, comparisons
JavaScript Obfuscation: The Definitive Guide (2022)973
guides, obfuscation
How to Create a Search Page for a Static Website With Vanilla JS (cfe)972
how-tos, functionality, search, html
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”971
fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope970
scope
The State of JavaScript 2021 [Results] (sac/dev)969
surveys, metrics
7 Killer One-Liners in JavaScript968
Moving From JavaScript to TypeScript967
typescript
Debugging JavaScript (fla)966
debugging
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git)965
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)964
events
Creating Generative SVG Grids963
svg, grids
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)962
frameworks, react
The Impact of Motion Animation on Cognitive Disability (tpg)961
accessibility, css
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)960
frameworks, hydration
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)959
performance, bundling, code-splitting, optimization
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)958
Preventing Smooth Scrolling With JavaScript (kil)957
scrolling
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)956
introductions, operators
The Double-Assignment Pattern in jQuery’s Source Code955
jquery
Context-Aware Web Components Are Easier Than You Think (css)954
web-components, html
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)953
strings
Frontend Challenges: Front-End Engineer Assignment952
react, typescript, training
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)951
objects
Two Ways to Clear an Array With Vanilla JavaScript (cfe)950
arrays
8 Techniques to Write Cleaner JavaScript Code949
Improving WordPress Performance: An Open Letter (erw)948
open-letters, wordpress, performance, css
Add a Service Worker to Your Site (cfe/css)947
web-workers
Be Prepared for Failure and Handle It Gracefully (css)946
graceful-degradation
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)945
how-tos, css
CSS Houdini Paint API (5t3)944
css, houdini, apis
Deep-Copying in JavaScript Using “structuredClone” (sur)943
Performance Implications of JavaScript Errors (per)942
performance, errors
Embrace the Platform (bra/css)941
html, css, web-platform
Intersection Observer (5t3)940
apis
JSON Modules in JavaScript939
json, modules
Best Practices for Node.js Development938
nodejs, best-practices
JavaScript (htt)937
web-almanac, studies, research, metrics
How to Trim Strings in JavaScript936
how-tos, strings
How JavaScript Engines Achieve Great Performance935
javascript-engines, performance
How to Make Blob Menu Using HTML, CSS, and JavaScript934
how-tos, html, css
Why IndexedDB Is Slow and What to Use Instead933
databases, indexeddb, performance
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties932
dev-tools, css, browsers, google, chrome
How to Debounce and Throttle Callbacks in Vue931
how-tos, vuejs, callbacks, debouncing, throttling
Using Web Workers to Boost Third-Party Script Performance (log)930
web-workers, performance
Localizing Your Next.js App (ati/sma)929
nextjs, localization
Designing Error Messages and a Logging Strategy in Node.js (app)928
software-design, nodejs, logging, strategies
A Comprehensive Guide to Error Handling in Node.js (hon)927
guides, nodejs, errors
Accessible Toggles (mic)926
accessibility, toggles, html
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil925
html, css
Chrome DevTools: Visualise Your JavaScript Bundles924
dev-tools, bundling, browsers, google, chrome, lighthouse, visualization
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)923
typo3, css, examples
In-Page Filtered Search With Vanilla JavaScript (css)922
functionality, search
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)921
libraries, jquery
Building an Effective Image Component920
components, performance
Finding Common Patterns Across Frameworks919
frameworks
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)918
html, css, design-systems
Back to Basics: Understanding the “for…in” Loop in JavaScript917
fundamentals, loops
Dealing With Timezones in Web Development916
Stop Writing JavaScript Like This915
Building a Multi-Select Component (arg)914
components, html, css
Introduction to Styled Components913
introductions, css, components
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)912
guides, introductions, rollup, bundling
Animation Techniques for Adding and Removing Items From a Stack (css)911
css, animations
Writing Clean JavaScript Tests With the BASIC Principles910
testing, principles
jsPerf—Online JavaScript Performance Benchmark909
websites, performance
Using JavaScript to Detect High Contrast and Dark Modes (sco)908
accessibility, colors, contrast, dark-mode
Sorting JavaScript Arrays by Nested Properties907
sorting, arrays
How I Built a Modern Website in 2021 (ken)906
html, css
Web Streams Everywhere (and Fetch for Node.js) (oll/css)905
nodejs, streaming, data-fetching
A JavaScript Developer’s Guide to Browser Cookies (psu)904
guides, cookies
Optimising a JavaScript Library With WebAssembly, a Failed Attempt903
libraries, webassembly
20 Killer JavaScript One-Liners902
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)901
performance, bundling
29 Projects to Help You Practice HTML CSS JavaScript 2021900
html, css
The Ultimate Guide to Web Console899
guides, console, debugging
Vanilla JS Is a Web Performance Decision (cfe)898
performance
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)897
Threats of Using Regular Expressions in JavaScript896
regex
Web Scraping With JavaScript and Node.js895
nodejs, scraping
Building a Split-Button Component (arg)894
components, html, css
Writing High-Performance JavaScript (cfe)893
performance
7 Practices to Create Good JavaScript Variables892
variables
Essential Concepts in JS891
concepts
How to Use “Promise.any()”890
how-tos, promises
jsc: My New Best Friend889
tooling
4 Important Differences Between Regular and Arrow Functions888
functions, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)887
Using CSS Module Scripts to Import Stylesheets886
css, modules
What Is a Promise? JavaScript Promises for Beginners (fre)885
promises, asynchronicity
“return await promise” vs. “return promise” in JavaScript884
promises, comparisons
JavaScript Development: Making a Web Worker Optional883
web-workers
Uploading Multiple Files With Fetch882
file-handling, data-fetching
Refresher on JavaScript Callbacks and Promises (ato)881
callbacks, promises
How to Build Resilient JavaScript UIs (sma)880
how-tos, user-experience, resilience
How to Use “Promise.allSettled()”879
how-tos, promises
The (Most Comprehensive) JavaScript Design Principles Guide878
guides, software-design, principles
6 Useful Frontend Techniques That You May Not Know About877
html, css, techniques
An Introduction to Frameworkless Web Components (cra)876
introductions, web-components, dom
The Ultimate Cheat Sheet List for Web Developers875
html, css, cheat-sheets
What Is Tree Shaking? (cfe)874
performance, concepts, tree-shaking
The Ultimate Guide to Browser-Side Storage (cra)873
guides, browsers, browser-storage
Detecting Media Query Support in CSS and JavaScript (kil)872
css, media-queries, support
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)871
how-tos, conversion, arrays
How to Use “Promise.all()”870
how-tos, promises
How Does Node.js Load Its Built-In/Native Modules? (joy)869
nodejs, modules
Basics of JavaScript Test Driven Development (TDD) With Jest868
fundamentals, testing, jest
“export default thing” Is Different to “export { thing as default }” (jaf)867
Encoding Data for POST Requests (jaf)866
security, encoding
The State of Web Workers in 2021 (sur/sma)865
web-workers
When a Click Is Not Just a Click (css)864
Resource Inlining in JavaScript Frameworks (mge)863
frameworks, performance, web-vitals
Debugging JavaScript and Front-End862
videos, debugging
JavaScript Frameworks and the Lost Art of HTML (deq)861
html, frameworks
Demystifying Styled Components (jos)860
css, components
Sorting Colors in JavaScript859
sorting, colors
What’s New in ES2021858
ecmascript, standards
How to Use Dynamic Imports in JavaScript857
how-tos
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)856
css, accessibility
10 Utility Functions for Working With Objects in JavaScript855
functions, objects
JavaScript: Debouncing and Throttling854
debouncing, throttling
A Thorough Analysis of CSS-in-JS (css)853
css, css-in-js
Don’t Overabstract Your Components852
html, components
Approaches to Undo and Redo (mca)851
undo-redo, functionality
Create Scripts in JavaScript With zx850
zx, automation
Tree-Shaking: A Reference Guide (ati/sma)849
guides, performance, optimization, tree-shaking
Introduction to HTTP Cookies848
introductions, cookies
Checking “Under the Hood” of Code (jay)847
dev-tools, browsers, debugging, console, html, css, history
The Lazy-Loading Property Pattern in JavaScript (nza)846
software-design-patterns, lazy-loading, performance
Content-Aware Image Resizing in JavaScript845
images, resizing
Variable Scope, Lexical Scope, and Code Blocks in JavaScript844
scope
Primitive Values, Objects, and References in JavaScript Made Simple843
objects
Human-Readable JavaScript: A Tale of Two Experts (ali)842
maintainability
What Are Source Maps in JavaScript?841
videos, source-maps
Now That’s What I Call Service Worker (mal/ali)840
apis, web-workers
Why Your Website Should Work Without JavaScript839
accessibility, support, graceful-degradation
What Is the JavaScript Internationalization API (I18N)? (cra)838
internationalization, apis
5 Different Ways to Declare Functions in jQuery (cra)837
jquery, functions
A Comprehensive Guide to JavaScript Design Patterns836
guides, software-design-patterns
Beyond “console.log()”—Level Up Your Debugging Skills (cod)835
console, debugging
JavaScript: What Is the Meaning of “this”? (jaf)834
Garbage Collection in JavaScript833
garbage-collection
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)832
modals, html
An Introduction to the Rollup.js JavaScript Bundler (cra)831
introductions, bundling, tooling, rollup
JavaScript Obfuscation: What, Why, and How?830
obfuscation
2020 JavaScript Rising Stars829
frameworks, nodejs, react, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
A Practical Introduction to Dependency Injection (sma)828
introductions, maintainability
HTML and CSS Techniques to Reduce Your JavaScript (per)827
html, css, performance
JavaScript (tka/htt)826
web-almanac, studies, research, metrics
How to Create a Favicon That Changes Automatically (css)825
how-tos, favicons, data-urls
“npm ruin dev” (ada/css)824
html, css, nodejs, npm
Minimal Takes on Faking Container Queries (chr/css)823
container-queries, web-components, css
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)822
html, css
“console.log({ myVariable });” (chr/css)821
console
Warp: Improved JS Performance in Firefox 83 (jan/moz)820
firefox, mozilla, browsers, performance, spidermonkey, javascript-engines
[JavaScript] Operator Lookup (jos)819
operators
Compile Svelte in Your Head818
svelte, compiling
The Good Web and the Bad Web (kzi)817
web, mastodon, internet-archive
Advanced GraphQL Usage in Gatsby Websites (sma)816
gatsby, graphql
Basic Math in JavaScript—Numbers and Operators (mdn)815
math, operators
Animating React Components With GreenSock (sma)814
react, gsap, components, animations
Modifying Specific Letters With CSS and JavaScript (css)813
css
Working With JavaScript Media Queries (css)812
media-queries
Run JavaScript When Variable Exists (sea)811
variables
Loading Third-Party JavaScript (add)810
performance
“this” in JavaScript and TypeScript (dea)809
typescript
JS Minification Benchmarks808
minification, metrics
[JavaScript] Minification Benchmarks (hir)807
minification, tooling, metrics, comparisons, oxc, bun, esbuild
Better Error Handling in Node.js With Error Classes (sma)806
nodejs, errors
Accessibility on the Canvas With JavaScript805
accessibility, canvas
Introduction to Memoization in JavaScript (hic)804
introductions, memoization
How to Use Styled Components in React (sma)803
how-tos, react, css-in-js, css
JavaScript to Know for React (ken)802
react
JavaScript Event Delegation: A Beginner’s Guide801
guides, events
Most Popular JavaScript Frameworks in 2020800
frameworks, react, angular, vuejs, nodejs, svelte, comparisons
A Brief Introduction to WebGL799
introductions, webgl
Learn Deno: A Secure JavaScript and TypeScript Runtime798
deno, runtimes, typescript
Namespaces in JavaScript (fla)797
namespaces
What Is Type Coercion in JavaScript ?796
operators, concepts
90’s Cursor Effects795
cursors, effects
App Shell UX With Service Workers and Streams (jef)794
web-apps, single-page-apps, architecture, web-workers, streaming
An Overview of Scroll Technologies (zac/css)793
overviews, scrolling, animations, css, tooling
Easing Animations in Canvas (css)792
canvas, animations
A Little Bit of Plain JavaScript Can Do a Lot (b0r)791
css
JavasSript RORO Pattern790
software-design-patterns
How to Get All Custom Properties on a Page in JavaScript (tyl/css)789
how-tos, css, custom-properties
30 Seconds of Code788
websites, css, techniques
Today’s JavaScript, From an Outsider’s Perspective (lea)787
Static Hoisting (rau)786
The Third Age of JavaScript (swy)785
retrospectives, outlooks
What Every JavaScript Developer Should Know About Unicode784
unicode
Still Using Node.js? Deno 1.0 Is Here! (ant)783
nodejs, deno, runtimes, typescript
In Defense of the Modern Web (ric)782
react, svelte
Styling Components in React (sma)781
react, components, css, sass, css-in-js
Maybe You Don’t Need That SPA780
single-page-apps, react, marko, performance
Manipulating Arrays and Objects in JavaScript779
videos, arrays, objects
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)778
alpinejs, frameworks, jquery, vuejs, tailwind, comparisons
Implementing Dark Mode in React Apps Using styled-components (sma)777
dark-mode, react, components
The Cost of JavaScript Frameworks (tka)776
frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)775
zooming, apis
How to Create a Particle Trail Animation in JavaScript (sma)774
how-tos, animations
Learn Programming (jad)773
websites, courses, programming
Rename a File With JavaScript in the Browser (rik)772
file-handling
How to Create a Native Web Component Without a Framework771
how-tos, web-components
On the Responsibility That Comes With Good JavaScript Support (j9t)770
support
Performance Tips: Minifying HTML, CSS, and JS769
videos, performance, html, css, minification, tips-and-tricks
The Economics of JavaScript Web Apps768
web-apps, economics
Console Commands Guide (css)767
guides, debugging, console, dev-tools, browsers
How We Learned to Draw Text on HTML5 Canvas766
html, canvas, apis, svg
What Is Node and When Should I Use It?765
nodejs, npm
What Is Memoization?764
memoization, concepts
Why JavaScript Is Eating HTML (css)763
html, css, maintainability
Understanding Map and Set in JavaScript762
How to Automatically Update Your JavaScript Dependencies (spa/clo)761
how-tos, dependencies, automation, processes, security
Understanding Immutability in JavaScript (css)760
The History of JavaScript: A Journey From Netscape to Frameworks and Libraries759
history, frameworks, libraries, netscape
Padding Strings and Numbers With JavaScript758
strings
2019 JavaScript Rising Stars (sac)757
frameworks, nodejs, react, vuejs, angular, testing, compiling, building, tooling, mobile, css-in-js, graphql, retrospectives
Understanding Async Await (sar/css)756
asynchronicity, promises
Interactivity and Animation With Variable Fonts (man/24w)755
variable-fonts, fonts, animations, css
JavaScript Loops Made Easy (cod)754
videos, loops
How to Remove an Array Element by Index in JavaScript753
how-tos, arrays
How TypeScript Makes You a Better JavaScript Developer752
typescript
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)751
support, feature-detection, progressive-enhancement
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)750
Creating Custom JavaScript Syntax With Babel749
babel
A Re-Introduction to Destructuring Assignment (sma)748
introductions, arrays
It’s Not Wrong that “'🤦🏼‍♂️'.length == 7” (hsi)747
unicode
Migrating From JavaScript to TypeScript in a Real World React Project (hcr)746
migrating, typescript
“Must Work Without JavaScript” (j9t)745
support
Should a Website Work Without JavaScript? (chr/css)744
support
Working With Attributes on DOM Elements (css)743
dom, attributes, custom-data, html
Faster Image Loading With Embedded Image Previews (sma)742
images, performance, lazy-loading, techniques
The Differing Perspectives on CSS-in-JS (chr/css)741
css-in-js, css, comparisons
What the Heck Are CJS, AMD, UMD, and ESM in JavaScript?740
modules, commonjs, esm
Browsers Are Pretty Good at Loading Pages, It Turns Out739
rendering, performance, browsers
Frontend Design, React, and a Bridge Over the Great Divide (bra)738
html, css, react, career
Finally… a Post on Finally in Promises (sar/css)737
promises, asynchronicity
Improve Your JavaScript Knowledge by Reading Source Code (sma)736
learning
Types or Tests: Why Not Both? (swy/css)735
types, testing, type-safety
Responsible JavaScript (mal/ali)734
tree-shaking, code-splitting, embed-code, transpiling, performance, tooling
The Thinking Behind Simplifying Event Handlers (not/css)733
events, examples
Getting to Know the MutationObserver API (lou/sma)732
apis, dom
In Defense of the Ternary Statement (bur/css)731
operators, conditionals
What’s Next for Web Development? (jch)730
wordpress, php
Clever JavaScript Does Not Mean Simple or Readable (cfe)729
simplicity
Yet Another JavaScript Framework (jay/css)728
frameworks, mootools, history
JS vs. Java—Dynamic Typing727
java, comparisons
An Introduction to Web Components (css)726
introductions, web-components, shadow-dom, html
Creating Accessible HTML5 Modal Dialogs for Desktop and Mobile (zol)725
html, modals, accessibility
A Quick Intro to Higher-Order Functions in JavaScript724
introductions, functions
How to Avoid DOM Blocking in JavaScript (cra)723
how-tos, dom, performance
Using IntersectionObserver to Check if Page Scrolled Past Certain Point (chr/css)722
scrolling, apis
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)721
introductions, nodejs, apis, http
An Introduction to Web Bluetooth (htm/sma)720
introductions, apis
Guide to Web Authentication719
websites, authentication, webauthn, security
The Great Divide (chr/css)718
html, css, career
Why I’ve Stopped Exporting Defaults From My JavaScript Modules (nza)717
modules
CSS for JavaScripters (ppk)716
css, json
2018 JavaScript Rising Stars (sac)715
frameworks, nodejs, react, vuejs, angular, mobile, compiling, building, testing, tooling, code-editors, css-in-js, graphql, retrospectives
Different Result From “Array.sort()”?714
arrays, chrome, google, safari, apple, browsers
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra)713
frameworks, libraries, tooling, link-lists
An Extensive Guide to Progressive Web Applications (sma)712
guides, progressive-web-apps, web-apps, web-workers
Avoiding the Pitfalls of Automatically Inlined Code (sma)711
css, php, wordpress
JavaScript Is for Web Apps, Not for Websites710
web-apps
Reduce JavaScript Payloads With Code Splitting (mal)709
performance, code-splitting
Focus Trapping for Accessibility (A11Y)708
accessibility, focus, keyboard-navigation
Demystifying JavaScript Testing (ken/css)707
testing
Extending Built-In Elements706
web-components, shadow-dom, dom
CSS-in-JS: FTW || WTF? (bru)705
videos, css-in-js, css
Component-Based JavaScript Architecture (sea)704
components, architecture
Taming “this” in JavaScript With [the] Bind Operator (sma)703
operators
A Minimal JavaScript Setup (css)702
conventions, naming, scope, performance, maintainability, examples
Updating a CSS Variable With JavaScript (chr/css)701
css, custom-properties
The “Developer Experience” Bait-and-Switch (sli)700
developer-experience
Chrome’s Noscript Intervention (tka)699
chrome, google, browsers, performance, mobile
Removing jQuery From GitHub.com Frontend (git)698
github, jquery, processes, refactoring, case-studies
Detecting New Posts With Jekyll and Netlify (nza)697
jekyll, netlify, json
Links List for Print Styles (aar)696
print, css
Three Input Element Properties That I Discovered While Reading MDN (ste)695
forms, css
A Tour of JavaScript Timers on the Web (nol)694
The Web in 2045 (bre)693
web, outlooks
New Syntax for JS “Function Stuff” (tab)692
functions, operators
The Cost of JavaScript in 2018 (add)691
performance, code-splitting, lazy-loading, performance-budgets, bundling
ES6 Didn’t Introduce Default Parameters (Attention to Detail)690
ecmascript, functions
7 Performance Tips for Jank-Free JavaScript Animations689
performance, animations, tips-and-tricks
Debugging JavaScript Projects With VS Code and Chrome Debugger688
debugging, vs-code, microsoft, code-editors, chrome, google, browsers, dev-tools
A Beginner’s Guide to Babel687
guides, babel, transpiling
Using ES Modules in the Browser Today686
esm
JavaScript Algorithms and Data Structures685
algorithms, data-structures, overviews, link-lists
What the Heck Does “Script Error” Mean?684
errors
Turn Sublime Text 3 Into a JavaScript IDE (css)683
sublime-text, code-editors, plugins
CSS-in-JS (bri)682
css-in-js, css, components
10 Essential Sublime Text Plugins for JavaScript Developers681
sublime-text, code-editors, plugins, link-lists
Setting Up an ES6 Project Using Babel and Webpack680
babel, webpack
JavaScript Design Patterns: The Singleton679
software-design-patterns
Introduction to the Fetch API678
introductions, data-fetching, apis
Understanding ES6 Modules (cra)677
modules, commonjs, esm
Approaches to Deprecating Code in JavaScript (css)676
maintenance, deprecation
Moving From Flash to HTML, CSS, and JavaScript (sma)675
flash, html, css, refactoring
Using Sass to Control Scope With BEM Naming (bel/css)674
scope, css, sass, bem, naming
Using Default Parameters in ES6 (lou/css)673
ecmascript, functions
Removing Accelerated Mobile Pages (AMP) (the)672
amp, google, css
Debugging JavaScript With a Real Debugger You Did Not Know You Already Have (dus/sma)671
debugging
Building Secure JavaScript Applications670
security, xss, csrf, json-web-tokens, passwords
How to Optimize CSS and JS for Faster Sites669
how-tos, css, performance, minification, optimization
“Stop Using CSS Selectors for Non-CSS” (chr/css)668
css, html, jquery, selectors
Unit Test Your JavaScript Using Mocha and Chai667
testing, tooling
An Introduction to Functional JavaScript666
introductions, programming
How JavaScript Rest Parameters Actually Work665
functions
“await” vs. “return” vs. “return await” (jaf)664
asynchronicity
An Introduction to Speculative Optimization in V8663
introductions, v8, javascript-engines, optimization, speculation
Animating Layouts With the FLIP Technique (dav/css)662
animations, techniques, libraries
How to Disable Links (ger/css)661
how-tos, links
All You Need to Know About CSS-in-JS (tre)660
css, css-in-js
Intersection Observers: The Beginning (ppk)659
apis
The Front-End Checklist (the)658
websites, checklists, html, css, images, accessibility, performance, seo
Writing Smarter Animation Code (css)657
animations, gsap
JavaScript Functions That Define and Rewrite Themselves656
functions
We Tested 3 WordPress Minify Plugins: Our Results (mac/the)655
wordpress, plugins, tooling, minification, html, css
Be Slightly Careful With Sub Elements of Clickable Things (chr/css)654
buttons, events, css
Using the Paint Timing API (mal/css)653
apis, time, performance, painting, rendering
Best Practices for Combining JavaScript With HTML652
html, best-practices
Using ES2017 Async Functions (css)651
ecmascript, asynchronicity, functions
JavaScript Design Patterns: The Observer Pattern650
software-design-patterns
(Now More Than Ever) You Might Not Need jQuery (oll/css)649
jquery, ajax, performance, comparisons, examples
TC39, ECMAScript, and the Future of JavaScript648
ecmascript, outlooks
Break Out of Frames (per)647
frames
What Is the Future of Front End Web Development? (chr/css)646
outlooks, user-experience, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
The Issue With Preprocessing CSS Custom Properties (chr/css)645
css, custom-properties, preprocessors
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js644
frameworks, angularjs, vuejs, meteor, nextjs, comparisons
What’s a Transducer? (rag)643
programming, functions, concepts
Debugging Tips and Tricks (sar/css)642
debugging, css, tooling, dev-tools, browsers, link-lists, tips-and-tricks
JavaScript Operators, Conditionals, and Functions641
operators, conditionals, functions
Making Animations Wait (css)640
css, animations, events
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)639
fundamentals, dom
Writing JavaScript With Accessibility in Mind (mat)638
accessibility, focus, buttons, semantics, aria
Measuring Image Widths in JavaScript (Carefully) (chr/css)637
images
How to Develop an Interactive Command Line Application Using Node.js (sma)636
how-tos, nodejs, command-line
Need to Do Dependency-Free AJAX? (chr/css)635
ajax, jquery, promises
What Is the Best Book for Learning JavaScript?634
books
When Your Code Has to Work: Complying With Legal Mandates (aar/sma)633
cookies, consent-management, legal
An Animated Intro to RxJS (dav/css)632
introductions, libraries
HTML APIs: What They Are and How to Design a Good One (lea/sma)631
how-tos, html, apis
20+ Docs and Guides for Front-End Developers (lou)630
html, css, link-lists
The JavaScript Standard629
ecmascript, history, standards
2016 JavaScript Rising Stars (sac)628
frameworks, nodejs, react, mobile, compiling, building, testing, tooling, code-editors, retrospectives
Know It All627
websites, css, html, dom, svg, cssom, nodejs
Solving npm Scripts Problems in JavaScript Projects (hcr)626
npm, yarn
Let’s Use “const”! Here’s Why625
ecmascript, variables
Front-End Tools: My Favorite Finds of 2016 (lou)624
html, css, tooling, link-lists
JavaScript: 2016 in Review (cra)623
retrospectives
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds622
performance, optimization, minification, compression, caching
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)621
progressive-enhancement, principles, economics
Are You Writing ES6 JavaScript Yet?620
ecmascript
Is JavaScript Always the Best Solution?619
Loop Through a Collection of DOM Elements (paw)618
dom
JavaScript for Web Designers: DOM Scripting (wil/ali)617
dom
How to Develop a Chat Bot With Node.js (sma)616
how-tos, nodejs, functionality