pica VS blockly

Then pica to resize it and a simple function I wrote to crop it:

Take a look at pica (Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technologies: webworkers, webassembly, createImageBitmap, pure JS.)

You can use the pica library for browser resizing - https://www.npmjs.com/package/pica - it's a really great tool. It can also reduce upload size for large images. And some library like this for merging images - https://www.npmjs.com/package/merge-images.

Pica : resize image in browser with high quality and high speed.

I want to use this in my TamperMonkey script: https://github.com/nodeca/pica

this sounds promising, though I've never used it before https://github.com/nodeca/pica

Sample text here... Syntax highlighting js var foo = function (bar) { return bar++; }; console.log(foo(5)); ## Tables | Option | Description | | ------ | ----------- | | data | path to data files to supply the data that will be passed into templates. | | engine | engine to be used for processing templates. Handlebars is the default. | | ext | extension to be used for dest files. | Right aligned columns | Option | Description | | ------:| -----------:| | data | path to data files to supply the data that will be passed into templates. | | engine | engine to be used for processing templates. Handlebars is the default. | | ext | extension to be used for dest files. | ## Links link text link with title Autoconverted link https://github.com/nodeca/pica (enable linkify to see) ## Images Like links, Images also have a footnote style syntax ![Alt text][id] With a reference later in the document defining the URL location: [id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat" ## Plugins The killer feature of markdown-it is very effective support of syntax plugins. ### Emojies > Classic markup: 😉 :crush: 😢 :tear: 😆 😋 > > Shortcuts (emoticons): :-) :-( 8-) ;) see how to change output with twemoji. ### Subscript / Superscript - 19^th^ - H~2~O ### ++Inserted text++ ### ==Marked text== ### Footnotes Footnote 1 link[^first]. Footnote 2 link[^second]. Inline footnote^[Text of inline footnote] definition. Duplicated footnote reference[^second]. [^first]: Footnote can have markup and multiple paragraphs. [^second]: Footnote text. ### Definition lists Term 1 : Definition 1 with lazy continuation. Term 2 with inline markup : Definition 2 { some code, part of Definition 2 } Third paragraph of definition 2. Compact style: Term 1 ~ Definition 1 Term 2 ~ Definition 2a ~ Definition 2b ### Abbreviations This is HTML abbreviation example. It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on. [HTML]: Hyper Text Markup Language ### Custom containers ::: warning *here be dragons :::

this is a sort of similar one https://github.com/nodeca/pica (i found it hard to use with create-react-app tho had to skip over its use of webworkers, tho that would be cool to use, code to use pica here https://github.com/cmdcolin/aws\_serverless\_photo\_gallery/blob/master/frontend/src/App.tsx#L20-L25)

link with title

If your kid is already doing Scratch, Blockly is a really easy next step.

https://developers.google.com/blockly

Critically, Blockly can emit JavaScript and Python, plus it supports plugins for extended functionality. So the kid can stay inside the blockly universe for as long as they like, but easily peer under the hood and get into Python or JavaScript as soon as they like.

Perhaps blockly

https://developers.google.com/blockly

Unless it would contradict canon, every stage is very bright, highly interactive, full of pre-placed items, and so huge that you can usually run from your NPC opponents and enjoy exploring the stage in peace while they catch up to you. All buildings have Linux computers with actual internet access that allow you to program and print out your own projectiles/books/flags/UNO reverse cards/shinigami eyes/soupcans/cis TERF tears/masks/custom-made programs which can then be inserted into a different computer, but all without tracking any of your browser history; closets that you can enter; bookshelves containing the books mentioned in Masterpieces that you can either read in-game or throw to make random sentences/verses/comics from the book appear; and bathrooms with working mirrors that you can enter but their exact content and whether they're gendered or not depends on the stage.

Google made bockly It works with 5 languages. I think #C PHP and JavaScript. I know JavaScript for sure . But not sure about the others. blockly

And as a corollary, Blockly: https://developers.google.com/blockly

https://developers.google.com/blockly/ Blocky with Javascript

https://developers.google.com/blockly (Block programming, very good with helping learn the logic)

Another block environment Blockly does compile to Javascript, and you can add your own block sets and use it in your existing webapp as a sort of workflow programming tool