Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“javascript” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Patterns for Building JavaScript Websites in 2022 (rya/thi)972
frameworks, comparisons
Mathematical Notation for JavaScript Developers Explained971
math
Optimize the Use of “if–else”970
Shallow Copy and Deep Copy969
Monorepos in JavaScript and TypeScript (rwi)968
typescript, monorepos
JavaScript of Halftone Printing967
print
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau)966
arrays, comparisons
JavaScript Closures, Explained965
closures
Understanding Weak Reference in JavaScript (sma)964
Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks963
npm, dependencies, security
Building a Button Component (arg/dev)962
components, html, css, buttons
RFC 9239: Updates to ECMAScript Media Types (rau)961
mime-types
Reduce Array of Objects to an Object in JavaScript (ami)960
arrays, objects
Does JavaScript Make My Site Less Accessible?959
accessibility, wcag
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (sma)958
how-tos, performance, google, metrics, frameworks
How to Learn JavaScript Fast: Six Simple Mind Tricks957
how-tos, tips-and-tricks, learning
You Don’t Need “void 0”956
The Road to Universal JavaScript955
Fetch API Is [the] New Old Version of AJAX954
data-fetching, apis, ajax
Master Higher-Order Functions in JavaScript953
functions
JavaScript Containers (tin)952
outlooks
8 JavaScript Quiz [Questions] That May Confuse You951
quizzes, interviewing
Common Frontend Interview Questions I’ve Been Asked950
interviewing, html
CTA Modal: How to Build a Web Component (sma)949
how-tos, web-components, modals
Learn to Code With JavaScript: The Most Popular Programming Language on Earth948
learning
Web Scraping via JavaScript Runtime Heap Snapshots947
scraping, memory
What Is Memoization? How and When to Memoize in JavaScript and React (fre)946
memoization, react
Build a Lightweight Web Component With Lit.js945
web-components
Four Eras of JavaScript Frameworks944
frameworks, history
Faster Initialization of Instances With New Class Features (joy)943
browsers, javascript-engines, v8, performance
Building a Dialog Component (arg/dev)942
components, modals, html, css
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (ste/bui)941
guides, performance, optimization
JavaScript Function Composition: What’s the Big Deal?940
functions
33 JavaScript Concepts Every Developer Should Know939
concepts
JavaScript and Node.js Testing Best Practices938
nodejs, testing, best-practices
Locale Aware Sorting in JavaScript937
sorting, localization, internationalization
14 Linting Rules to Help You Write Asynchronous Code in JavaScript936
asynchronicity, linting
When to Use a Function Expression vs. Function Declaration935
functions, comparisons
Conquering JavaScript Hydration (rya/thi)934
hydration
Performance Tests on Common JavaScript Array Methods (hac)933
performance, testing, arrays
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (sma)932
how-tos, file-handling, vuejs
A Quick Guide to Closures931
guides, closures
Accessibility, Assistive Technology, and JavaScript (cfe)930
accessibility, assistive-tech
Building a Loading Bar Component (arg/dev)929
components, html, css
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)928
how-tos, html
Implementing JavaScript Delay for Cookie Consent Banner927
cookies, consent-management, legal
Horizontal Scrolling Nav (mdo)926
scrolling
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax925
how-tos, functions
CommonJS (CJS) and Modules (ESM): Import Compatibility924
typescript, commonjs, esm
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack923
css, mobile
A Look at the Dialog Element’s Super Powers (ste)922
modals, html
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (rau)921
naming, refactoring
Why I Avoid “async”/“await”920
asynchronicity
Creating Native Web Components (cod)919
web-components, html
It’s Always Been You, Canvas2D (dev)918
html, css, canvas
How Do Primitive Values Get Their Properties? (rau)917
How to Use Higher-Order Functions in JavaScript916
how-tos, functions
5 Things You Don’t Need JavaScript For915
Essential Cryptography for JavaScript Developers914
books, cryptography
How to Build a File Upload Service With Vanilla JavaScript (log)913
how-tos, file-handling
HTML Comments Work in JavaScript Too912
html, comments
What Is Responsible JavaScript? (mal+/sma)911
podcasts
You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations910
asynchronicity
Comparing Node JavaScript to JavaScript in the Browser (css)909
nodejs, browsers, comparisons
JavaScript Obfuscation: The Definitive Guide (2022)908
guides, obfuscation
How to Create a Search Page for a Static Website With Vanilla JS (cfe)907
how-tos, functionality, search, html
The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder”906
fundamentals, career
Track Down the JavaScript Code Responsible for Polluting the Global Scope905
scope
The State of JavaScript 2021 [Results] (sac/dev)904
surveys, metrics
7 Killer One-Liners in JavaScript903
Moving From JavaScript to TypeScript902
typescript
Debugging JavaScript (fla)901
debugging
Move Over JavaScript: Back-End Languages Are Coming to the Front-End (kli/git)900
New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (ste)899
events
Creating Generative SVG Grids898
svg, grids
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)897
frameworks, react
The Impact of Motion Animation on Cognitive Disability (tpg)896
accessibility, css
Why Efficient Hydration in JavaScript Frameworks Is So Challenging (rya/thi)895
frameworks, hydration
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)894
performance, bundling, code-splitting, optimization
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)893
Preventing Smooth Scrolling With JavaScript (kil)892
scrolling
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)891
introductions, operators
The Double-Assignment Pattern in jQuery’s Source Code890
jquery
Context-Aware Web Components Are Easier Than You Think (css)889
web-components, html
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)888
strings
Frontend Challenges: Front-End Engineer Assignment887
react, typescript, training
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)886
objects
Two Ways to Clear an Array With Vanilla JavaScript (cfe)885
arrays
8 Techniques to Write Cleaner JavaScript Code884
Improving WordPress Performance: An Open Letter (erw)883
wordpress, performance, css
Add a Service Worker to Your Site (cfe/css)882
web-workers
Be Prepared for Failure and Handle It Gracefully (css)881
graceful-degradation
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (cfe)880
how-tos, css
CSS Houdini Paint API (5t3)879
css, houdini, apis
Deep-Copying in JavaScript Using “structuredClone” (sur/dev)878
Performance Implications of JavaScript Errors (per)877
performance, errors
Embrace the Platform (bra/css)876
html, css, web-platform
Intersection Observer (5t3)875
apis
JSON Modules in JavaScript874
json, modules
Best Practices for Node.js Development873
nodejs, best-practices
JavaScript (htt)872
web-almanac, studies, research, metrics
How to Trim Strings in JavaScript871
how-tos, strings
How JavaScript Engines Achieve Great Performance870
javascript-engines, performance
How to Make Blob Menu Using HTML, CSS, and JavaScript869
how-tos, html, css
Why IndexedDB Is Slow and What to Use Instead868
databases, indexeddb, performance
Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties867
dev-tools, css, browsers, google, chrome
How to Debounce and Throttle Callbacks in Vue866
how-tos, vuejs, callbacks, debouncing, throttling
Using Web Workers to Boost Third-Party Script Performance (log)865
web-workers, performance
Localizing Your Next.js App (ati/sma)864
nextjs, localization
Designing Error Messages and a Logging Strategy in Node.js (app)863
software-design, nodejs, logging, strategies
A Comprehensive Guide to Error Handling in Node.js (hon)862
guides, nodejs, errors
Accessible Toggles (mic)861
accessibility, toggles, html
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil860
html, css
Chrome DevTools: Visualise Your JavaScript Bundles859
dev-tools, bundling, browsers, google, chrome, lighthouse, visualization
11 Methods to Add CSS/JS Frontend Assets Into TYPO3 (t3p)858
typo3, css, examples
In-Page Filtered Search With Vanilla JavaScript (css)857
functionality, search
Building an Effective Image Component (dev)856
components, performance
Why Outdated jQuery Is Still the Dominant JavaScript Library (ric/the)855
libraries, jquery
Finding Common Patterns Across Frameworks854
frameworks
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)853
html, css, design-systems
Back to Basics: Understanding the “for…in” Loop in JavaScript852
fundamentals, loops
Dealing With Timezones in Web Development851
Stop Writing JavaScript Like This850
Building a Multi-Select Component (arg/dev)849
components, html, css
Introduction to Styled Components848
introductions, css, components
The Ultimate Guide to Getting Started With the Rollup.js JavaScript Bundler (cra)847
guides, introductions, rollup, bundling
Animation Techniques for Adding and Removing Items From a Stack (css)846
css, animations
Writing Clean JavaScript Tests With the BASIC Principles845
testing, principles
jsPerf—Online JavaScript Performance Benchmark844
websites, performance
Using JavaScript to Detect High Contrast and Dark Modes (sco)843
accessibility, colors, contrast, dark-mode
Sorting JavaScript Arrays by Nested Properties842
sorting, arrays
How I Built a Modern Website in 2021 (ken)841
html, css
Web Streams Everywhere (and Fetch for Node.js) (oll/css)840
nodejs, streaming, data-fetching
A JavaScript Developer’s Guide to Browser Cookies (psu)839
guides, cookies
Optimising a JavaScript Library With WebAssembly, a Failed Attempt838
libraries, webassembly
20 Killer JavaScript One-Liners837
Small Bundles, Fast Pages: What to Do With Too Much JavaScript (cal)836
performance, bundling
29 Projects to Help You Practice HTML CSS JavaScript 2021835
html, css
The Ultimate Guide to Web Console834
guides, console, debugging
Vanilla JS Is a Web Performance Decision (cfe)833
performance
Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (jim)832
Threats of Using Regular Expressions in JavaScript831
regex
Building a Split-Button Component (arg/dev)830
components, html, css
Web Scraping With JavaScript and Node.js829
nodejs, scraping
Writing High-Performance JavaScript (cfe)828
performance
7 Practices to Create Good JavaScript Variables827
variables
Essential Concepts in JS826
concepts
How to Use “Promise.any()”825
how-tos, promises
jsc: My New Best Friend824
tooling
4 Important Differences Between Regular and Arrow Functions823
functions, comparisons
Truthy and Falsy: When All Is Not Equal in JavaScript (cra)822
Using CSS Module Scripts to Import Stylesheets (dev)821
css, modules
What Is a Promise? JavaScript Promises for Beginners (fre)820
promises, asynchronicity
“return await promise” vs. “return promise” in JavaScript819
promises, comparisons
JavaScript Development: Making a Web Worker Optional818
web-workers
Uploading Multiple Files With Fetch817
file-handling, data-fetching
Refresher on JavaScript Callbacks and Promises (ato)816
callbacks, promises
How to Build Resilient JavaScript UIs (sma)815
how-tos, user-experience, resilience
How to Use “Promise.allSettled()”814
how-tos, promises
The (Most Comprehensive) JavaScript Design Principles Guide813
guides, software-design, principles
6 Useful Frontend Techniques That You May Not Know About812
html, css, techniques
An Introduction to Frameworkless Web Components (cra)811
introductions, web-components, dom
The Ultimate Cheat Sheet List for Web Developers810
html, css, cheat-sheets
What Is Tree Shaking? (cfe)809
performance, concepts, tree-shaking
The Ultimate Guide to Browser-Side Storage (cra)808
guides, browsers, browser-storage
Detecting Media Query Support in CSS and JavaScript (kil)807
css, media-queries, support
How to Convert Arrays to Human-Readable Lists in JavaScript (ami)806
how-tos, conversion, arrays
How Does Node.js Load Its Built-In/Native Modules?805
nodejs, modules
How to Use “Promise.all()”804
how-tos, promises
Basics of JavaScript Test Driven Development (TDD) With Jest803
fundamentals, testing, jest
“export default thing” Is Different to “export { thing as default }” (jaf)802
Encoding Data for POST Requests (jaf)801
security, encoding
The State of Web Workers in 2021 (sur/sma)800
web-workers
When a Click Is Not Just a Click (css)799
Resource Inlining in JavaScript Frameworks (mge/dev)798
frameworks, performance, web-vitals
Debugging JavaScript and Front-End797
videos, debugging
JavaScript Frameworks and the Lost Art of HTML (deq)796
html, frameworks
Demystifying Styled Components (jos)795
css, components
Sorting Colors in JavaScript794
sorting, colors
What’s New in ES2021793
ecmascript, standards
How to Use Dynamic Imports in JavaScript792
how-tos
When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (5t3/sma)791
css, accessibility
10 Utility Functions for Working With Objects in JavaScript790
functions, objects
JavaScript: Debouncing and Throttling789
debouncing, throttling
A Thorough Analysis of CSS-in-JS (css)788
css, css-in-js
Don’t Overabstract Your Components787
html, components
Approaches to Undo and Redo (mca)786
undo-redo, functionality
Create Scripts in JavaScript With zx785
zx, automation
Tree-Shaking: A Reference Guide (ati/sma)784
guides, performance, optimization, tree-shaking
Introduction to HTTP Cookies783
introductions, cookies
Checking “Under the Hood” of Code (jay)782
dev-tools, browsers, debugging, console, html, css, history
Content-Aware Image Resizing in JavaScript781
images, resizing
Variable Scope, Lexical Scope, and Code Blocks in JavaScript780
scope
Primitive Values, Objects, and References in JavaScript Made Simple779
objects
Human-Readable JavaScript: A Tale of Two Experts (ali)778
maintainability
What Are Source Maps in JavaScript?777
videos, source-maps
Now That’s What I Call Service Worker (mal/ali)776
apis, web-workers
Why Your Website Should Work Without JavaScript775
accessibility, support, graceful-degradation
What Is the JavaScript Internationalization API (I18N)? (cra)774
internationalization, apis
5 Different Ways to Declare Functions in jQuery (cra)773
jquery, functions
A Comprehensive Guide to JavaScript Design Patterns772
guides, software-design-patterns
Beyond “console.log()”—Level Up Your Debugging Skills (cod)771
console, debugging
JavaScript: What Is the Meaning of “this”? (jaf/dev)770
Garbage Collection in JavaScript769
garbage-collection
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)768
modals, html
An Introduction to the Rollup.js JavaScript Bundler (cra)767
introductions, bundling, tooling, rollup
JavaScript Obfuscation: What, Why, and How?766
obfuscation
2020 JavaScript Rising Stars765
frameworks, nodejs, react, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
A Practical Introduction to Dependency Injection (sma)764
introductions, maintainability
HTML and CSS Techniques to Reduce Your JavaScript (per)763
html, css, performance
JavaScript (tka/htt)762
web-almanac, studies, research, metrics
How to Create a Favicon That Changes Automatically (css)761
how-tos, favicons, data-urls
“npm ruin dev” (ada/css)760
html, css, nodejs, npm
Minimal Takes on Faking Container Queries (chr/css)759
container-queries, web-components, css
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)758
html, css
“console.log({ myVariable });” (chr/css)757
console
Warp: Improved JS Performance in Firefox 83 (jan/moz)756
firefox, mozilla, browsers, performance, spidermonkey, javascript-engines
[JavaScript] Operator Lookup (jos)755
operators
Compile Svelte in Your Head754
svelte, compiling
The Good Web and the Bad Web (kzi)753
web, mastodon
Advanced GraphQL Usage in Gatsby Websites (sma)752
gatsby, graphql
Basic Math in JavaScript—Numbers and Operators (mdn)751
math, operators
Animating React Components With GreenSock (sma)750
react, gsap, components, animations
Modifying Specific Letters With CSS and JavaScript (css)749
css
Working With JavaScript Media Queries (css)748
media-queries
Run JavaScript When Variable Exists (sea)747
variables
Loading Third-Party JavaScript (add/dev)746
performance
“this” in JavaScript and TypeScript (dea)745
typescript
JS Minification Benchmarks744
minification, metrics
Better Error Handling in Node.js With Error Classes (sma)743
nodejs, errors
Accessibility on the Canvas With JavaScript742
accessibility, canvas
Introduction to Memoization in JavaScript (hic)741
introductions, memoization
How to Use Styled Components in React (sma)740
how-tos, react, css-in-js, css
JavaScript to Know for React (ken)739
react
JavaScript Event Delegation: A Beginner’s Guide738
guides, events
Most Popular JavaScript Frameworks in 2020737
frameworks, react, angular, vuejs, nodejs, svelte, comparisons
A Brief Introduction to WebGL736
introductions, webgl
Learn Deno: A Secure JavaScript and TypeScript Runtime735
deno, runtimes, typescript
Namespaces in JavaScript (fla)734
namespaces
What Is Type Coercion in JavaScript ?733
operators, concepts
90’s Cursor Effects732
cursors, effects
App Shell UX With Service Workers and Streams (jef/dev)731
web-apps, single-page-apps, architecture, web-workers, streaming
An Overview of Scroll Technologies (zac/css)730
overviews, scrolling, animations, css, tooling
Easing Animations in Canvas (css)729
canvas, animations
A Little Bit of Plain JavaScript Can Do a Lot (b0r)728
css
JavasSript RORO Pattern727
software-design-patterns
How to Get All Custom Properties on a Page in JavaScript (tyl/css)726
how-tos, css, custom-properties
30 Seconds of Code725
websites, css, techniques
Today’s JavaScript, From an Outsider’s Perspective (lea)724
Static Hoisting (rau)723
The Third Age of JavaScript (swy)722
retrospectives, outlooks
What Every JavaScript Developer Should Know About Unicode721
unicode
Still Using Node.js? Deno 1.0 Is Here! (ant)720
nodejs, deno, runtimes, typescript
In Defense of the Modern Web (ric)719
react, svelte
Styling Components in React (sma)718
react, components, css, sass, css-in-js
Maybe You Don’t Need That SPA717
single-page-apps, react, marko, performance
Manipulating Arrays and Objects in JavaScript716
videos, arrays, objects
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)715
alpinejs, frameworks, jquery, vuejs, tailwind, comparisons
Implementing Dark Mode in React Apps Using styled-components (sma)714
dark-mode, react, components
The Cost of JavaScript Frameworks (tka)713
frameworks, performance, metrics, jquery, vuejs, angular, react
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)712
zooming, apis
How to Create a Particle Trail Animation in JavaScript (sma)711
how-tos, animations
Learn Programming (jad)710
websites, courses, programming
Rename a File With JavaScript in the Browser (rik)709
file-handling
How to Create a Native Web Component Without a Framework708
how-tos, web-components
On the Responsibility That Comes With Good JavaScript Support (j9t)707
support
Performance Tips: Minifying HTML, CSS, and JS706
videos, performance, html, css, minification, tips-and-tricks
The Economics of JavaScript Web Apps705
web-apps, economics
Console Commands Guide (css)704
guides, debugging, console, dev-tools, browsers
How We Learned to Draw Text on HTML5 Canvas703
html, canvas, apis, svg
What Is Node and When Should I Use It?702
nodejs, npm
What Is Memoization?701
memoization, concepts
Why JavaScript Is Eating HTML (css)700
html, css, maintainability
Understanding Map and Set in JavaScript699
How to Automatically Update Your JavaScript Dependencies (spa/clo)698
how-tos, dependencies, automation, processes, security
Understanding Immutability in JavaScript (css)697
The History of JavaScript: A Journey From Netscape to Frameworks and Libraries696
history, frameworks, libraries, netscape
Padding Strings and Numbers With JavaScript695
strings
2019 JavaScript Rising Stars (sac)694
frameworks, nodejs, react, vuejs, angular, testing, compiling, building, tooling, mobile, css-in-js, graphql, retrospectives
Understanding Async Await (sar/css)693
asynchronicity, promises
Interactivity and Animation With Variable Fonts (man/24w)692
variable-fonts, fonts, animations, css
JavaScript Loops Made Easy (cod)691
videos, loops
How to Remove an Array Element by Index in JavaScript690
how-tos, arrays
How TypeScript Makes You a Better JavaScript Developer689
typescript
JavaScript Isn’t Always Available and It’s Not the User’s Fault (ada)688
support, feature-detection, progressive-enhancement
Writing Asynchronous Tasks in Modern JavaScript (jer/sma)687
Creating Custom JavaScript Syntax With Babel686
babel
A Re-Introduction to Destructuring Assignment (sma)685
introductions, arrays
It’s Not Wrong that “'🤦🏼‍♂️'.length == 7” (hsi)684
unicode
Migrating From JavaScript to TypeScript in a Real World React Project (hcr)683
migrating, typescript
“Must Work Without JavaScript” (j9t)682
support
Should a Website Work Without JavaScript? (chr/css)681
support
Working With Attributes on DOM Elements (css)680
dom, attributes, custom-data, html
Faster Image Loading With Embedded Image Previews (sma)679
images, performance, lazy-loading, techniques
The Differing Perspectives on CSS-in-JS (chr/css)678
css-in-js, css, comparisons
What the Heck Are CJS, AMD, UMD, and ESM in JavaScript?677
modules, commonjs, esm
Browsers Are Pretty Good at Loading Pages, It Turns Out676
rendering, performance, browsers
Frontend Design, React, and a Bridge Over the Great Divide (bra)675
html, css, react, career
Finally… a Post on Finally in Promises (sar/css)674
promises, asynchronicity
Improve Your JavaScript Knowledge by Reading Source Code (sma)673
learning
Types or Tests: Why Not Both? (swy/css)672
types, testing, type-safety
Responsible JavaScript (mal/ali)671
tree-shaking, code-splitting, embed-code, transpiling, performance, tooling
The Thinking Behind Simplifying Event Handlers (not/css)670
events, examples
Getting to Know the MutationObserver API (lou/sma)669
apis, dom
In Defense of the Ternary Statement (bur/css)668
operators, conditionals
What’s Next for Web Development? (jch)667
wordpress, php
Clever JavaScript Does Not Mean Simple or Readable (cfe)666
simplicity
Yet Another JavaScript Framework (jay/css)665
frameworks, mootools, history
JS vs. Java—Dynamic Typing664
java, comparisons
An Introduction to Web Components (css)663
introductions, web-components, shadow-dom, html
A Quick Intro to Higher-Order Functions in JavaScript662
introductions, functions
How to Avoid DOM Blocking in JavaScript (cra)661
how-tos, dom, performance
Using IntersectionObserver to Check if Page Scrolled Past Certain Point (chr/css)660
scrolling, apis
Get Started With Node: An Introduction to APIs, HTTP, and ES6+ JavaScript (sma)659
introductions, nodejs, apis, http
An Introduction to Web Bluetooth (htm/sma)658
introductions, apis
Guide to Web Authentication657
websites, authentication, webauthn, security
The Great Divide (chr/css)656
html, css, career
2018 JavaScript Rising Stars (sac)655
frameworks, nodejs, react, vuejs, angular, mobile, compiling, building, testing, tooling, code-editors, css-in-js, graphql, retrospectives
Different Result From “Array.sort()”?654
arrays, chrome, google, safari, apple, browsers
Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra)653
frameworks, libraries, tooling, link-lists
An Extensive Guide to Progressive Web Applications (sma)652
guides, progressive-web-apps, web-apps, web-workers
Avoiding the Pitfalls of Automatically Inlined Code (sma)651
css, php, wordpress
JavaScript Is for Web Apps, Not for Websites650
web-apps
Reduce JavaScript Payloads With Code Splitting (mal/dev)649
performance, code-splitting
Focus Trapping for Accessibility (A11Y)648
accessibility, focus, keyboard-navigation
Demystifying JavaScript Testing (ken/css)647
testing
Extending Built-In Elements646
web-components, shadow-dom, dom
CSS-in-JS: FTW || WTF? (bru)645
videos, css-in-js, css
Component-Based JavaScript Architecture (sea)644
components, architecture
Taming “this” in JavaScript With [the] Bind Operator (sma)643
operators
A Minimal JavaScript Setup (css)642
conventions, naming, scope, performance, maintainability, examples
Updating a CSS Variable With JavaScript (chr/css)641
css, custom-properties
The “Developer Experience” Bait-and-Switch (sli)640
developer-experience
Chrome’s Noscript Intervention (tka)639
chrome, google, browsers, performance, mobile
Removing jQuery From GitHub.com Frontend (git)638
github, jquery, processes, refactoring, case-studies
Links List for Print Styles (aar)637
print, css
Three Input Element Properties That I Discovered While Reading MDN (ste)636
forms, css
A Tour of JavaScript Timers on the Web (nol)635
The Web in 2045 (bre)634
web, outlooks
New Syntax for JS “Function Stuff” (tab)633
functions, operators
The Cost of JavaScript in 2018 (add)632
performance, code-splitting, lazy-loading, performance-budgets, bundling
ES6 Didn’t Introduce Default Parameters (Attention to Detail)631
ecmascript, functions
7 Performance Tips for Jank-Free JavaScript Animations630
performance, animations, tips-and-tricks
Debugging JavaScript Projects With VS Code and Chrome Debugger629
debugging, vs-code, microsoft, code-editors, chrome, google, browsers, dev-tools
A Beginner’s Guide to Babel628
guides, babel, transpiling
Using ES Modules in the Browser Today627
esm
JavaScript Algorithms and Data Structures626
algorithms, data-structures, overviews, link-lists
What the Heck Does “Script Error” Mean?625
errors
Turn Sublime Text 3 Into a JavaScript IDE (css)624
sublime-text, code-editors, plugins
CSS-in-JS (bri)623
css-in-js, css, components
10 Essential Sublime Text Plugins for JavaScript Developers622
sublime-text, code-editors, plugins, link-lists
Setting Up an ES6 Project Using Babel and Webpack621
babel, webpack
JavaScript Design Patterns: The Singleton620
software-design-patterns
Introduction to the Fetch API619
introductions, data-fetching, apis
Understanding ES6 Modules (cra)618
modules, commonjs, esm
Approaches to Deprecating Code in JavaScript (css)617
maintenance, deprecation
Moving From Flash to HTML, CSS, and JavaScript (sma)616
flash, html, css, refactoring
Using Sass to Control Scope With BEM Naming (bel/css)615
scope, css, sass, bem, naming
Using Default Parameters in ES6 (lou/css)614
ecmascript, functions
Removing Accelerated Mobile Pages (AMP) (the)613
amp, google, css
Debugging JavaScript With a Real Debugger You Did Not Know You Already Have (dus/sma)612
debugging
Building Secure JavaScript Applications611
security, xss, csrf, json-web-tokens, passwords
How to Optimize CSS and JS for Faster Sites610
how-tos, css, performance, minification, optimization
“Stop Using CSS Selectors for Non-CSS” (chr/css)609
css, html, jquery, selectors
Unit Test Your JavaScript Using Mocha and Chai608
testing, tooling
An Introduction to Functional JavaScript607
introductions, programming
How JavaScript Rest Parameters Actually Work606
functions
“await” vs. “return” vs. “return await” (jaf)605
asynchronicity
An Introduction to Speculative Optimization in V8604
introductions, v8, javascript-engines, optimization, speculation
Animating Layouts With the FLIP Technique (dav/css)603
animations, techniques, libraries
How to Disable Links (ger/css)602
how-tos, links
All You Need to Know About CSS-in-JS (tre)601
css, css-in-js
The Front-End Checklist (the)600
websites, checklists, html, css, images, accessibility, performance, seo
Writing Smarter Animation Code (css)599
animations, gsap
JavaScript Functions That Define and Rewrite Themselves598
functions
We Tested 3 WordPress Minify Plugins: Our Results (mac/the)597
wordpress, plugins, tooling, minification, html, css
Be Slightly Careful With Sub Elements of Clickable Things (chr/css)596
buttons, events, css
Using the Paint Timing API (mal/css)595
apis, time, performance, painting, rendering
Best Practices for Combining JavaScript With HTML594
html, best-practices
Using ES2017 Async Functions (css)593
ecmascript, asynchronicity, functions
JavaScript Design Patterns: The Observer Pattern592
software-design-patterns
(Now More Than Ever) You Might Not Need jQuery (oll/css)591
jquery, ajax, performance, comparisons, examples
TC39, ECMAScript, and the Future of JavaScript590
ecmascript, outlooks
Break Out of Frames (per)589
frames
What Is the Future of Front End Web Development? (chr/css)588
outlooks, user-experience, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
The Issue With Preprocessing CSS Custom Properties (chr/css)587
css, custom-properties, preprocessors
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js586
frameworks, angularjs, vuejs, meteor, nextjs, comparisons
What’s a Transducer? (rag)585
programming, functions, concepts
Debugging Tips and Tricks (sar/css)584
debugging, css, tooling, dev-tools, browsers, link-lists, tips-and-tricks
JavaScript Operators, Conditionals, and Functions583
operators, conditionals, functions
Making Animations Wait (css)582
css, animations, events
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)581
fundamentals, dom
Writing JavaScript With Accessibility in Mind (mat)580
accessibility, focus, buttons, semantics, aria
Measuring Image Widths in JavaScript (Carefully) (chr/css)579
images
How to Develop an Interactive Command Line Application Using Node.js (sma)578
how-tos, nodejs, command-line
Need to Do Dependency-Free AJAX? (chr/css)577
ajax, jquery, promises
What Is the Best Book for Learning JavaScript?576
books
When Your Code Has to Work: Complying With Legal Mandates (aar/sma)575
cookies, consent-management, legal
An Animated Intro to RxJS (dav/css)574
introductions, libraries
HTML APIs: What They Are and How to Design a Good One (lea/sma)573
how-tos, html, apis
20+ Docs and Guides for Front-End Developers (lou)572
html, css, link-lists
The JavaScript Standard571
ecmascript, history, standards
2016 JavaScript Rising Stars (sac)570
frameworks, nodejs, react, mobile, compiling, building, testing, tooling, code-editors, retrospectives
Know It All569
websites, css, html, dom, svg, cssom, nodejs
Solving npm Scripts Problems in JavaScript Projects (hcr)568
npm, yarn
Let’s Use “const”! Here’s Why567
ecmascript, variables
Front-End Tools: My Favorite Finds of 2016 (lou)566
html, css, tooling, link-lists
JavaScript: 2016 in Review (cra)565
retrospectives
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds564
performance, optimization, minification, compression, caching
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)563
progressive-enhancement, principles, economics
Are You Writing ES6 JavaScript Yet?562
ecmascript
Is JavaScript Always the Best Solution?561
Loop Through a Collection of DOM Elements (paw)560
dom
JavaScript for Web Designers: DOM Scripting (wil/ali)559
dom
How to Develop a Chat Bot With Node.js (sma)558
how-tos, nodejs, functionality
The Glory Days of the Web (bka)557
web-platform, html, css, frameworks, libraries, history
How It Feels to Learn JavaScript in 2016 (hac)556
learning
Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript555
css, tips-and-tricks
Building Social: A Case Study on Progressive Enhancement (sma)554
progressive-enhancement, case-studies
Quick Tip: How to Declare Variables in JavaScript553
how-tos, tips-and-tricks, variables
Transpiling ES6 (css)552
ecmascript, transpiling, babel
How to Use ES6 Arguments and Parameters (sma)551
how-tos, ecmascript, examples
Regular Expressions in JavaScript (sen)550
regex
Quick Tip: Single Character Transforms With CSS and JS549
effects, css, tips-and-tricks
Building a Robust Frontend Using Progressive Enhancement548
html, css, single-page-apps, testing, progressive-enhancement
CSS Modules and React (fon/css)547
css, modules, react
Brief History of JavaScript Modules546
modules, commonjs, esm, webpack, rollup, tooling, history
Accessibility and Performance (mar)545
accessibility, performance, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)544
web-apps, progressive-web-apps, web-workers, performance
The Web Isn’t Uniform (fox)543
web, user-experience
Finally, CSS in JS! Meet CSSX (sma)542
css
The Node.js System (ama)541
nodejs, v8, javascript-engines
Let’s Learn ES2015 (css)540
ecmascript, variables, functions, operators, examples
Using Map and Reduce in Functional JavaScript539
Nunjucks: A JavaScript Template Engine538
template-engines, nunjucks
You Got Your CSS in My JavaScript (jus)537
css, principles
Critical Metric: Critical Resources536
performance, metrics, css
The Controversial State of JavaScript Tooling535
tooling, community, modules, tree-shaking
Understanding Transducers in JavaScript (rom)534
functions
JavaScript Code Conventions (ama)533
conventions, formatting, naming
The Problem With Progressive Enhancement532
progressive-enhancement, performance, resilience
JavaScript, HTML5, and the Web Made Big Comebacks in 2015 (dan)531
html, web, retrospectives
Generating SVG With React (sma)530
svg, react
JavaScript: 2015 in Review (cra)529
retrospectives
Reimagining Single-Page Applications With Progressive Enhancement (hey/sma)528
single-page-apps, progressive-enhancement, html, css
An in-Depth Look at CORS527
security, cors, php
On Keeping Breakpoints DRY (edu/css)526
css, media-queries, responsive-design
Getting Started With Service Workers525
introductions, web-workers
JavaScript Frameworks and Mobile Performance524
frameworks, performance, mobile
An Overview of JavaScript Templating Engines523
overviews, template-engines, mustache, handlebars, jquery
Making a Simple Site Work Offline With ServiceWorker (css)522
offline, web-workers, functionality, support, browsers
Modern Progressive Enhancement (jaf/btc)521
videos, progressive-enhancement
ECMAScript 6 (ES6): What’s New in the Next Version of JavaScript (web/sma)520
ecmascript
Caching a MongoDB Database With Redis519
databases, mongodb, caching
How to Make Charts With SVG (fon/css)518
how-tos, visualization, svg, images, html
ESLint: The Next-Generation JavaScript Linter (nza/sma)517
linting, eslint
ES6 Promises in Depth516
ecmascript, promises, callbacks, asynchronicity, events
ES6 Modules in Depth515
ecmascript, modules
Understanding JavaScript Constructors (css)514
scope
ES6 Math Additions in Depth513
ecmascript, math
Preloading Images in Parallel With Promises (kit)512
promises, images, preloading, performance
10 Common Mistakes Web Developers Make511
mistakes, html, css, career, performance
Polyfills or Ponyfills?510
polyfills, ecmascript, terminology
Localizing Times in JavaScript (chr/css)509
localization, libraries
Real-Time Search in JavaScript (osv)508
search, functionality
The ES6 Conundrum (cod)507
ecmascript, feature-detection, transpiling, link-lists
The Tedium of Managing Code (lyz/ali)506
maintenance, maintainability, dependencies, tooling
Backbone.js Basics: Bringing an App to Life With Events505
fundamentals, frameworks, backbone, events
Performance Tools (fon/css)504
performance, tooling, content-delivery, testing, dev-tools, images, css, optimization, link-lists
The Mitt Romney Web Font Problem (zac)503
fonts, flash-of-x, user-experience, css
Using AJAX Forms in Drupal 8502
drupal, forms, ajax
HTML5 Canvas: What Is It?501
html, canvas
Everyone Has JavaScript, Right? (sil)500
support
Using EMCAScript 6 Today499
ecmascript
Web Scraping With Node.js (sma)498
scraping, nodejs
The Poor, Misunderstood “innerText”497
dom
Let Links Be Links (ali)496
links, html, frameworks
Pluralization for JavaScript (ali)495
localization
Easy URL Parsing With Isomorphic JavaScript (cra)494
urls
FLIP Your Animations (aer)493
animations, techniques
Writing AngularJS Apps Using ES6492
angularjs, ecmascript
AngularJS Internals in Depth (sma)491
angularjs
Web Platform and JavaScript (ann)490
web-platform
Why AJAX Isn’t Enough (sma)489
ajax
Animation and UX Resources (vlh)488
css, animations, link-lists
What the Heck Is the Event Loop Anyway? (jsc)487
videos, event-loop, events
JS Parse and Execution Time (tka)486
parsing, metrics, performance
“getElementsByTagName” (W3C DOM Core Method)485
dom
The Conventional Front-End484
conventions, tooling
Faster YouTube Embeds With JavaScript483
embed-code, youtube, performance
Responsive Web Design, CSS Specificity, and SVG Knowledge482
responsive-design, sublime-text, css, svg
JavaScript Event Madness! Capturing All Events Without Interference (css)481
events
Introduction to the Resource Timing API480
introductions, performance, time, apis
Web 2024—a Response to Robin Berjon’s Post (mar)479
web, outlooks, web-components, w3c, web-workers, interoperability, servo
Server-Side Device Detection With JavaScript (sma)478
mobile
Web Technologies Hanging Out Together (chr/css)477
html, css, php
CSS-Driven Internationalization in JavaScript (sma)476
css, html, internationalization, localization
“async” Attribute and Scripts at the Bottom (chr/css)475
html, asynchronicity
Understanding Web Pages Better (hpe+)474
google, search
No More JS Frameworks (jcg)473
frameworks