Development
References
- CSS Attribute Selectors
- CSS Borders [w3s]
- border-style [MDN Docs] — all ways to style a border, not only colors
Frameworks
Amazing
Development
-
++ + + + + + + + +++ + + + + + + + + + + +Octt 3rd January 2024 at 12:58am+ + + ++ + + + + + + + + ++
Wikipedia
+Embed of https://en.m.wikipedia.org/wiki/Front-end web development
+ + + +- FreeFrontend
- React-Grid-Layout and associated repositories (..., react-draggable, react-resizable)
Octt 23rd December 2023 at 10:41pm+@@ -18223,6 +18280,14 @@Octt 3rd January 2024 at 12:56am@@ -13488,7 +13544,8 @@+Development
-
-
- Ecma International TC39 - Committee maintaining JS specifications
- aem1k — JavaScript Hacks and Creative Coding Created by Martin Kleppe aka @aemkei. — [Git]
Resources
- The Modern JavaScript Tutorial (javascript.info) — How it's done now. From the basics to advanced topics with simple, but detailed explanations.
- JavaScriptTutorial.net — helps you learn JavaScript programming from scratch quickly and effectively
- JSFuck is an esoteric and educational programming style based on the atomic parts of JavaScript. It uses only six different characters to write and execute code. — [Git+Guide]
- Which equals operator (== vs ===) should be used in JavaScript comparisons? ("Good and bad twins") —
==
is bad unless explicitly needed, since it does type-coercion. - Environment detection: node.js or browser
- Superpacking JS Demos
- "Illegal invocation" errors in JavaScript — The error is thrown when calling a function whose
this
keyword isn't referring to the object where it originally did (when the context of the function is lost) - Does JavaScript have a method like "range()" to generate a range within the supplied bounds? —
[...Array(5).keys()]
- Listen for triple clicks in JavaScript
- Fastest method to escape HTML tags as HTML entities? — in the browser,
(html) => { var escape = document.createElement('textarea'); escape.textContent = html; return escape.innerHTML; }
- Get a random item from a JavaScript array —
item = items[Math.floor(Math.random() * items.length)];
- Simplest code for array intersection in javascript —
arrayNew = array1.filter(value => array2.includes(value));
- Why is 'for (... in ...)' with arrays considered bad practice in JavaScript? — use
for (... of ...)
instead - How to get text from all descendents of an element (disregarding scripts)?
- Converting HTML string into DOM elements? —
doc = new DOMParser().parseFromString(htmlString, 'text/html')
- set doctype using javascript
- JavaScript Regex Replace Tutorial
- Send POST data using XMLHttpRequest
- fetch API [and comparison with XMLHttpRequest]
- Array.prototype.splice(), JavaScript Array splice() (W3S) — changes the contents of an array by removing or replacing existing elements and/or adding new elements in place
- Array.prototype.concat() [MDN Docs] — used to merge two or more arrays, does not change the existing arrays but instead returns a new one
- XMLHttpRequest
- HTML DOM Events
- tixy.land — (t,i,x,y) => "creative code golfing" — [Git]
Tools
- jsPerf - online JavaScript performance benchmark - [Git]
- MeasureThat.net - measure performance of JavaScript code - [Git]
- UglifyJS - JavaScript parser / mangler / compressor / beautifier - [Git]
- UglifyJS 3: Online JavaScript minifier — JavaScript minifier in the browser — [Git]
- de4js — JavaScript Deobfuscator and Unpacker — [Git]
- aaencode demo — Encode any JavaScript program to Japanese style emoticons (^_^)
- jjencode demo — encode JS using limited symbols
- Ecma International TC39 - Committee maintaining JS specifications
- aem1k — JavaScript Hacks and Creative Coding Created by Martin Kleppe aka @aemkei. — [Git]
Resources
- The Modern JavaScript Tutorial (javascript.info) — How it's done now. From the basics to advanced topics with simple, but detailed explanations.
- JavaScriptTutorial.net — helps you learn JavaScript programming from scratch quickly and effectively
- JSFuck is an esoteric and educational programming style based on the atomic parts of JavaScript. It uses only six different characters to write and execute code. — [Git+Guide]
- Which equals operator (== vs ===) should be used in JavaScript comparisons? ("Good and bad twins") —
==
is bad unless explicitly needed, since it does type-coercion. - Environment detection: node.js or browser
- Superpacking JS Demos
- "Illegal invocation" errors in JavaScript — The error is thrown when calling a function whose
this
keyword isn't referring to the object where it originally did (when the context of the function is lost) - Does JavaScript have a method like "range()" to generate a range within the supplied bounds? —
[...Array(5).keys()]
- Listen for triple clicks in JavaScript
- Fastest method to escape HTML tags as HTML entities? — in the browser,
(html) => { var escape = document.createElement('textarea'); escape.textContent = html; return escape.innerHTML; }
- Get a random item from a JavaScript array —
item = items[Math.floor(Math.random() * items.length)];
- Simplest code for array intersection in javascript —
arrayNew = array1.filter(value => array2.includes(value));
- Why is 'for (... in ...)' with arrays considered bad practice in JavaScript? — use
for (... of ...)
instead - How to get text from all descendents of an element (disregarding scripts)?
- Converting HTML string into DOM elements? —
doc = new DOMParser().parseFromString(htmlString, 'text/html')
- set doctype using javascript
- JavaScript Regex Replace Tutorial
- Insert an element after another DOM element with JavaScript —
target.parentNode.insertBefore(elem, target.nextSibling) +
- Send POST data using XMLHttpRequest
- fetch API [and comparison with XMLHttpRequest]
- How do I upload a file with the JS fetch API? — pass the
file
object to the body, do NOT set Content-Type header - How to Use Fetch with async/await
- Array.prototype.splice(), JavaScript Array splice() (W3S) — changes the contents of an array by removing or replacing existing elements and/or adding new elements in place
- Array.prototype.concat() [MDN Docs] — used to merge two or more arrays, does not change the existing arrays but instead returns a new one
- XMLHttpRequest
- HTML DOM Events
- tixy.land — (t,i,x,y) => "creative code golfing" — [Git]
Tools
- jsPerf - online JavaScript performance benchmark - [Git]
- MeasureThat.net - measure performance of JavaScript code - [Git]
- UglifyJS - JavaScript parser / mangler / compressor / beautifier - [Git]
- UglifyJS 3: Online JavaScript minifier — JavaScript minifier in the browser — [Git]
- de4js — JavaScript Deobfuscator and Unpacker — [Git]
- aaencode demo — Encode any JavaScript program to Japanese style emoticons (^_^)
- jjencode demo — encode JS using limited symbols
Development