NotesThe bottom line is, web components reduce the number of use cases where we need to reach for a framework, but complex large applications will likely still benefit from one. So how about we conclude that frameworks are useful, web components are also useful, stop fighting and go make awesome sh!t using whatever tools we find most productive?FeedUnfurl
NotesAdding commandfor and command attributes to <button> and elements would allow authors to assign behaviour to buttons in a more accessible and declarative way, while reducing bugs and simplifying the amount of JavaScript pages are required to ship for interactivity. Buttons with command will - when clicked, touched, or enacted via keypress - dispatch a CommandEvent on the element referenced by commandfor, with some default behaviours.Unfurl
NotesThe Popover API provides developers with a standard, consistent, flexible mechanism for displaying popover content on top of other page content. Popover content can be controlled either declaratively using HTML attributes, or via JavaScript.FeedUnfurl
NotesThe @layer CSS at-rule is used to declare a cascade layer and can also be used to define the order of precedence in case of multiple cascade layers.FeedUnfurl
NotesThe functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. This pseudo-class presents a way of selecting a parent element or a previous sibling element with respect to a reference element by taking a relative selector list as an argument.FeedUnfurl
NotesContainer queries enable you to apply styles to an element based on the size of the element's container. If, for example, a container has less space available in the surrounding context, you can hide certain elements or use smaller fonts.FeedUnfurl
Notesuhtml (micro µ html) is one of the smallest, fastest, memory consumption friendly, yet zero-tools based, library to safely help creating or manipulating DOM content.Unfurl
NotesWeb apps are the only open and standardised GUI software development and distribution platform that’s available to us. Discarding them out of spite or annoyance is exactly the sort of situation that the phrase “don’t throw the baby out with the bathwater” was coined for.FeedUnfurl
NotesOver the years, my blog has become a surprisingly complex application. It’s over 100,000 lines of code, not counting the content. Migrating everything over was a big project, but super educational. I’ll share my honest thoughts on all of the new technology I used for this blog.FeedUnfurl
NotesI keep having a conversation with people around the tech world about how the industry’s current state of change — especially the potential disruption of incumbents — feels like nothing so much as a cyclical repeat of what we saw in 2004.FeedUnfurl
NotesThis example section demonstrates a tabs widget that implements the Tabs Pattern. In this example, a tab is automatically activated and its associated panel is displayed when the tab receives focus. It is recommended that authors consider implementing automatic activation of tabs only in circumstances where panels can be displayed instantly, i.e., all panel content is present in the DOM.FeedUnfurl
NotesHTML isn’t only for people working in the tech field. It’s for anybody, the way documents are for anybody. HTML is just another type of document. A very special one—the one the web is built on.Unfurl
NotesDoesn't it feel like the web is getting worse every day? Do you miss the days when Google wasn't a garbage factory, Twitter wasn't a cesspool of Nazis, and you weren't treated like a pair of eyeballs with a wallet? Don't worry, the web of yore is still alive and kicking – in fact, it's thriving. You just need to know where to look. Let's take a dive into the non-mainstream web, where people create blogs and websites for the sheer joy of it, algorithmic feeds are nowhere to be found – and you can join, too!FeedUnfurl
NotesI’ve been running my own personal website for over 15 years now. It has been a fun learning experience, and an opportunity to share my work and get to know a ton of amazing people.
And I’d like to help others to do the same without needing to learn how to manage servers or be a rock star programmer.FeedEmbedUnfurl
NotesAnd to be clear I don't mean the Common Gateway Interface as a protocol. I mean what CGI and the cgi-bin application model brought to the web. They allowed people to easily write code that makes websites interactive. This shifted the web from an archive of documents to a vast network of applications. It was the first "web application model". I think Wasm (WebAssembly) is setup to bring the next "web application model" to the industry.FeedUnfurl
NotesOctothorpes is currently in a sort of liminal stage between launched and not launched, but it got posted to Lobsters and Hackernews today! Which was quite a surprise to both of us. So, if you’re reading this because you found out about us on one of those sites, here’s a little context for the project.Unfurl
NotesBest known for puncturing blockchain/crypto hype with her Web3 Is Going Just Great project, writer/researcher Molly White believes a better web is possible. Launched two years ago, her Citation Needed newsletter covers “tech world without all the boosterism,” while her latest project tracks the crypto industry’s attempts to influence the 2024 elections.EmbedUnfurl
NotesPlans get complicated, so we just charge based on usage. Pick and choose which pieces you need for your application; that’s all you’ll see on your invoice.Unfurl
NotesThe metrics-based autoscaler scales an app’s Machines based on any metric, such as pending work items or queue depth. Scaling on metrics other than requests or connections is useful for apps, like background workers, that aren’t running web services. Apps with services that need to scale based on HTTP requests can use the built-in Fly Proxy autostop/autostart feature for Machines.Unfurl
NotesWeird Web October is a challenge to try and make a website every day of October, based on the theme for each day, inspired by Inktober. It’s open to you and everyone! Unfurl
NotesThe OpenAPI Specification (OAS) provides a consistent means to carry information through each stage of the API lifecycle. It is a specification language for HTTP APIs that defines structure and syntax in a way that is not wedded to the programming language the API is created in. API specifications are typically written in YAML or JSON, allowing for easy sharing and consumption of the specification.FeedEmbedUnfurl
NotesI recently tried Storybook, a popular tool for browsing the demos and documentation for a UI component library. I think Storybook offers a good user experience, but its developer experience entails complexity out of proportion to its benefits. I tried creating a simpler web component library browser using web components, and am happy with the result.Unfurl
NotesIf you are creating libraries in JavaScript where aborting or cancelling operations makes sense, I highly encourage you to look no further than the AbortController API. It's incredible! And if you are building applications, you can utilize the abort controller to a great effect when you need to cancel requests, remove event listeners, abort streams, or teach any logic to be abortable.Unfurl
NotesI spent a lot of time in the past couple of weeks working on a website in Go that may or may not ever see the light of day, but I learned a couple of things along the way I wanted to write down.FeedUnfurl
NotesHey everyone! Today I wanted to talk about the state of the internet, how artists and everyone is affected by AI slop and social media, and why I think everyone should have a personal website these days! Let's bring back the old school internet in new, fun, and creative ways! ^_^EmbedUnfurl
NotesHere is a collection of more than 700 88x31 web buttons from the 1990's and 2000's, including the famous "Netscape NOW" and "Internet Explorer" buttons as well as various other buttons for websites of past and present. All were rescued from a now defunct http://harrypagerubbish.webs.com/buttons just before it disappeared without warning. These buttons are an historic example of advertising in the earlier days of the World Wide Web. Enjoy these buttons and use them to your liking. Unfurl
NotesThis is a tool for generating a webring from RSS feeds, so you can link to other blogs you like on your own blog. It's designed to be fairly simple and integrate with any static site generator.Unfurl
NotesBut... FrontPage as a concept. As a dream of what could have been, and a window into what was. Letting the typical home user at the time create websites, express creativity, and conquer the world by storm, all without being forced to learn HTML or CSS or JavaScript... In that regard, FrontPage couldn't be beat.FeedUnfurl
NotesHighlight:BullMQ - Message Queue and Batch processing for NodeJS and Python based on Redis
BullMQ - Message Queue and Batch processing for NodeJS and Python based on Redis - taskforcesh/bullmqUnfurl
NotesHighlight:Its proponents can be weird, it takes itself far too seriously, and its documentation is interminable. These are some ways that some people have described Christianity. This video is about React.js.
A video from Webbed BriefsUnfurl
NotesHighlight:In our current digital landscape, where a corporate algorithm tells us what to read, watch, drink, eat, wear, smell like, and sound like, human curation of the web is an act of revolution. A simple list of hyperlinks published under a personal domain name is subversive. Curation is punk.
Lets break away from the protective layer that is our For You Pages.FeedUnfurl
NotesHighlight:It’s just that feeds could be so much more with some love and directed care – something that could jump from a niche use case to a widespread ‘normal’ part of the Web for many.
Web feeds could be so much more if we put some effort into them. This post explores some ideas of how to start.FeedUnfurl
NotesHighlight:In this article, I hope to convince you of the power of post-processing effects and that nothing beats an elegant retro vibe applied to a website 👌✨. We'll also look into examples of dithering and pixel art from very talented folks who use the same processes that I'll be introducing later on, as well as some of my own creations that I built while learning about all this.
A detailed walkthrough of the inner workings of dithering and other shading techniques to give a retro look and feel to your WebGL and React Three Fiber work.FeedUnfurl
NotesHighlight:I thought this concept hadn't really gone anywhere but it turns out that The
Semantic Web (best read in a very deep voice) is now very widely adopted.
Web 3.0 was not about the blockchain, thank godFeedUnfurl
@lit-labs/preact-signals - npm
Web Components are not Framework Components — and That’s Okay • Lea Verou
Popover API - Web APIs | MDN
uhtml | A micro HTML/SVG render
Liskov's Gun: The parallel evolution of React and Web Components – Baldur Bjarnason
CSS Variables (custom properties) in Pseudo-element "content" Property - Stack Overflow
How I Built My Blog • Josh W. Comeau
It feels like 2004 again. - Anil Dash
Example of Tabs with Automatic Activation | APG | WAI | W3C
HTML for People
The Web We've (Never) Lost
Resources for keeping the web free, open, and poetic | Stefan Bohacek
Wasm is the new CGI | Roborooter.com
Molly White, Citation Needed / Web3 Is Going Just Great - XOXO Festival (2024) - YouTube
Welcome to Hollo | Hollo
Stripe Dot Dev
What is OpenAPI? - OpenAPI Initiative
Building a Storybook-like demo browser with web components — a much simpler way to get most of the benefits
Don't Sleep on AbortController - kettanaito.com
A.N. Lucas's 88x31 button Collection
~sircmpwn/openring - A webring for static site generators - sourcehut git
FrontPage: The Good, The Bad, and The Ugly - Articles - InvisibleUp
What Is React.js?
Raw dog the open web!
What RSS Needs
The Art of Dithering and Retro Shading for the Web - Maxime Heckel's Blog
Being on The Semantic Web is easy, and, frankly, well worth the bother