Tagged “web”

simple cms to edit static sites. Project seems relatively mature, admin UI is very basic but does the job.

The rare good newish stackoverflow answer. Cool getting a status update from the guy working on navigator.bluetooth.getDevices.

1. The one built into devtools
2. Easing Wizard to design curves while floating through space. Lot of customization controls. Also a great launch post where he filmed the trailer with his phone filming the page on an ipad in the dark.
3. easing.dev for x1/x2/y1/y2. Includes an easter egg
4. Nice simple one https://www.kvin.me/css-springs

Cool idea! Adds a keyboard shortcut to set document.designMode = 'on' to allow inline visual editing.

Also his inline code demo plugin looks great

Linked from the email in Lea Verou’s footer. Is this still worth doing?

Also more sad linkrot that the page she links is stored in the internet archive only as error pages.

lot of “Note | maybe related” linking articles, but this seems like something I would be interested in

very solid collection of works

this was super useful - already seeing a lot more 403s from linksync script which is maybe related :(

roboreader is back! I love this extension

Tools for archiving and replaying page visits. Maybe try pywb for linksync

a very ambitious important thing

need more of this

if you want to avoid this API Churn vs. Security complexity trade off entirely, there is a great way to do it: move things back to the server side.

cooool

Sadly no longer free to access without login. This was a great way to demo current state of image generation

this is awesome. And top HN comment mentions glicol which also looks very interesting.

Add &udm=14 to querystring

someone made solitaire, otherwise lots of people (fairly) complaining about Apple’s nonsense

Some good discussion in there generally from people on both sides.

bad enough that CloudFlare is automatically updating

SCP-2719 should be kept inside.

The missing manual for HTMX

Incredible concept. Math-based string simulator, with custom layouts.

Also this HN comment from former Whatsapp person on how they prioritised performance.

From a thread of things similar to StumbleUpon.

Apparently browser buddy extension does something similar

Related, spiral images tutorial

I love the “want to do” sections, great way/place to list ideas!

Also the antilibrary - reviews for books he’s not yet read.

solution for span soup

Actually got ahead on the spend time automating curve.

I recently realised that spinning up silly static sites will require subdomains.

This is not a huge amount of effort. Usually login to cloudflare, do 2fa, go to short domain, go to dns page, add A record, switch back to replit to get IP, paste that in cloudflare, switch back to get TXT value…
Made a small script to do that with cloudflare API.
Initial version is python script that asks for subdomain, IP address, and TXT value, then creates the two records. Can save a click by having it parse a blob of text, and get the values out of there itself.

For short links, I am using short.io for psi.mn links (sidenote: is this a bad idea? It’s on root of the domain), and learned they have a browser extension and android app. Trying the extension as it required no permissions and seems to work pretty well. Has already saved some minutes! Again the login, go through ui way of a thing. First short link was a site template: psi.mn/replit/static. Also trying grouping subdomains, we will see what I end up thinking of that.

Both have been worth the time.

Yesterday I was messing around on Replit - created an express app and had it doing routing and serving static files.
This was going pretty well, but the main downside was deploy times taking too long compared to static sites (which are basically instant).
Also being tied to their editor (resource-intensive on old laptop) rather than just editing local files.

First step, let’s try just moving the whole monolith to different hosting.
Log in to google cloud console, be confused that I keep landing on the Compute Engine API page instead of Compute Engine. I just want to start a VM, Larry!
Have a VM starting up, and learned that I tragically wasted my $300 6 years ago.
Now how are we going to put things on here. FTP or SCP or something? Ok there is gcloud.
I have an old version of the client on laptop, it wants python2.7.
Try updating the util, it was installed with AUR, and needs other AUR packages updated too.
Screw this try again later.

Back to replit!

So, the problem to fix is deploy times for static changes being too slow.
Alternative solution, separate apps!
This also gives an easy migration path to a separate domain!
Nice that writing this down has helped figure out the problem.

So, new Replit project, this time static site with auto refresh.
Copy over static files from original project and we will deploy to new subdomain

Side mission: need to add another A and TXT record to cloudflare.

Back to static site.
Need to move a bunch of code to the frontend for handling auth.
The callback URL to store tokens needs to do it for the new domain.
Then switch back to backend app, add or update the POST endpoints to get tokens without cookies.
Or maybe setup CORS but cbf right now.

Check for token in request body, otherwise fall back to cookie.
Add new auth callback URL to Spotify app.
Working!
Now both domains are working!

Now paths on the old domain to redirect to the new one, then can cut out a bunch of code from backend related to that. Now we are migrated!

Can now deploy static site changes FAST.

awesome idea for browser navigation

good project; I like this combined approach to existing automations, with help filling in the fuzzier parts. parsing content to find a selector

for youtube/twitter/etc

very cool thing. Edit animations and keyframes and things.

good feature checklist when starting #projects for phones

wild how the first few answers are completely unhelpful but subtly hint that the guy may die

awesome idea. Keep original links, redirect to archive if not found

Audacity for browser

web emulator for po-33

how to run JS snippets when you’re on your phone

LLM-powered search. Interesting idea, have not tested much to see if it actually works.

Some suggestions:

• https://build.mmm.page/
• https://search.marginalia.nu/
• https://readsomethingwonderful.com/

Rough and incomplete working notes, to help me think through how to use this site. Intended primarily for my own use. But I will also share this with friends, as grist for conversations about how to best design a website to support creative work.

exceptional internet

clickbaity, but still not ideal

I love this

Clip of Johnny Lee’s Wiimote hack to create VR displays (from 2007!)

Doesn’t cover getting past review, but another reminder to be paranoid careful about adding browser extensions.

I had initially hoped this elimated choices by being a single set of things for local-first dev.

this is the kind of needlessly elaborate but awesome backup I can get into

Upsides are you are tweaking an existing app, improving a familiar experience. And same-origin requests vs having to mess with public APIs.

Interesting that substuck gets mentioned for this - that maybe the main selling point is the subscription part rather than the publishing part. Maybe this is obvious but I had previously thought they were more about editing experience and hosting text.

Modal seems like a winner.

ffmpeg parameter gui

Also related - my blog is a digital garden thread.

Some good proper web history, and then the rise of reverse order posts and things, rather than a random dumping ground of pages

interesting little daily note/photo prompts.

Cool music projects. Also had some fun with [lil beat maker]
(https://muted.io/lil-beat-maker/)!

Glad that they weren’t actually currently doing this - the original dorm setup description caused some mild panic.

HN thread and twitter replies with some more options or things to try.

Tailscale, Cloudflare Tunnel or DDNS

On the wonderful thing that is the www, and his introduction to it (I didn’t notice who the author was until the end!).
I sometimes forget how shielded I am for the ad-covered dumpster fire that is many pages; either from blocking them or not visiting them. Enjoyed the upsides he mentioned: easy to contact the author of something, cross-referencing without stacks of books, and the ability to pulish things yourself.

Try to verify things you read (lies are rampant online, fact-checking is easier than ever!), write and contribute things, stay out the political trench fights.

Great wiki for hosting setup instructions

With a bookmarklet!

On optimizing for ranking causing an overall decline in information.

more awesome web apps

peoples of people pointing at your pointer

this is cool - saves local markdown files!
can maybe sync local files between devices?

roadmap

Too much trash and sponsored noisy content

Reply to “don’t contribute to web forums”. Linkrot is real, but a lot of the information sticks around

We’ve been in it so long that probably over 90% of our outbound links are at best broken or at worst lead to malware or pornography (of course I clean it up when I find it – by removing the links and adding a note). And yet, stuff that people have been directly contributing to our site since 1998 is still available, still open, and freely available without creating an account

The 4kB of HTML used to render “Sponsored” on facebook posts

Performance baseline has shifted quite far up (especially network) but targeted features are still quite far behind current

In-browser photo editing. Quite excellent

Have seen this a bit lately in logs. A lot of 3 or 4 year-old versions of Chrome out there

Hand tracking in the browser!

suggestions for config of different types of PWA

Fun idea, and a resonable example of when scrolljacking is ok!

Comments have some good background on google image search, the cached/full-size images thing, Bing image search, and other things.

coooool

I wish people would only use this for good. A stupid arms race that just makes it harder to automatically download utility bills.

not p2p for files under 5gb, but they are deleted after a day.

This is still an all-too-common occurence

On the many issues with burger, kebab, meatball and bento buttons

HN thread. I still do not understand the benefit of this

Gross and too real.

Short story, inspired by a GitHub thread about semicolons.

Excellent writeup. The CORS example dot points are a great example of good clear security explanations.

Some of these are getting quite outrageous. But I do love the level of depth and detail of this.

Phenomenal website. The color choice, the layout, the color and type selector in the header! All amazing stuff.

Can’t remember who linked to this. Was in some article about CSS, author linked to Miriam and said she was doing great work.

“Share a private virtual room with friends. Watch videos, play with 3D objects, or just hang out”

Works impressively well on pancake browsers as well. Found via HN.

A newer CSS Zen Garden. It’s great.

I hate so many aspects of recent reddit, it somehow continues to get worse.

It’s shocking to me how people sell out like this. You have to know deep down that all these hostile short term juicers destroy the brand, each malfeasance creating more room for a competitor. I mean you guys replaced Digg, cmon.
The audacity to claim “it works”, in italics no less.

The real shame of the current tech companies is they have no principles, no long term vision. They all feel like they follow the same curve, a bunch of managers hitting KPIs during their 2-5 year stint before trading up, ending in some PE firm diving in at the end for the final squeeze.

They’re lemons being juiced dry, when they should be a garden of lemon trees.

“But we got 20% more juice than last year!!”

Yea, you did.

I feel this one. Was just going through some old unread email newsletters (some from 2019!..), and linkrot is made even worse by the tracking links in emails. Tracking / shortened links are just another potential failure point!

A counter to the “but I always use cmd R” argument. Stripping away useful UI so things look clean is not a good design approach.

Great summary of the deluge of tools being made (from 2015!). But with a positive take at the end:

Instead of telling people to stop creating new js frameworks. Instead of discouraging people from adding to the vast amount of available tools, I’m going to encourage people to build even more tools. Pick a problem and try to solve it better than anyone else has before. Having better tools will help us push the web forward. And it’s okay if 90% of them are bad. The 10% will be worth it.

To check a bitly link, add + to the end of the URL.

Just incredible. Browser-based photoshop

Via Soroush’s twitter

The structure of the article is great - “here’s the whole thing, followed by a line-by-line breakdown”.

The enormous blobs of mobile meta will always be a bit gross.

Cutting sync support for Chromium was what finally sent me to other browsers. Now alternating between Firefox, Brave, and Vivaldi.

Don’t agree with all (I like some of the stupid new features), but the core point is true. Web browsers have gotten too complex and are basically no longer rebuildable from scratch.

The design philosophy behind flash was to let you make animations and interactive content.

The design philosophy behind html/css/js/web stack is a composable system of modules that can be bundled, used to center objects, and plumb state to components.

Cool idea. Causes some wild screen tearing or something on old laptop, and as the author mentions:

while it might look great, usability of it is poor

Linked video on motion blur is also good.

Need more content like this. “How to do sensible things with HTML” is under-explored compared to how to do stupid things with JS

Thorough and followable breakdown, with lots of code comments. Will this be what gets me to actually learn WebGL? We’ll find out!

This is cooooooooool. Control tabs from the commandline! Search them like searching files! Amazing idea.

tldr: anything! Can use them to build up strings for other variables, combine values with calc (I want to implement color-contrast function), and clever use of content to display the current value!

I really like the original one, and this is a solid reply

Lot of good parts

The high performance parts aren’t React. Mapbox GL, for example, is vanilla JavaScript and probably should be forever. The level of abstraction that React works on is too high, and the cost of using React - in payload, parse time, and so on - is too much for any company to include it as part of an SDK. Same with the Observable runtime, the juicy center of that product: it’s very performance-intensive and would barely benefit from a port.

The less interactive parts don’t benefit much from React. Listing pages, static pages, blogs - these things are increasingly built in React, but the benefits they accrue are extremely narrow. A lot of the optimizations we’re deploying to speed up these things, things like bundle splitting, server-side rendering, and prerendering, are triangulating what we had before the rise of React.

Interesting estimates and numbers - clientside savings really add up.

In fact, it is probably the most effective use of my time when it comes to reducing carbon dioxide emissions.
Just last week I reduced global emissions by an estimated 59.000 kg CO2 per month by removing a 20 kB JavaScript
dependency in Mailchimp for WordPress. There’s no way I can have that kind of effect in other areas of my life.

Users: Please complain more about slow programs. Its 2016. We carry supercomputers in our pockets. Its simply not ok for apps to be sluggish.

It is no longer 2016, but nothing else in this piece has changed :(

Good place to look for things to read. Going to try scheduled redirect from Twitter to this page and see if I end up wasting more or less time

Keep pages simple and self-contained

Combo of talk + write-up below is excellent

I like the sidebar underlines and main page heaxagon anims on this

This looks very useful. Full-text search and some other convenient integrations

Interesting post/thread.

Insert more ads. Signal to noise goes down. Value to user shrinks. Value of user to advertisers decreases. Insert more ads. A vicious cycle that de-prioritizes the user experience.

Stats on editors/content for reddit, Amazon, and Wikipedia

Tips from and case studies of using a few websites with a screenreader. TLDR make your markup valid and lightweight, keep headings in correct order, and add assistive tags.