Tagged “web”
Running self-hosted QuickJS in a browser
Syntax Highlighting using the platform
solution for span soup
Why isn't the internet more fun and weird?
Short links, made easy
Where and how to host a Node app
Perplexity Labs AI playground
a Node.js client for the official ChatGPT API
A Theory of the Modern Exclamation Point!
Historical Trails
awesome idea for browser navigation
Building a Universal AI Scraper
good project; I like this combined approach to existing automations, with help filling in the fuzzier parts. parsing content to find a selector
Excellent videos/music downloader
for youtube/twitter/etc
CSS Animations with No-Code
very cool thing. Edit animations and keyframes and things.
Truth about CSS selector performance
What PWA Can Do Today
good feature checklist when starting #projects for phones
Forgot to discard the first 50ml ?
wild how the first few answers are completely unhelpful but subtly hint that the guy may die
No more 404
awesome idea. Keep original links, redirect to archive if not found
Wavacity Audio Editor
Audacity for browser
The Browser Operator
web emulator for po-33
jsconsole
how to run JS snippets when you're on your phone
Draw With WebGL Flowers
Metaphor Search
LLM-powered search. Interesting idea, have not tested much to see if it actually works.
How are people finding real websites made by real people?
How to use a personal website to enhance your ability to think and create?
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.
Hacking the PO
exceptional internet
MDN can now automatically lie to people seeking technical information#9208
clickbaity, but still not ideal
DJ Lloydi - Mixes for your listening pleasure
I love this
Could we make the web more immersive using a simple optical illusion?
Clip of Johnny Lee’s Wiimote hack to create VR displays (from 2007!)
The Unbearable Sameness of the Modern Web
Let's build a Chrome extension that steals everything
Doesn't cover getting past review, but another reminder to be paranoid careful about adding browser extensions.
Local-First Web Development
I had initially hoped this elimated choices by being a single set of things for local-first dev.
98mprice/PSone.css
Get Chrome history for a single day and create a markdown file summarizing browsing activity
this is the kind of needlessly elaborate but awesome backup I can get into
For your next side project, make a browser extension
Upsides are you are tweaking an existing app, improving a familiar experience. And same-origin requests vs having to mess with public APIs.
Dan Hollick on Twitter: "What is the best newsletter service these days?
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.
Japanese web design maximalism
Ask HN: What is the cheapest, easiest way to host a cronjob in 2022?
Modal seems like a winner.
Build FFmpeg filters without the headache
ffmpeg parameter gui
Digital Gardening : Hacker News
Also related - my blog is a digital garden thread.
How the Blog Broke the Web
Some good proper web history, and then the rise of reverse order posts and things, rather than a random dumping ground of pages
Time Thief app
interesting little daily note/photo prompts.
Guitar Chords: Diagrams with Notes & Finger Positions
Cool music projects. Also had some fun with [lil beat maker]
(https://muted.io/lil-beat-maker/)!
I wish my web server was in the corner of my room
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
The sum of all knowledge
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.
Vaultwarden, unofficial Bitwarden compatible server
Great wiki for hosting setup instructions
I tracked everything I read on the internet for a year | Hacker News
With a bookmarklet!
Why Is the Web So Monotonous?
On optimizing for ranking causing an overall decline in information.
Hookpad
more awesome web apps
pointerpointer.com
peoples of people pointing at your pointer
Logseq
this is cool - saves local markdown files!
can maybe sync local files between devices?
Web Scraping via Javascript Runtime Heap Snapshots
Ask HN: Share your personal site
Ask HN: What is the most unique website you’ve come across on the internet?
mmmotif an easy SVG generator for isometric 3D-like patterns
Google Search Is Dying
Too much trash and sponsored noisy content
Don't you lecture me with your thirty dollar website | Hacker News
I've been running a "Dark Forces II: I: Jedi Knight" fan site since early 1998.
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
Make Free Stuff
HTML for FB Sponsored
The 4kB of HTML used to render "Sponsored" on facebook posts
The baseline for web development in 2022
Performance baseline has shifted quite far up (especially network) but targeted features are still quite far behind current
edit.photo
In-browser photo editing. Quite excellent
Setting up Wordpress in 2022
The Optional Chaining Operator, “Modern” Browsers, and My Mom
Have seen this a bit lately in logs. A lot of 3 or 4 year-old versions of Chrome out there
YoHa
Hand tracking in the browser!
Application Holotypes: A Guide to Architecture Decisions
suggestions for config of different types of PWA
Avoiding Internet Centralization
Show HN: Emoji to Scale | Hacker News
Fun idea, and a resonable example of when scrolljacking is ok!
Generate a Pull Request of Static Content With a Simple HTML Form
Splide – Free, lightweight and powerful JavaScript slider
Ask HN: Whatever happened to exploring the internet?
Pinterest ruined photo search on the internet
Comments have some good background on google image search, the cached/full-size images thing, Bing image search, and other things.
ssshape a SVG blob/shape generator that puts you in the driver's seat
coooool
Periodic Table of Semantics - DRAFT
Avoiding bot detection: How to scrape the web without getting blocked?
I wish people would only use this for good. A stupid arms race that just makes it harder to automatically download utility bills.
Simple, private file sharing
not p2p for files under 5gb, but they are deleted after a day.
Naval Ravikant and Chris Dixon Didn’t Explain Any Web3 Use Cases
This is still an all-too-common occurence
Building a multi-select component
#26 HTMHell special: tasty buttons
On the many issues with burger, kebab, meatball and bento buttons
Box Shadow Generator
Web Browser Engineering
Introduction to Replicache
Web3 Architecture and How It Compares to Traditional Web Apps
HN thread. I still do not understand the benefit of this
The radical power of the book index - Prospect Magazine
I'm tired of boring websites.
Contents
https://how-i-experience-web-today.com
Gross and too real.
wavesurfer.js
Dangerous Punctuation – Matthew Dean
Short story, inspired by a GitHub thread about semicolons.
Building a Button Part 1 (of 4): Press Events
how to be popular
Excellent writeup. The CORS example dot points are a great example of good clear security explanations.
How do Chrome extensions impact browser performance?
The Curious Curator of Culinary History - Proof (podcast) | Listen Notes
Safari isn't protecting the web, it's killing it
One-offs and low-expectations with Safari
Some of these are getting quite outrageous. But I do love the level of depth and detail of this.
Miriam Suzanne
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.
VRLand Lobby
"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.
Styles Directory
A newer CSS Zen Garden. It's great.
Quote on Reddit's disrepectful design [HN]
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.
The Internet Is Rotting
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!
Results of Apple removing reload button were not good
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.
Too many tools and frameworks
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.
How to verify a Bitly link's destination
To check a bitly link, add +
to the end of the URL.
Photopea: advanced photo editor
Just incredible. Browser-based photoshop
Don't use functions as callbacks unless they're designed for it
Common Security Issues in Financially Orientated Web (PDF)
Show HN : A URL Lengthener : Hacker News
Progress Delayed Is Progress Denied
Matuzo's current HTML boilerplate
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.
Re: [Action Required] Update on Google API usage in Chromium
Cutting sync support for Chromium was what finally sent me to other browsers. Now alternating between Firefox, Brave, and Vivaldi.
The reckless, infinite scope of web browsers
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.
Flash was really special (HN comment)
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.
Motion Blur Scrolling Demo
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.
Making labels and legends headings
Need more content like this. "How to do sensible things with HTML" is under-explored compared to how to do stupid things with JS
The unreasonable effectiveness of simple HTML
Drawing 2D Metaballs with WebGL2
Thorough and followable breakdown, with lots of code comments. Will this be what gets me to actually learn WebGL? We'll find out!
TabFS
This is cooooooooool. Control tabs from the commandline! Search them like searching files! Amazing idea.
What Can You Put in a CSS Variable?
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!
WebRTC For The Curious
In defense of the modern web
I really like the original one, and this is a solid reply
Second-guessing the modern web
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.
Monitor your web page's total memory usage with performance.measureMemory()
CO2 emissions on the web
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.
You Will Never Be A Full Stack Developer
Electron is flash for the desktop
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 :(
How to Section Your HTML
Ask HN: What niche blogs are worthwhile to follow?
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
A Manifesto for Preserving Content on the Web
Keep pages simple and self-contained
WebReplay
The World-Wide Work. — Ethan Marcotte
Combo of talk + write-up below is excellent
Dynamic SVG Animation with CSS Variables
I like the sidebar underlines and main page heaxagon anims on this
Location, Privilege and Performant Websites
Memex: Browser Extension to full-text search your browsing history and bookmarks
This looks very useful. Full-text search and some other convenient integrations
Hard to watch Twitter become less useful, valuable, and interesting with new ad insertion ratios
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.
Using DevTools Features Without Opening DevTools
This Ain’t Disney: A practical guide to CSS transitions and animations
Writing HTML in HTML
Most of What You Read on the Internet is Written by Insane People
Stats on editors/content for reddit, Amazon, and Wikipedia
I Used The Web For A Day Using A Screen Reader
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.
See all tags.