正在加载视频...

视频加载失败

返回首页

JS sourcemaps are so cool sourcemaps are "mappings" of generated code (JS that runs on your browser) to the original source

aidenybai's profile picture

Aiden Bai

70,354 subscribers

179,365 次观看 • 1 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO
0:15

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

52,889 次观看 • 3 年前

Claude opus 5.5 made this launch video in JS gave the original tweet and prompted it to code it no external music , sound ,image assets everything is code
0:20

Claude opus 5.5 made this launch video in JS gave the original tweet and prompted it to code it no external music , sound ,image assets everything is code

Chetaslua

26,587 次观看 • 1 个月前

Want to reverse the source of a JS app? Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇
0:11

Want to reverse the source of a JS app? Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇

Herrington Darkholme

11,629 次观看 • 5 个月前

Modulo is dropping this month -Fully on-chain collection -Real-time Interactive app -Burn-to-mint animated composition -Up to 8 users per composition -HTML/JS renderer on Ethereum — paste any tokenURI in a browser, it runs -0.0069 ETH More info Drop your wallet bellow
0:19

Modulo is dropping this month -Fully on-chain collection -Real-time Interactive app -Burn-to-mint animated composition -Up to 8 users per composition -HTML/JS renderer on Ethereum — paste any tokenURI in a browser, it runs -0.0069 ETH More info Drop your wallet bellow

ubk

35,725 次观看 • 5 个月前

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.
0:15

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.

Peter Thomson

27,048 次观看 • 9 个月前

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO
0:18

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,842 次观看 • 1 年前

A generative character project on Ethereum Built with P5.js and fully open source on GitHub Early birds catch the alpha 👇🏼 Welcome to BlockHeadz
0:14

A generative character project on Ethereum Built with P5.js and fully open source on GitHub Early birds catch the alpha 👇🏼 Welcome to BlockHeadz

BLOCKHEADZ

14,246 次观看 • 4 个月前

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders
0:13

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders

Ksenia Kondrashova

35,396 次观看 • 2 年前

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO
0:18

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

99,629 次观看 • 3 年前

New JS package: huggingface/lerobot 🤖 Read LeRobot datasets on the Hub straight from the browser. No download. Point your coding agent at it and build custom viewers fast. Example 3D camera-frustum replay streams 1.1 MB of a 793 MB dataset:
0:12

New JS package: huggingface/lerobot 🤖 Read LeRobot datasets on the Hub straight from the browser. No download. Point your coding agent at it and build custom viewers fast. Example 3D camera-frustum replay streams 1.1 MB of a 793 MB dataset:

LeRobot

10,832 次观看 • 28 天前

Good Morning 🌼 "Atomic Bitcoin Butt Flowers" ...are not static JPEGs, they are complex p5.js applications that respond in real-time to Bitcoin's network activity. Find out more and how to get your WL spot here: Enjoy ur Sunday 🧡🫵🏼
0:13

Good Morning 🌼 "Atomic Bitcoin Butt Flowers" ...are not static JPEGs, they are complex p5.js applications that respond in real-time to Bitcoin's network activity. Find out more and how to get your WL spot here: Enjoy ur Sunday 🧡🫵🏼

Fab44

11,153 次观看 • 1 年前

Handling CSS :hover off the main thread! This is a work in progress but I love this so much, I just have to share it! 🤓 Ladybird on the left, Chrome on the right. The demo runs JS for 250ms repeatedly, to simulate a busy page.
0:17

Handling CSS :hover off the main thread! This is a work in progress but I love this so much, I just have to share it! 🤓 Ladybird on the left, Chrome on the right. The demo runs JS for 250ms repeatedly, to simulate a busy page.

Andreas Kling

12,883 次观看 • 15 天前

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!
0:19

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!

José Valim

33,357 次观看 • 9 个月前

WIP: decided to emulate the original iphone in the browser (also works on mobile which is pretty cool) try it out here:
0:18

WIP: decided to emulate the original iphone in the browser (also works on mobile which is pretty cool) try it out here:

Kelindi

684,420 次观看 • 10 天前

added video support to the cmyk halftone emulator! — it's free & open-source, runs in your browser — tons of controls — can record the result into webm or just save the image
0:18

added video support to the cmyk halftone emulator! — it's free & open-source, runs in your browser — tons of controls — can record the result into webm or just save the image

daniel petho

59,752 次观看 • 10 个月前

You may have noticed that search on the Visual Studio Code website has gotten a lot quicker lately. In our latest blogpost, João Moreno breaks down the engineering process behind docfind, a search engine we built that runs entirely in your browser using WebAssembly:
0:16

You may have noticed that search on the Visual Studio Code website has gotten a lot quicker lately. In our latest blogpost, João Moreno breaks down the engineering process behind docfind, a search engine we built that runs entirely in your browser using WebAssembly:

Visual Studio Code

73,580 次观看 • 9 个月前

We are the best FPS on PumpFun. Every kill pays. Every death costs. Pure skill. Real SOL. AND it runs on the browser.
0:12

We are the best FPS on PumpFun. Every kill pays. Every death costs. Pure skill. Real SOL. AND it runs on the browser.

Trenches

75,756 次观看 • 1 个月前

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!
0:15

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!

Orion Reed

133,757 次观看 • 2 年前