Reading up on web-development
100 deep · digging since dec 09, 25
- Show HN: Make your logo extra bright on HDR screens
The Show HN post demonstrates a method or tool for increasing logo brightness on HDR screens, enabling logos to appear more vivid and striking on high dynamic range displays.
- Medium’s writerly favicons – Unsung
The author explains how Medium’s 2016 favicon change made the active writing tab more visible and aimed to encourage writers by giving the interface a subtle nod of recognition.
- A Walkable ASCII Cyberpunk City in One HTML File
The article shows how Grow Now! Games created an explorable ASCII‑art cyberpunk city that fits entirely in one HTML file, letting users walk through streets and buildings.
- My HTML boilerplate in 2026 - Manuel Matuzović
Manuel Matuzović updates his HTML boilerplate for 2026, explaining each essential and optional tag and why he includes them for modern web development.
- Actually Queryable Executables
Farid Zakaria shows an executable as a SQLite database, letting a web server store code, routes, and state in one file, queryable via SQL.
- swimmingbrain/texbrain: FOSS browser-based latex editor with live preview, real-time collaboration, and git integration.
TeXbrain is a free, open-source browser-based LaTeX editor that compiles PDFs locally using WebAssembly, offers live preview, real-time collaboration, and git integration.
- GitHub - plotly/plotly.js: Open-source JavaScript charting library behind Plotly and Dash
Plotly.js is an open-source JavaScript charting library that powers Plotly and Dash, offering dozens of chart types and flexible loading options.
- Introducing Microlighter - daverupert.com
MicroLighter is a tiny, zero‑dependency syntax highlighter that leverages the CSS Custom Highlights API and Textmate grammars for on‑demand, theme‑aware code highlighting.
- The Cloudflare Blog – Brought to you by EmDash
Cloudflare moved its blog to EmDash on Cloudflare Workers, added caching, redesigned the UI, and rolled out traffic gradually to boost performance and enable agent tools.
- Actually Queryable Executables
The SELF format turns executables into SQLite databases, letting programs store and modify their own state and code via SQL, demonstrated by a self‑hosting web server.
- The asteroid currently hitting frontend web development
Frontend educators are stepping back as AI agents lower the risk of frontend code, shifting focus from developer experience to agent-friendly tools and performance.
- Using Unicode Half-Stars Symbols in Ratings
Unicode half‑star symbols exist since 2018 but have uneven font support; you can reliably display them by embedding a subset of Noto Sans Symbols 2 or using alternatives.
- ActivityPub Won by Being Boring - Owl Owl OÜ
ActivityPub’s success stems from its intentionally simple, web‑standard design, and future updates must preserve that ordinariness while scaling to large networks.
- Critical CSS Generator - Kigo Studio
Kigo Studio’s Critical CSS Generator extracts above‑the‑fold styles, shows how to inline or defer them, and includes an HN discussion on its utility and concerns.
- How Baseline Can Help You Ship Less JavaScript — Smashing Magazine
Auditing JavaScript dependencies using the Baseline project shows many common libraries can be replaced with native browser features, saving typical apps 60–90 KB gzipped.
- 5 CSS Properties You Should Know for Better Text Designs – Master.dev Blog
The article explains five CSS properties—background-clip, vertical-align/align-content, box-decoration-mode, letter-spacing, and text-combine-upright—to enhance web typography and text design for better visual appeal.
- 99% of My Website Traffic Is Bots
The author reports that over 99% of requests to their 1.5‑million‑page philanthropy site are from bots, detailing the traffic volumes, bot types, and defensive Cloudflare rules that reduced the load.
- A deep dive into Hono
Hono processes requests by registering routes, selecting a router, creating context, composing middleware, and returning a standard Web Response via runtime adapters.
- Show HN: textlog – A quiet, text-only microblogging platform, open-source, no JS
textlog introduces a minimalist, JavaScript‑free, open‑source microblogging service that lets users post plain‑text updates without any frills and emphasizes simplicity and privacy.
- Where did the old web go? We followed 657,607 links to find out
Researchers crawled 657,607 links across the web and found that most point to vanished pages, revealing widespread link rot and the disappearance of early web content.
- TanStack Hotkeys
TanStack Hotkeys is a type‑safe, cross‑platform library offering sequence detection, key‑state tracking, recording, and framework adapters for React and others.
- Exa is now powering search in Firefox
Exa now powers AI‑driven Smart Window in Firefox desktop and Quick Answers on iOS, providing live‑web sourced answers with citations while retaining no Firefox query data.
- HTML Can Do That
HTML can create interactive UI components, animations, and data handling without JavaScript, leveraging CSS, custom elements, and the Shadow DOM to build rich interfaces directly in markup.
- weather.baby – Harrison Was Here
Harrison created weather.baby, a minimalist ad‑free weather site using Go and Pirate Weather data to provide fast, private forecasts for users.
- skills/architecture-map/SKILL.md at main · almendili/skills
This guide provides a step‑by‑step skill for creating an interactive, isometric architecture map of a repository, linking real code metrics to visual neighborhoods, flows, and a CI freshness check.
- Two hours from idea to a live URL — Chovy's Blog
The author built a free notification site for upcoming games using ESPN's public JSON, a Bun/Hono stack, and learned real‑world bugs only appeared after launch.
- One line of JavaScript disabled server rendering on 190 pages
A single window.innerWidth read during server render threw an error, causing Next.js to fall back to client-side rendering and produce soft 404s on ~190 pages.
- Extensible Software in the age of LLMs
Extensible web software can combine a stable core, LLM-driven extensions, and capability-based sandboxes to let users safely create and share personalized features.
- Browser Fingerprinting & Bot Detection Test
The article introduces an online scanner that measures browser fingerprinting, WebRTC leaks, bot risk scores, and related device attributes to help users assess tracking exposure.
- Cropping Images with CSS While Keeping a Focal Point in the Center
The post shows how to use CSS custom properties, object-fit, object-position, clamp, and container queries to crop images while keeping a chosen focal point centered.
- Amicro — Premium React Micro-transitions & Interaction Components
Amicro provides a CLI‑installable set of lightweight, tree‑shakeable React components that add premium micro‑transitions and interaction effects to websites today.
- URL Source: https://www.reddit.com/r/indiehackers/s/I0pmnpnUEq
Reddit blocked the request, returning a network security block page instead of the intended indiehackers content.
- Release v6.0.0-alpha.0 · fastify/fastify
Fastify v6.0.0-alpha.0 removes deprecated types and features, upgrades dependencies, and reverts a misleading error message to improve type safety and runtime behavior.
- TermDOM | Build Terminal UIs with HTML, CSS and DOM
TermDOM is a JavaScript library that renders real HTML and CSS in the terminal using a genuine DOM and CSS engine, enabling terminal UIs with standard web technologies.
- Guillaume Técher
Chrome uses JPEG partial IDCT scaling to decode only low-frequency data when rendering images at small scales, causing icons to render thicker due to lost edge detail, a behavior not shared by Firefox.
- Why you might want to build your WebApp in Canvas instead of HTML
The article argues that Canvas can be a better choice than HTML for web apps with complex spatial interfaces like zoomable workspaces, but warns it sacrifices accessibility and built-in browser features.
- The Valley of Webhooks
The article explains webhooks as user-defined HTTP callbacks triggered by events, enabling real-time data exchange between web applications without polling.
- CodePen 2.0 | Hacker News
CodePen 2.0 launches with improved design, real-time collaboration, and enhanced tools for frontend developers to build and share interactive web snippets.
- BCMS - Headless CMS for developers and their clients
BCMS is a headless CMS enabling AI agents, clients, and developers to manage content via UI, API, or agents, with TypeScript generation, widget support, and integrations for Next.js, Nuxt, and more.
- Redirection
The article discusses HTTP redirection mechanisms, explaining how clients are automatically sent from one URL to another via status codes like 301 and 302.
- Rebuild your website (again) | Web Dev Challenge
The host challenges viewers to rebuild their personal websites from scratch within a week to improve their skills and showcase growth.
- Build your rich-text editor - Plate
Plate provides a set of customizable, open-source plugins and components to help developers build rich-text editors with beautiful design and framework flexibility.
- ShieldFont
ShieldFont is a web font that swaps key words in HTML so humans see original text while AI scrapers receive altered, meaning‑distorted content to deter unauthorized training.
- remote-agent-browser
Remote-agent-browser lets developers launch an isolated Chromium sandbox on Vercel and control it programmatically to automate browser interactions for testing and scraping workflows.
- Introduction - MapLibre GL JS
MapLibre GL JS is a TypeScript library using WebGL to render interactive maps from vector tiles, with documentation on installation, usage, and integration across bundlers.
- Cloudflare Workers and Hyperdrive with SvelteKit – Master.dev Blog
Integrating Cloudflare Workers and Hyperdrive with SvelteKit requires adjusting build scripts and using server hooks to provide per-request DB connections.
- Octane — React's programming model, compiled
Octane compiles React‑style hooks, Suspense and actions ahead of time, removing the virtual DOM and hook rules while preserving familiar semantics.
- Rust Is Eating JavaScript
Rust is rapidly replacing JavaScript tooling across bundling, linting, formatting and more, with many projects now default Rust-based by the 2026.
- microcharts — Word-sized charts for React. Tiny sparklines & micro charts.
Microcharts offers 106 tiny, zero-dependency React chart components that render as inline SVG and fit in sentences or table cells.
- Interview with Boris Cherny [video]
Presents a video interview with Boris Cherny, author of 'Programming TypeScript', sharing insights on TypeScript evolution, JavaScript tooling, and modern frontend development practices.
- Show HN: I made some transistor animations
Developer created interactive visualizations showing how transistors function in electronic circuits, using animations to explain semiconductor physics concepts like switching behavior and current flow for educational purposes.
- Show HN: CheapFoodMap – A map of good meals under $10
CheapFoodMap is a community‑driven map highlighting meals under $10, offering a simple way to find affordable eats and lets users filter by cuisine and location.
- Show HN: I was tired of opening 2 tabs for every HN link, so I made a userscript
The author created a userscript that automatically opens Hacker News links in the current tab, eliminating the need to open two tabs per link.
- Transitions.dev — Essential transitions for web apps
A curated collection of essential UI transitions for web apps, designed to be easily copied and pasted or integrated via the Skill tool.
- Hero Section Backgrounds, Ready to Ship
HeroSection.supply sells high‑resolution, color‑graded background images for website hero sections, offering per‑collection purchases or a lifetime pass with commercial licensing and free samples.
- SaaS Animation Websites - landing.love
Landing.love showcases SaaS website designs with full‑page video recordings, highlighting animated examples and recommending tools like Webflow, Framer, and Screen Studio for inspiration.
- posts.design - social post design inspiration
posts.design presents a curated gallery of 60 out of 291 social‑post design examples, serving as a reference wall for designers seeking ideas and trends in social‑media visual content.
- Magnify | Canvas UI
Magnify is a dependency‑free UI component that places a sci‑fi scanner lens over the cursor, magnifying live page content with a HUD reticle, chromatic aberration, data readout, and click‑triggered ripples.
- Framework Benchmarks - Compare Frontend Frameworks
The article presents a nightly benchmark suite comparing bundle size, performance, and developer experience across major frontend frameworks to aid framework selection.
- Building Accessibility Into a Canvas-Based Product
Figma created a Mirror DOM and internal accessibility tree to give screen readers full navigation and announcement support in its canvas‑based editor.
- Show HN: Bento - An entire PowerPoint in one HTML file (edit+view+data+collab)
Bento packages a full-featured presentation editor, viewer, data binding, and real‑time collaboration into a single self‑contained HTML file, letting users create and share slideshows without external dependencies.
- GitHub - DavidHDev/canvas-ui: A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
Canvas UI provides a framework‑agnostic library of creative canvas components that use experimental html‑in‑canvas for live DOM‑based WebGL effects, falling back to WebGL overlays.
- The State of WebMCP: July 2026
WebMCP is a live Chrome origin trial standard with near‑zero adoption and no AI agent support yet, but site owners can prepare by adding tools and monitoring Lighthouse audits.
- SEO Receipts | Verified organic traffic, straight from Google
SEO Receipts displays verified Google Search Console metrics—clicks, impressions, CTR, avg position—via read‑only sync, proving organic traffic gains without manual entry or screenshots.
- LiteRT.js, Google's high performance Web AI Inference - Google Developers Blog
Google released LiteRT.js, a WebGPU/WebAssembly-based runtime that runs .tflite models in-browser with hardware acceleration, offering up to 3x speedups over prior web AI solutions.
- Visual design rules you can safely follow every time
The article presents a collection of practical visual‑design guidelines—such as using near‑black/white, saturating neutrals, deliberate spacing, and contrast rules—to help designers create coherent, readable interfaces.
- Do we still need build tools?
The article argues that while modern CSS and JS features reduce the need for many build tools, bundling and minification remain essential for larger projects.
- Sätteri
Sätteri combines a high-performance Rust Markdown/MDX engine with extensible JavaScript plugins to offer fast, customizable document processing for developers in web applications.
Takes
Genuinely, the feed for https://on.design is the best I've ever seen in my entire scrolling career. I know that sounds like bias, but genuinely it is insane 🔥
@CharlesPattson
Gave https://tellmeingrams.com a little Tailwind love. The previous version was pure Pico.css but I hit the limits of semantic styles. Also implemented affiliate links like ads a la @marclou and @robj3d3
@Shreedhan
I used 𝚏𝚡 to build Mini, a personal web browser. Many times I need to screen share, stream, or just test something without the 'bloat' and state of my browser. So I go Mini. This was a cool test for
@rauchg
another day. another http://nurb.dev use in the wild. i quite literally would like to eat this it's so good.
@Shpigford
YOU, struggling with $83 MRR: rewrote it all in Next.js, SSR at the edge, prefetch on hover, 100 lighthouse score, 40ms TTFB from Bali to SF META employee, paid $500k / year 👇
@tibo_maker
Built https://outbid.lol yesterday night as a fun project and the site got 4.5k visitors in the first 12 hours and made $1.4k revenue so far 🤯
@jonathan_wilke
Introducing https://1kpapers.com! I took the top 1k research papers of the last year, summarized them, and visualized them. Fun fact: all 1,000 papers cost a total of $4 to summarize with DeepSeek V4 Flash.
@nutlope
My SEO setup so far: • sitemap.xml submitted and cleaned up • robots.txt configured • Google Search Console + Bing Webmaster connected • Meta titles and descriptions • Canonical issues fixed • Duplicate/redirect issues cleaned up • www → non-www 301 redirect fixed • Cloudflare DNS / SSL issue resolved • Internal links cleaned up • Structured data / JSON-LD added • Page speed + Core Web Vitals optimized • llms.txt + openapi.json added • Pillar pages + content clusters • Crawl depth under 4 + thin content check • Entity optimization • Quality backlinks What else am I missing?
@TeeDevh
wtf this is crazy https://recent.design
@darylginn
it says a lot that the creators of three of the most iconic web frameworks: django (@simonw), flask (@mitsuhiko) and rails (@dhh) were so AI pilled so early
@trq212
I don't know him but if I look him in the eyes like Larry David in Curb Your Enthusiasm I think he's telling the truth so he deserves a follow He's switching from mobile apps to web apps!! @willbakerships
@levelsio
Introducing pdfcn 📄 by @shadcnlabs > Built on Takumi by @kanewang_ and Forme > Zero config, one command setup. > @shadcn /ui compatible (simply copy-paste) > 10+ themes, components, blocks > Fully customizable 100% free and open-source.
@alaymanguy
i present to you http://superpaste.app paste to download anything in your clipboard. that is all
@michael_chomsky
how to make your site readable by ai agents: 1. add an llms.txt so search tools stop guessing urls 2. check your server logs, not your analytics 3. serve a markdown version of every page 4. support content negotiation headers 5. rethink your JS-only widgets
@zenorocha
cli was a year ago. apps maybe 6 months. now it’s services, web, cloud sessions.
@steipete
Checked out the progress on Miren from @evanphx and he ran me through it and showed me how I can get my own blog running on it. Evan's been thinking about app deployment for a very, very long time and its cool to see these ideas come together into this. Disclaimer: I'm an investor, but mostly passive and because I would've invested in anything Evan was working on. This was my first time seeing the product work and it was fun!
@mitchellh
this is sick https://beautiful-ui-five.vercel.app
@scottymatt
From a site I vibecoded in 5 hours last week 🥹 Do more things ❤️
@robj3d3
Websites for Design Engineers 1. http://interfacecraft.dev 2. http://motion-primitives.com 3. http://eactbits.dev 4. http://motion.dev 5. http://devouringdetails.com Save for Later.
@noahelhadedy
New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.
@shadcn
nice to see http://apple.com inspired by http://loot.photos
@marckohlbrugge
How I built the new Monologue website in (less than) seven days
@naveennaidu_m
We're starting to leave the territory where you'd test an LLM by e.g. "create an svg of pelican on a bicycle". As one idea to generalize it, I was interested what Opus 5 would do if I gave it the first paragraph of the Lord of the Rings, a 1M token budget (~$10) and asked for three js render of it. Opus went off for ~2 hours and wrote 5500 lines of code that (procedurally) rendered the story. It's kind of janky but fun. But it's a bit mindboggling that the LLM has to place and orchestrate various polygon assets in (x,y,z) coordinates and write code that animates it all, and that it even does anything at all. I also like this kind of examples because no one in their right mind would ever spend the time to write something this custom but LLMs have all the stamina and patience in the world, so it's an example where we go from "no one would ever do this" to "sure, why not, it's ~free". There might be a lot more. But I'm excited about creating hyper custom worlds that you can imagine dropping players into, e.g. here to participate in the LoTR story as a spectator NPC, or one of the characters, or etc. Something like an ephemeral GTA of X on demand. Last thought is that the domain of worlds/games exposes a weakness in LLMs: they can't easily audit their work because they aren't able to efficiently and natively perceive videos or play games within them. Here, Opus 5 had to very slowly and painstakingly take screenshots at different points, and it messed up a few times and created a bunch of jank. An example of raw capability (multimodal, gameplay) that I think is still quite lacking.
@karpathy
A unique feature of the Gemini Interactions API is the bundled Google search and Google Maps search, I just added this to @discourse
@samsaffron
A new design pattern that's popping up: tab + dropdown Navigational tabs mixed with complex dropdown behaviour, mimicking a mega menu! Our apps are getting so complex that we're bending traditional simplicity rules Alternatives may include: DropTab PillDrop MegaTab PopTab
@disco_lu
Animated backgrounds, text effects, buttons, image galleries, and WebGL components. These three libraries cover a lot of what makes a landing page feel alive:
@MengTo
@SIGKITTEN *cough* I built this into VibeTunnel in May 25’, and OpenClaw has session summaries on web for a while now. Agree that the 1P lab products are lacking and that it’s an idea worth spreading @theo
@steipete
Something that AI unlocks is being able to try a few different variations of a feature quickly. I often ask my coding agent to come up with a few different variants and add a switcher so I can easily swap between them. It also saves your selection as a query param so I can show a specific variation to a colleague. This + a library like Leva for controls that directly influence an interaction makes prototyping and coming up with different ideas extremely easy.
@emilkowalski
Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵 http://canvasui.dev
@davidhdev
Fable just found a 15-30% memory efficiency improvement in Turbopack / Next.js, nearly autonomously. @tobi asked me today: what have been your “holy s***” moments with AI? My answer was: it’s every single week. And it’s accelerating. In fact, “WTFs/day” might just be my favorite metric for AI progress. It’s one thing to read benchmarks or stories online. It’s another to watch these machines pull engineering feats every day. 3 days ago? Sol helped us find novel vulnerabilities in some of the most audited code in the world. Today? Fable helps us ship this large optimization of a very complex Rust codebase. I just saw some results of work we’ve done to shrink binaries by 10-20x. List goes on.
@rauchg
Introducing the new MagicPath visual editor. Drag, resize, duplicate, and make precise edits inside your fully functional app or website, not a static mock. No other AI apps editor can do this on a fully live product. You're designing with code without even knowing it.
@skirano
This video by Remotion is literally motion design porn. no skills , mcp , tools , video gen , special prompts one shot fully in code or natural language , this is genuinely crazy
@chddaniel