- May 2024
-
-
Cumulative Layout Shift (CLS)
-
-
frontendmasters.com frontendmasters.com
-
your code only works in CodePens and JSFiddles because those execute the JavaScript after the DOM is parsed.
execute javascriptr after dom is parsed
-
app/site-specific “components”
like - page skeletons, - layouts, - idiosyncratic UI, and - wrappers/customizations around 3rd-party components.
At least, they make sense if you - care deeply about your markup structure, - SEO, A11y,
Web Vitals like - LCP and - CLS, - JS payload size, and - progressive enhancement.
-
-
-
Light-DOM-Only Web Components are Sweet
-
-
exploringjs.com exploringjs.com
-
an operator is a core language construct and has implicit access to more data, including the URL of the current module.
import operator
-
-
astro.build astro.buildAstro1
-
-
mastodon.mauve.moe mastodon.mauve.moe
-
https://etke.cc
-
-
subconscious.substack.com subconscious.substack.com
-
Subconscious raises a seed
-
-
-
We help you host your own Matrix chat server. -
-
-
www.w3schools.com www.w3schools.com
-
HTML DOM Element setAttribute()
element.setAttribute("class", "democlass");
-
-
www.holochain.org www.holochain.org
-
DeepKey Integration to Holochain
Sounds familiar
-
-
community.memex.garden community.memex.garden
-
Private Server (host it yourself) and default mode is “capture”, not just bookmarks
-
-
www.youtube.com www.youtube.com
-
-
Jáki Szaniszló 1994
-
-
sdtimes.com sdtimes.com
-
GNU celebrates 40 years
-
the idea that users should be in control of their own computing
restore the dignity of humans using computer
no longer being the loosers
but wowning the means of computations they use
-
GNU celebrates 40 years
-
-
www.xanadu.com.au www.xanadu.com.au
-
TRANSPUBLISHING: A SIMPLE CONCEPT
-
-
www.pika.dev www.pika.dev
-
every JavaScript module can now be indexed and cached in a way that is universally accessible.
ESM indexed
-
What is Pika?
A project to make the web 90% faster. from
-
What is Pika? A project to make the web 90% faster.
-
-
aralroca.com aralroca.com
-
pika.dev
-
You can visit pika.dev to look for modules to use in Deno.
-
-
-
Peersky Browser
-
A minimal p2p web browser.
Peersky Browser
-
-
ipfs.indy0.net ipfs.indy0.net
-
issue - Interesting does not look right on mobile
-
-
ipfs.indy0.net ipfs.indy0.net
-
dev.setup
links to external website needs to be right clicked and open in new window
-
-
ipfs.indy0.net ipfs.indy0.net
-
🎬👨💻 start-dev=indy.memplex.net
This document was created with the current stable version of Indy.Lab in a view to bootstrap it next gen holonic design and construction
feel free to annotate
signup with hypothes.is if u haven't done before
Read it from the bottom up that would give you chronological order
WIP
-
the WAY that U DO IT
Open/Indy Learning Commons
is the way
This is the simplest possible way to get an
Interest-Based InterPersonal Open/Indy Learning Commons
off the ground anchored in Social Annotation
making Reading not only active and social
but conversational
Autnonomous Adaptive, Autopoietic and Continuous without being Synchronous
-
TODO
-
-
stackoverflow.com stackoverflow.com
-
Perhaps something like this? It's probably not very cross-browser however, but it works in Chrome.
good
-
How to download the current document's innerHTML as a file?
-
-
github.com github.com
-
AgregoreMobile.apk
-
-
github.com github.com
-
Mobile version of the Agregore browser for Android, based on Chromium and Bromite
-
-
github.com github.com
-
Mobile version of the Agregore browser for Android, based on Chromium and Bromite
cloned
-
-
help.raindrop.io help.raindrop.io
-
Upload using the plus button
-
-
-
github.com github.com
-
IPIP: Data Onboarding via HTTP POST (and future ipfs:// POST|PUT)
x
-
I was asked to write my use case for a writable gateway in here. I like the idea of applications like IPFessay that allow you to publish a Markdown document directly in the browser.
writable gateway
-
-
www.youtube.com www.youtube.com
-
-
This Will Give You Goosebumps - Alan Watts on Death
-
-
conifer.rhizome.org conifer.rhizome.org
-
memex.garden memex.garden
-
PricingPowerups that suit your needs
-
-
-
raindrop.io raindrop.io
-
-
-
Official Raindrop.io Desktop App
-
-
community.memex.garden community.memex.garden
-
Raindrop extremely attractive and popular is that it stores a copy of all saved websites.
raindrop
-
-
help.raindrop.io help.raindrop.io
-
-
www.youtube.com www.youtube.com
-
Principle #8: The Lost Principle of CARE
Mark Passio breaks down the Hermetically sealed, Natural Law Generative Principle of Care. https://via.hypothes.is/https://www.youtube.com/watch?v=VvIdopW-rjw
-
Principle #8: The Lost Principle of CARE
Principle #8: The Lost Principle of CARE
Mark Passio breaks down the Hermetically sealed, Natural Law Generative Principle of Care. https://via.hypothes.is/https://www.youtube.com/watch?v=VvIdopW-rjw
https://hypothes.is/a/bfj17BZuEe-3nO9SDzyJMw
-
Principle #8: The Lost Principle of CARE
Mark Passio breaks down the Hermetically sealed, Natural Law Generative Principle of Care. https://hypothes.is/a/bfj17BZuEe-3nO9SDzyJMw
-
Principle #8: The Lost Principle of CARE
-
-
codesandbox.io codesandbox.io
-
Fly.io Team:
-
a development environment for every PR
dev env for PRs
-
don't have to wait for development servers to spin up
no spin up time
-
Conclusion
can clone running VMs quickly
-
files inside xfs get fragmented quickly,
fragmentation
-
Turning a Dockerfile into a rootfs for the MicroVM (quickly)
dockerfile rootfs
-
The unwritten
The unwritten details
-
A Tailscale VPN
-
a Linear integration
What if you could open a development environment directly from a @linear ticket? 👀
It's now possible on CodeSandbox! You go to the ticket, click the button, and we create the branch with the right name so you can get started immediately!
Webhook built & runs CodeSandbox 😃
-
can consistently resume and clone VMs within 2 seconds.
consistent clione and resume
-
The total timings
-
But…
But… can it clone Minecraft?
-
makes a fork, and only changes a single file
need to saved only the changed file
-
copies are lazy
only copy data when we need to mutate it
-
Whenever it reads from block 3 after this, it will read from its own block 3.
reads from its own block 2
-
using copy-on-write (CoW)
Copy-on-write,
like the name implies,
will only copy data
when we start writing to it.
Our previous mmap example also uses
copy-on-write if MAP_SHARED is not passed.
-
Getting
Getting the clone time down to milliseconds
-
When we actually want to save the snapshot
we'll only have to sync back a little amount!
-
The kernel does this lazily
The kernel does this lazily:
whenever it has a bit of time on its hands,
it will flush the changes back to the file.
-
a “mapping” of a given file to memory
as in Emacs of old!
-
need to find a way where we don't have to write so many bytes to disk.
save on bytes to write on disk
-
Saving
Saving snapshots faster
-
cut down on serialisation time.
yes
-
start a server with an internal in-memory counte
-
The darker art
The darker art of cloning memory snapshots
-
when switching branches, because it's a fresh environment
switching branch fresh environment
-
There's a catch
There's a catch to it as well.
Saving a memory snapshot actually takes a while, which I'll cover in this post.
-
hibernate a VM, we pause it and save its memory to disk
pause and save memory
-
if the VM has 4GB memory, this file will be 4GB
4GB
-
not only pause your code, it pauses the full machine, full-stop down to the kernel.
pause the machine
-
also resumes
spawns and resumes VMx
-
The dark art
The dark art of memory snapshotting
-
Firecracker
Firecracker to the rescue
-
The challenge
The challenge: spinning up a development environment in two seconds
-
memory snapshotting.
yah
-
et a running MicroVM within 300 milliseconds
micro VM in 300 milliseconds
-
If you wanted to run a big project that requires Docker, it wouldn't work
required docker would not work
-
How we clone a running VM in 2 seconds
-
-
How we clone a running VM in 2 seconds
How we clone a running VM in 2 seconds
-
How we clone a running VM in 2 seconds
x
-
-
fly.io fly.io
-
-
discuss.ipfs.tech discuss.ipfs.tech
-
How to retrieve content uploaded via Helia using the IPFS gateway?
helia ipfs
-
-
stackoverflow.com stackoverflow.com
-
Render HTML to an image
x
-
-
news.ycombinator.com news.ycombinator.com
-
We need more of these build-it-once peer to peer serverless webpages.
build-it-once
- P2P
- Bring Your Own Browser BYOB Native
- No Server, Everyone is capable of serving
- anti database
- grow together for evergreen
-
I2P which, unlike Tor, supports UDP.
-
Chitchatter uses https://github.com/dmotz/trystero for peer connectivity,
chitchatter trystero connectivity
-
don't care if some messages are dropped (as chatters can figure it out using human brains)
chatters human minds
-
And if you trust github/Microsoft to not play games on what is delivered to you (say, because someone backed by the patriot act asked them to).
patriot act
-
Also the Chitchatter client is web-based, so you can just share a room link without anyone having to install anything to participate.
nothing to install to participate
-
nl on Sept 6, 2022 | root | parent | next [–] https://github.com/dmotz/trystero#how-it-works
trystero how it works
-
For anyone who is interested to learn more about Chitchatter, please check out the project README: https://github.com/jeremyckahn/chitchatter#readme
chitchatter HN
-
-
en.wikipedia.org en.wikipedia.org
-
The Invisible Internet Project (I2P) is an anonymous network layer (implemented as a mix network) that allows for censorship-resistant, peer-to-peer communication.
from: HN chitchatter trystero
what a shame it is so invisible. Roamed around in P2P research space on and off before encountering. Obviouslyu lack of diligence but still
We need I3P InterPlaterary InterPersonal Invisible Project
-
-
-
Web logger based on indexedDB and WebWorker
weblogger
-
-
theuncloud.co theuncloud.co
-
UnCloud docs
p2p chat system
-
-
github.com github.com
-
for: IndyWeb
-
is still limited by a key feature of the web: Creating and Hosting servers.
hosting servers
-
local-first-cyberspace
local-first
-
WebXR flips this on it's head.
WwbXR flips it on it's head
-
A roadmap for realizing a local-first and offline-first cyberspace
l1cs
Tags
Annotators
URL
-
-
www.w3.org www.w3.org
-
WebXR Device API
-
-
blog.mauve.moe blog.mauve.moe
-
Local First Cyberspace Components
follow up
-
-
github.com github.com
-
Error when opening newly created post on ipns sutty site
ipns agregore cache
-
-
github.com github.com
-
Compare writable IPFS gateway with js-ipfs-fetch
ipns cached
-
-
github.com github.com
-
A High-Fidelity Web Archiving Extension for Chrome and Chromium based browsers!
-
-
github.com github.com
-
Hypercore Protocol A fast, scalable, and secure peer-to-peer protocol for everyone
-
-
-
Server-sent events for Go
interesting
-
-
ipfs.indy0.net ipfs.indy0.net
-
I created this temporary group chat in order to provide a place that we can post a message among the four of us as needed.
Looks like it does work
-
IndyWeb 🦅 (alpha team)
could create a private annotation group But I do not see the point
Actually all this is to empower the Open Learning Commons and the Indy Learning Commons
-
-
www.youtube.com www.youtube.com
-
remember feeling like a genius when I implemented my first abstraction Factory Singleton proxy decorator in JavaScript
You have been fooled at industrial scale
Javascript's greatest gift to Mankind
as Douglas Crockford the author of "Javascript the Good Parts" said:
Class-free Objects
Now that is just too empowering an idea
let's turn Javascript into Java
and perpetuate all the gratuitous complications that Java is infested with
simply because the underlying concepts are deeply limiting
-
I wish I would have written less code
code is not assets
but a liability
-
10 regrets of experienced programmers
I recently asked "You are on your deathbed, what do you regret the most about programming?". Let's break down the biggest mistakes shared by most software engineers.
-
recently I volunteered my time at a hospice center for dying programmers also known as X and I asked the question
x
-
-
developer.mozilla.org developer.mozilla.org
-
Element: querySelectorAll() method
document.querySelectorAll('meta[property="og:image"]')[0].content
do.how - open graph image
-
-
www.thebeatles.com www.thebeatles.com
-
- There's nothing you can do that can't be done.
- Nothing you can sing that can't be sung.
-
Nothing you can say but you can learn how to play the game.
-
Nothing you can make that can't be made.
- No one you can save that can't be saved.
-
Nothing you can do, but you can learn how to be you in time.
-
There's nothing you can know that isn't known. ❌‽
- Nothing you can see that isn't shown. ❌‽
- Nowhere you can be that isn't where you're meant to be. It's easy
-
Nothing you can do, but you can learn how to be you in time.
learn how to be you thorugh time
-
-
en.wikipedia.org en.wikipedia.org
-
Isomorphic JavaScript
x
-
-
www.youtube.com www.youtube.com
-
talking about ipfs fetch specifically i want to look at how i've combined some of the usual webby interfaces we're used to with some of these cool peer-to-peer interface
.meta.doHow - development on the margins - continue with the practice of articulating on the margin - start to develop on the margins, the software needed to creat & morph annotations
.meta.do.how :- create a card for page
fn.getTitle
``` document.querySelector("title").innerHTML
```
.fn.getOgImage ``` document.querySelectorAll('meta[property="og:image"]')[0].content < 'https://i.ytimg.com/vi/ARkArPQFmXc/maxresdefault.jpg'
```
.real.soon - intent to be able to process annotations
-
.card - titlle: 'IPFS Fetch - Mauve - YouTube' - stub - to:
'https://via.hypothes.is/' + location.href
https://via.hypothes.is/' + location.href -
.do.meta - create card
``` document.querySelector('title').innerHTML 'IPFS Fetch - Mauve - YouTube'
document.querySelectorAll('meta[property="og:image"]')[0].content
'https://i.ytimg.com/vi/ARkArPQFmXc/maxresdefault.jpg'
```
-
.card - title:'IPFS Fetch - Mauve - YouTube' .- src: 'IPFS Fetch - Mauve - YouTube' - stub: - talking about ipfs fetch: - how i've combined some of the usual webby interfaces we're used to with some of these cool peer-to-peer interface
-
IPFS Fetch - Mauve
do.how - create card
get title - document.querySelector('title').innerHTML
get image - document.querySelectorAll('meta[property="og:image"]')[0].content
-
-
www.browserstack.com www.browserstack.com
-
represented
named and amenable to the put to be interpreted in specific context/environment dependent way
-
.card: - title: How to access local host on a mobile device? - stub: BrowserStack have made it easier to test and access local development environments on mobile devices.
-
BrowserStack have made it easier to test and access local development environments on mobile devices
title
-
Test your Local Website on Real Devices Access your local website on real mobile devices. Test its look and feel before launching
-
-
www.digitalocean.com www.digitalocean.com
-
How To Host A Web Server On Android
-
-
archiveweb.page archiveweb.page
-
How To Create Web Archives with ArchiveWeb.page
-
-
www.youtube.com www.youtube.com
-
as you all know Licklider is heading up up ARPA the government funding agency
just listen to the next couple of minutes where he says API is a baaad ide
-
-
github.com github.com
-
About A basic fediverse blocklist for Mastodon admins to block the most well known sources of hate speech, harassment, etc.
-
-
distributed.press distributed.press
-
GardenFence to automatically block servers that have shown to be sources of hateful rhetoric, harassment, and spam.)
block some
-
Approve replies as comments
replies
-
Post to the Fediverse
Post to the Fediverse
part of POSSE
-
incorporate ActivityPub
activity pub
-
Social Inbox for the Decentralized Web
social inbox for DWEB
-
check out the auto-generated swagger interface.
-
“DWeb-ify” your site, you just need a Distributed.Press instance
instance => server?
-
make publishing fair, democratic, and dignified for all.
dignified for all
-
Distributed Press is an open source publishing tool for the World Wide Web and DWeb. It automates publishing and hosting content to the WWW that it seeds to Hypercore and IPFS.
embeded with social interactions
-
amplify free expression worldwide
amplify
-
-
api.distributed.press api.distributed.press
-
Distributed Press API
-
-
en.wikipedia.org en.wikipedia.org
-
A Space-based architecture (SBA) is an approach to distributed computing systems where the various components interact with each other by exchanging tuples or entries via one or more shared spaces.
Exchanging messages
Transition form Actor Model to Human Actor Models
from-"No to SQL? Anti-database movem…" (natishalom.typepad.com)
-
-
natishalom.typepad.com natishalom.typepad.com
-
Space Based Architecture (SBA). The Actor model that was introduced with new functional languages like Scala and Erlang is built into the SBA model, with the difference that in SBA, actors can share state and pass events by references, and thus avoid the overhead of copying the data with every transaction.
Space Based Architector (SBA)
-
“No to SQL? Anti-database movement gains steam”
No SQL Anti-(SQL)-databases
15 years later No Databse per se Anti-Database The Network became the computer
time for the Network to become the Datanse
-
No to SQL? Anti-database movement gains steam – My Take
-
-
www.thebernician.net www.thebernician.net
-
The Bernician In Voluntary Association I Trust
-
-
github.com github.com
-
A preconfigured instance which allows developers to "test drive" OrbitDB.
test drive OrbitDB
-
-
-
How to do most anything with your Helia node
-
-
docs.ipfs.tech docs.ipfs.tech
-
install IPFS
-
IPFS Helia
Helia
-
command-line version of IPFS
no GUI
-
Get Started
IPFS
-
-
www.goodreads.com www.goodreads.com
-
“I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.”
-
-
www.youtube.com www.youtube.com
-
computers are virtualizes that's what Universal turning machine means
most ideas don't scale well
forget about wires you
don't need no stinking wires what we need to do is to understand how to organize systems as virtual entities and
we can render some of them and hardware and we'll render some of them in software but in fact everything winds up
being something like a single communications line with an arbitrary number of entities on everyone can talk
to everyone else and all of a sudden you've thrown away all the things that Bell Telephone had and every
piece of the way most offer was done and replaced it with a simple messaging system
-
it was called the Internet and they could not use any technique that Bell Telephone 80 used because didn't scale just completely out of the scope
did not scale
-
you have to go back to a different conception of what the materials are
how to build structures that scake very well
what we can do with out special knowledge we wind up with an Egyptian
pyramid it's the only big thing you can build without knowing how to build which is just a big garbage dump and plastered
over with limestone so it looks good but if you think about it camp it has no room inside so in order to get the
superdome you have to do that other thing you have to go back to a different conception of what the materials are was
you're actually tensile structures and then you can build enormous domed structures that scale very very well
-
pulling other people into a blue world
invention is easy with the right kind of funding
what.is - difficult - pulling other people into a blue world
difficult < is - pulling other people into a blue world
the blue plain < is - also a Gulley
-
the blue plane is also a gully
-
sanity is relative to the things we believe are true
sanitty < is
-
-
docdrop.org docdrop.org
-
mimetic signatures
Memetic signature
Salience landscape
Symmathetic signature
-
those that are on the Forefront of evolutionary change are largely operating in silos with little in the way of shared infrastructure
Flip that
-
unconscious economy
They are heavily interconnected
-
delivered is via profoundly and progressively disempowering architecture
Apps
-
returning to that uh sanity
Indigenious worldviee
-
our systems for Collective sense making meaning making and choice making are themselves breaking down
- Collective sense meaning making & choice
breaking down
-
Wow Person Centric Architecture and the MAP Memetic Activation Platform MAP
https://via.hypothes.is/https://www.youtube.com/watch?v=sfB7zCwOpo8
via.hypothes.is now loads youtube videos with transcripts with the docdrop.org annotator preloaded
looks like hypothes.is is automatically brings up transcript for annotations!
No need to have the browser extension installed can signup to hypothesis and make reading active and social and annotate!
-
fostering co-creation of a world that works for all
Memetic Activation Platform MAP
https://via.hypothes.is/https://www.youtube.com/watch?v=sfB7zCwOpo8
via.hypothes.is now loads youtube videos with transcripts with the docdrop.org annotator preloaded
-
-
developer.mozilla.org developer.mozilla.org
-
Represents elements with an attribute name of attr whose value is exactly value.
document.querySelectorAll('meta[property="og:image"]')[0]
document.querySelectorAll('meta[property="og:image"]')[0].content 'https://i.ytimg.com/vi/sfB7zCwOpo8/hqdefault.jpg'
-
-
blog.mauve.moe blog.mauve.moe
-
Privacy
yes
-
make it as hard as possible to switch to a different provider.
hard to switch
-
leaving all control of it to them.
leave control to them
-
companies like Tumblr can purge content from their servers and leave people without a platform.
Tumbl purge content no platform
-
they get to be the ones that decide how and what you can share
they decide what u can share
-
Publishing content on the web is already easy
publishing is easy
-
The link you get back is used to find devices in the P2P network that have a copy of your data so that you can start downloading from them.
link find the 1 who has a copy
-
all I need to publish content is to run a command
publish by running a command
-
With P2P tech, you're able to scale your content up just by way of the protoco
P2P tech
scale up by protocol
-
pay for additional third parties in front of their content.
pay additional third parties
-
need to be just as easy, if not easier, to set up as an existing CDN
easier cheaper than CDN
-
sharing the load amongst everyone that's accessed it.
sharing load amongst those accessing it
-
Content Distribution Costs
- high cost infrastructure costs for companies
- downtime for personal blogs
-
n order to convince people to adopt something, you need it to be 10 times better than what they have already
convince 10x better
-
looking for existing places to shove it into rather than solving an actual problem
- existing spaces
- rather than
- solving a problem
-
A Killer App For P2P
Better be called a maker App
-
-
ipfs.indy0.net ipfs.indy0.net
-
TypePadhttps://natishalom.typepad.com › 2009/07 › no-to-sql-an...TypePadhttps://natishalom.typepad.com › 2009/07 › no-to-sql-an...Jul 9, 2009 — Eric Lai published a provoking article on Computerworld magazine titled “No to SQL? Anti-database movement gains steam” where he pointed to
-
-
www.google.com www.google.com
-
Showing results for egregore(function(){var q='egregore';var fprsl=document.getElementById('fprsl');fprsl.onclick = function(e){var orig = document.getElementsByName('q')[0].value;if(google.ac&&google.ac.ou){google.ac.ou(q);}else{document.getElementsByName('q')[0].value=q;} document.getElementById("fprs").outerHTML='';document.title = document.title.replace(orig,q);google.log('','&ved='+fprsl.dataset['ved'],'',fprsl);e.preventDefault();};})();Search instead for aggregore
The moment where my dislexia strikes gold
-
-
-
aggregor is a web browse
Web browser integrate P2P protocols
-