9,565 entries: 46 from X, 8,923 from Pinboard, saved 1998 to 2026.
Showing 1–50 of 150#javascript ×
forgecad.io
Write geometry as code. Every model on this page is a real .forge.js file you can open, edit, and 3D-print.
kashw1n.com
Status: DRAFT
nother -- a wiki software that is written using javascript / typescript, and to be deployed on cloudflare using sst.
The idea came to me after learning about otterwiki; only do this purely using cloudflare infrastructure -- workers, r2 storage, and d1 db engine, all of which are provided by cloudflare.
I registered nother.wiki domain 😬
some good ideas to consider/steal:
React is a legacy javascript framework created at Meta/FB. If Not React, Then What?.
A lightweight intro to various concepts in React like the different kinds of hooks, components, reconciliation etc. Every React Concept Explained in 12 Minutes
"Build modern full-stack applications on AWS". SST example
See also: Nitric Cloud-Native Framework | Get Infrastructure from Code -- "The cloud aware application framework"
Nitric is a multi-language framework for rapidly building cloud applications that uses infrastructure automation to reduce boilerplate, prevent drift and enable applications to run on any cloud provider – such as AWS, Google Cloud or Microsoft Azure. Nitric streamlines cloud development from local dev iteration through to testing and deployment.
Pretty much all major languages compile[^1] to Javascript .. so this is no longer an exclusive category. This page is an attempt to capture slightly offbeat/interesting languages that do. You may also be intereste din wasm, javascript.
--
Wasp "Rails-like framework for React, Node.js and Prisma. Build your app in a day and deploy it with a single CLI command."
The special syntax of Wasp reminds me of ballerina programming language. See cover letter gpt for code examples.
[^1]: I'll never say "transpile"
Write complete web applications in Python without writing javascript. There are a large class of problems for which this is an excellent solution, without having to dip into the javascript tarpit.
The advantage of something like this over using templates is that you can think of "widgets" vs "templates".
Some frameworks are:
Reflex (formerly known as pynecone). Uses FastAPI + React.
NiceGUI. Uses FastAPI + Vue.js + Quasar, tailwind.
Pydantic/FastUI. Uses React. still early in development.
Gradio -- "Build & Share Delightful Machine Learning Apps"
unifiedjs.com
Content as structured data
We compile content to syntax trees and syntax trees to content.
We also provide hundreds of packages to work on the trees in between.
You can build on the unified collective to make all kinds of interesting things.
github.com
recommended as a companion to Eloquent Javascript
boajs.dev
An ECMAScript engine written in Rust
eloquentjavascript.net
version 4 of the book. A narrative way of learning the language over just learning syntax. Might be useful in understanding how javascript differs.
Observable: Build expressive charts and dashboards with code -- Read the announcement of 2.0 -- Observable 2.0 | Observable. Mike Bostock of the NYT, d3 fame is the founder of observable.
Static sites for data apps?! a recording of the talk given by Robert Kosara of Observable.
See also evidence
Boop by OKatBest is a javascript scriptable macOS application that is handy for manipulating plain text. The core idea being -- use boop instead of pasting ( potentially ) sensitive data in random websites -- eg: prettify json, convert text to base64 etc.,
My boop repo is here: btbytes/BoopScripts
bun is a JavaScript runtime.
Run run a .js or a .ts script:
//hello.ts
import markdown from "markdown";
function foo () {
return markdown.parse('**hello** world');
}
console.log(foo())
First install the deps: $bun install markdown. (Which also installs a binary md2html to where exactly I don't know.)
Run the script:
$ bun hello.ts
<p><strong>hello</strong> world</p>
how I now publish my static Astro blog to Cloudflare Pages using Bun.
Home page -- </> htmx - high power tools for html
[@10.1145/3648188.3675127]; PDF
A set of videos explaining what HTMX is, and how ASP.NET Core developers can use it to create rich client-side experiences.. 17 videos and posts!
From the creator of Ahastack = Astro.js + HTML + Alpine.js
Every feature I add to a new webapp I'm building with Astro + Alpine + htmx + Tailwind + Pocketbase just brings me joy in how simple this stuff can really be. It's delightful. via
Plainweb is a framework using HTMX, SQLite and TypeScript.
HTMX for ASP.NET Core Developers - JetBrains Guide
Franken/UI -- HTML-first, framework-agnostic implementation of shadcn/ui - franken/ui.
Typescript was created at Microsoft.
TypeScript Deep Dive by basarat is a good tutorial for TS. It helped me understand various terminology like what what package.json, tsconfig.json are. commonjs modules, exports; setting up projects for various target - node.js vs browsers etc.
Typescript Book by Simone Poggiali.
Val Town -- If GitHub Gists could run And AWS Lambda was fun. Val Town is a social website to write and deploy TypeScript. Build APIs and schedule functions from your browser.
Deno — A modern runtime for JavaScript and TypeScript. Learn it -- Deno by Example
How Deno works especially the bits about Extensions, web workers, and building your own runtime.
Ultra is an all ESM React/Deno framework that is built for Suspense Server Side Rendering. Write ESM, ship ESM, simplify your life.ESM stands for ES modules.
ebook theme for publishing online books like 37signals' ONCE — Writebookhyperscript.org
saaspegasus.com
The Modern JavaScript Tutorial ⬅️ is a nice and easy tutorial (read it in Dec 2020).
30 seconds of code "Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less." (with an FP flavour)
--
~/.js based on their filename.It is similar to JavaScript frameworks such as React and Vue, which share a goal of making it easy to build slick interactive user interfaces. But there's a crucial difference: Svelte converts your app into ideal JavaScript at build time, rather than interpreting your application code at run time. This means you don't pay the performance cost of the framework's abstractions, and you don't incur a penalty when your app first loads. You can build your entire app with Svelte, or you can add it incrementally to an existing codebase. You can also ship components as standalone packages that work anywhere, without the overhead of a dependency on a conventional framework.
The Bandolier: A Learn JavaScript the Hard Way Project by Zed Shaw. A fresh approach, and since it was built to teach JS programming, it should be easy to grok.
See also: webpack
caiorss.github.io
jrsinclair.com
Check out this haskeller with their underhanded tricks teaching Javascript devs how to make code pure
rabbitear.org
🎉 SO EXCITED please welcome the first creative coding origami library for the web
✨ ✨
kyleamathews.github.io
blog.sessionstack.com
eragonj.github.io
github.com
convert .net code to typescript/javascript etc.
mbostock.github.com
D3.js is a small, free JavaScript library for manipulating documents based on data.
^2
Found this very interesting looking visualistion library via this article -- d3 for mere mortals.
brunchwithcoffee.com
bonsaiden.github.com
aresemicolonsnecessaryinjavascript.com
thomasdavis.github.com
code.google.com
PhantomJS is a minimalistic, headless, WebKit-based, JavaScript-driven tool.
mirven.github.com
luarocks install underscore.lua --from=http://marcusirven.s3.amazonaws.com/rocks/
Inspired by underscore.js
smuglispweeny.blogspot.com
github.com
joapp.com
developer.mozilla.org
smoothiecharts.org
code.ovidiu.ch
raphaeljs.com
These are icons I drew for my personal needs. They are all in vector and drawn on this page with Raphaël (don’t forget to zoom the page). I was thinking that they could be useful for other people and, although the design quality of icons is average, I am releasing them here under MIT licence.
vis.stanford.edu