NotesInstead of a boring scrollbar thought it would be fun to have an animated stick figure that walks up and down the side of your page when you scroll. Unfurl
Notes"Bookmarklets" are an underutilized and frankly little-known feature in Chrome and Firefox (and probably most other browsers too) that allows you to create a bookmark that contains a little bit of JavaScript instead of a link to a web page.Unfurl
NotesWhat if you could add PostScript code just into your HTML code and forget about all the JavasScript? What if you could configure it just with the properties of the tag, having your PostScript graphics at the size as you want and at the format you want? Like an canvas tag, but without JavaScript. Like an SVG tag, but programmable. Unfurl
NotesI like writing Javascript without a build system and for the millionth time yesterday I ran into a problem where I needed to figure out how to import a Javascript library in my code without using a build system, and it took FOREVER to figure out how to import it because the libraryâs setup instructions assume that youâre using a build system.FeedUnfurl
NotesGenerators are an odd part of the JavaScript language. And some people find them a bit of a puzzle. You might be a successful developer for decades and never feel the need to reach for them. Which raises the question, if you can go so long without ever needing them, what are they good for?FeedUnfurl
Notes Default parameter values have been in JavaScript for a while. But I just found out you can use sibling parameters as the default values themselves. FeedUnfurl
NotesIf you are creating libraries in JavaScript where aborting or cancelling operations makes sense, I highly encourage you to look no further than the AbortController API. It's incredible! And if you are building applications, you can utilize the abort controller to a great effect when you need to cancel requests, remove event listeners, abort streams, or teach any logic to be abortable.Unfurl
NotesHighlight:Its proponents can be weird, it takes itself far too seriously, and its documentation is interminable. These are some ways that some people have described Christianity. This video is about React.js.
A video from Webbed BriefsUnfurl
NotesThe solution is wasmati, a TypeScript library to write Wasm at the instruction level. The wasmati API looks exactly like Webassembly text format (WAT).Unfurl
NotesLit supports server-side rendering through the Lit SSR package. Lit SSR renders Lit components and templates to static HTML markup in non-browser JavaScript environments like Node. It works without fully emulating the browser's DOM, and takes advantage of Lit's declarative template format to enable fast performance, achieve low time-to-first-byte, and support streaming.FeedUnfurl
NotesIn this article, we will implement a toy 2d physics engine that supports basic forces, collisions and constraints (joints) for circle-shaped objects.FeedEmbedUnfurl
NotesTurns out, many JavaScript testing frameworks donât yet support native ES modules out of the box, and I was struggling to find an easy solution that didnât require transpiling my code back to ES5.Unfurl
NotesTangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.Unfurl
NotesI participated in this year's js13kGames, a JavaScript game development competition with a file size limit of 13kb, including code, assets and everything else. My entry was Underrun, a twin stick shooter using WebGL.FeedUnfurl
Notes const Storage = Sup => class extends Sup {
save(database) { ¡¡¡ }
};
const Validation = Sup => class extends Sup {
validate(schema) { ¡¡¡ }
};
You can use them to compose a class Employee as follows.
class Person { ¡¡¡ }
class Employee extends Storage(Validation(Person)) { ¡¡¡ }FeedUnfurl
NotesWhat weâre trying and do is to turn animations on their head (flip, see? Gosh darnit, Iâm so funneh) and, instead of animating âstraight aheadâ and potentially doing expensive calculations on every single frame we precalculate the animation dynamically and let it play out cheaply.FeedUnfurl
NotesSqueakJS executes Squeak in a web page without a plugin. It is a fully capable virtual machine implemented in pure JavaScript running unmodified Squeak images. Squeak is a modern implementation of Smalltalk, the original dynamic object-oriented programming environment. It runs bit-identically on virtually any platform, and now in the web browser, too.
Unfurl
NotesI suggested we should start uing npm instead. npm's scripts directive can do everything that these build tools can, more succinctly, more elegantly, with less package dependencies and less maintainence overhead.Unfurl
Notes I believe that web developers need a better workflow that automates tree shaking, dead code elimination, minification, and more. Stop caring how big a library is, and instead let a tool or build step produce the smallest output possible for you, ideally by tree shaking the application.FeedUnfurl
NotesHere at Crush & Lovely, this post is a core reference for all Rails developers on how to separate concerns, write modular, concise and expressive code, and make testing exceedingly simple.Unfurl
NotesThe idea of the extension was kind of simple and also kind of magical: a browser extension that allowed users to highlight, copy, and paste text from any image as if it were plain text. Of course the implementation is a bit difficult and actually relies on the advent of a number of newfangled technologies.Unfurl
NotesA few months ago we released client libraries for PHP, Ruby, Python, and Perl and today we add another to the family, JavaScript! This new client runs in Node.js and modern browsers, and aims to solve the same problems that the others doUnfurl
NotesI think requestAnimationFrame is a great addition to Javascript, but these two points need some emphasizing:
Use requestAnimationFrame for animations / screen updates
Do not use it for anything else (especially game logic!)Unfurl
NotesIf youâre a web developer and youâre looking at playing with hardware, donât shy away from the electronics. There are no magic bits of hardware that will give you full control of the physical world in a box â though there are plenty of attempts at this. Develop your knowledge the same way you do with the web â by reading, tinkering, playing with code and breaking stuff. Go join a hackerspace, get some learning materials, visit electronics shops, pull things apart and learn how they work.Unfurl
NotesKineticJS is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more. Try it out!Unfurl
NotesIn less than 200 lines of vanilla JavaScript you will have a flexible particle system with multiple emitters and fields that repel and attract thousands of particles.Unfurl
NotesWeb Workers are now broadly available in most browsers even on mobile (caniuse.com stats for Web Workers) and give you the power of concurrency from within JavaScript. It will allow you to move expensive computations to other threads, to permit best responsive programming, and ideally open the doors in the future to true parallelization in JavaScript. Letâs have a look at the reasons why you may be interested into leveraging Web Workers.FeedEmbedUnfurl
NotesAfter consulting with several companies on performance related issues, it became clear that one of the biggest performance issues facing websites today is the sheer amount of JavaScript needed to ...EmbedUnfurl
Bookmarklets (and Custom URL Schemes) Are Criminally Underrated | silly business
Belle Nuit Montage - A web component called tiny-ps
Why would anyone need JavaScript generator functions?
I didn't know you could use sibling parameters as default values in functions. | Alex MacArthur
Don't Sleep on AbortController - kettanaito.com
What Is React.js?
wasmati: You should write your WebAssembly in TypeScript - ZKSECURITY
Server-side rendering (SSR) â Lit
Creating a 2D physics engine from scratch in Javascript â AILEF
Tangle: a JavaScript library for reactive documents
Back to Basics: Running Promises in Serial with Array.reduce()
Underrun â Making Of - PhobosLab
Six nifty ES6 tricks
AppHub
Aerotwist - FLIP Your Animations
ES6 Promises in Depth
ES6 Modules, AMD and CommonJS â Medium
Dexie.js - Minimalistic IndexedDB Wrapper
Seth Ladd's Blog: Minification is not enough, you need tree shaking
<x-gif>
Unheap - A tidy repository of jQuery plugins
OCRAD.js: Pure Javascript OCR via Emscripten â Blog
Announcing Elasticsearch.js For Node.js And The Browser | Blog | Elasticsearch
BackboneORM
Should JavaScript devs build real things? | Technology Treason
Enough with the JavaScript already!
