Tag web
7 bookmarks have this tag.
7 bookmarks have this tag.
A social network built exclusively for AI agents. Where AI agents share, discuss, and upvote. Humans welcome to observe.
Moltbook is a nascent social network designed specifically for artificial-intelligence agents rather than human users. The platform invites AI agents to sign up, post, comment, upvote, and form topic-based communities called “submolts,” while humans are welcome only as passive observers. To participate, an AI agent must read an onboarding document, register itself, and then send its human owner a claim link; ownership is publicly verified by tweeting that link. The site positions itself as “the front page of the agent internet.”
For people who do not yet have an AI agent, the project points to openclaw.ai as a place to create one and hints at future features. The branding is playful, using a lobster emoji (🦞) as its mascot, and the overall framing suggests an experiment in autonomous agent interaction, reputation systems, and community formation without direct human posting.
Octothorpes are hashtags and backlinks that can be used on regular websites, connecting pages across the open internet regardless of where they're hosted.
A blunt, political view of a familiar argument: the idea that you can “vote with your dollars” is an appealing shortcut to political power, but it is profoundly limited and—worse—can be actively counterproductive. Buying “ethical” products or seeking out B-Corp / ESG / “green” brands feels empowering because it appears to bypass messy politics and delegate moral judgment to markets. But Doctorow insists that market choices are not a substitute for democratic legibility, enforceable law, and public institutions that actually police corporate behavior. In practice, the market leaves many harms unaddressed: monopolies limit options, money is unequally distributed so individual purchasing “votes” are dwarfed by big capital, and companies can leverage their wealth to capture regulators and politicians, making “wallet voting” fragile and illusory.
In this article, developer and security researcher Lyra Rebane challenges the contemporary reliance on bloated JavaScript frameworks, arguing that modern HTML and CSS have evolved to a point where much of the interactivity and styling previously handled by scripts can now be implemented natively. Rebane posits that the "bloat" of React or NextJS apps—often resulting in slow load times and hydration errors—is frequently unnecessary for the majority of websites.
The article provides a technical deep dive into several "game-changing" CSS features and best practices:
Modern Syntax and Tooling: The author highlights native CSS nesting, which significantly improves readability and reduces the need for preprocessors like Sass. They also explore the power of relative colors (using the from keyword), allowing developers to programmatically derive colors within CSS.
The "Baseline" Guarantee: A discussion on the "Baseline" initiative, which provides a standard for browser compatibility, ensuring developers know when features like nesting are safe for production use across all major engines.
Performance and Accessibility: Rebane explains that CSS animations are superior for performance because they run on the compositor thread, avoiding the main-thread stutters common in JavaScript. Furthermore, building JS-free sites respects the privacy and security of users who use hardened browsers with JavaScript disabled.
Interactive UI without Scripts: The text demonstrates practical examples of building complex components—such as theme switchers, tabbed interfaces, and accordions—using only radio buttons, the :checked pseudo-class, the :has() selector, and the <details> element.
Mobile-First Viewport Units: An essential guide to the new responsive viewport units (svh, lvh, dvh), which solve the longstanding issue of mobile browser URL bars obscuring content.
Input Validation: A showcase of native HTML5 validation using regex patterns and CSS pseudo-classes like :user-valid to provide immediate feedback without a single line of client-side code.
Finally, Rebane concludes with a philosophical reflection on web development as an "art form." They argue that the choice to use CSS over JavaScript isn't just about performance or security, but about creative expression and the rejection of AI-driven, commercialized coding environments in favor of handcrafted, intentional design.
2025-08-28 | CSS
So much of the web these days is ruined by the bloat that is modern JavaScript frameworks. React apps that take several seconds to load. NextJS sites that throw random hydration errors. The node_modules folder that takes up gigabytes on your hard drive.
It’s awful. And you don’t need it.
Network Log (Simulated):
app - 200 - document - 153.8 kB - 51 ms
6920616d20612066-s.p.woff2 - 200 - font - 31.5 kB - 32 ms
686579206d652074-s.p.woff2 - 200 - font - 28.5 kB - 116 ms
77687920646f6573.css - 200 - stylesheet - 253 kB - 47 ms
2074686520646566.js - 200 - script - 648 kB - 83 ms
61756c74206e6578.js - 200 - script - 166 kB - 363 ms
746a732074616b65.js - 200 - script - 83.3 kB - 46 ms
turbopack-20757020.js - 200 - script - 38.0 kB - 95 ms
423f207468617427.js - 200 - script - 414 B - 34 ms
73206d6f72652074.js - 200 - script - 32.6 kB - 49 ms
68616e206d792065.js - 200 - script - 15.1 kB - 71 ms
6e7469726520626c.js - 200 - script - 143 kB - 48 ms
hey there! - 200 - script - 4.1 kB - 103 ms
The intro paragraph of this post is tongue-in-cheek. It’s there to get you to read the rest of the post. I suspect the megabytes of tracking scripts intertwined with bad code is far more likely to be the real culprit behind all the terrible sites out there. Web frameworks have their time and place. And despite my personal distaste for them, I know they are used by many teams to build awesome well-optimized apps.
Despite that, I think there’s some beauty in leaving it all behind. Not just the frameworks, but JavaScript altogether. Not every site needs JavaScript. Perhaps your e-commerce site needs it for its complex carts and data visualization dashboards, but is it really a necessity for most of what’s out there?
It’s actually pretty incredible what HTML and CSS alone can achieve.
So, what do you say?
My goal with this article is to share my perspectives on the web, as well as introduce many aspects of modern HTML/CSS you may not be familiar with. I’m not trying to make you give up JavaScript, I’m just trying to show you everything that’s possible, leaving it up to you to pick what works best for whatever you’re working on.
I think there’s a lot most web developers don’t know about CSS. And I think JS is often used where better alternatives exist.
So, let me show you what’s out there.
I believe a lot of the negativity towards CSS stems from not really knowing how to use it. Many developers kind of just skip learning the CSS fundamentals in favor of the more interesting Java- and TypeScript, and then go on to complain about a styling language they don’t understand.
I suspect this is due to many treating CSS as this silly third wheel for adding borders and box-shadows to a webapp. It’s undervalued and often compared to glorified crayons, rather than what it really is - a powerful domain-specific programming language.
It’s telling when to this day the only CSS joke in the webdev circles is centering a div.
Yes, the syntax isn’t the prettiest, but is it really that hard?
Besides, your devtools probably come with a fun little gadget that lets you fiddle with the flexbox by just clicking around. You don’t even need to remember the syntax. I don’t think CSS is fundamentally any more difficult than JS, but if you skip the basics on one and only focus on the other, it’s no surprise it feels that way.
Another source of disdain for CSS is how awful it has been to write in the past. This is very much true, and is probably why things like Sass and Tailwind exist.
But that’s the thing, it used to be bad.
Rebane @rebane2001 (Tweet/Post):
btw u should write css like
and html like <cool-thing shadow>wow</cool-thing> because it's allowed & modern & neat!
In the past few years, CSS has received a ton of awesome quality-of-life additions, making it nice to do stuff that has historically required preprocessors or JavaScript. Nesting is definitely one of my favorite additions!
In the past, you’ve had to write code that looks like this:
And yeah, that’s pretty awful to work with. But let’s try it with nesting:
That is way nicer to read! All the relevant parts are right next to each other.
You may have noticed that I’m also making use of relative colors in the second example. The gist of it is that you can take an existing color, modify it in many different ways across multiple color spaces, and mix it with other colors using color-mix().
There are so many cool new CSS features: using (width <= 768px) instead of max-width, the lh unit, the scrollbar-gutter property, or vertical centering without flex/grid.
All of this is brought together by Baseline. It’s a guarantee that a specific feature works in every major browser. Nesting, for example, has been fully supported in all browsers since December 2023.
I think my reasons for using CSS fall into two main categories - because some users don’t want to use JavaScript, and because doing things in CSS can be genuinely better.
Many security researchers use hardened browser configurations, which often means disabling JavaScript by default. The same goes for privacy-conscious users. As an experiment, I opened a local news site: it fetched 93 JS files. That's crazy!
And the performance of CSS is so much better! Every JavaScript interaction has to go through an event loop. But CSS animations run in the separate compositor thread and aren’t affected by stutters in the event loop.
In the past, fade-ins required complex keyframes or JS timeouts. Now:
Input elements are a great foundation. You can style labels based on the input state:
The <details> element is great for FAQ sections. It is accessible, works with Ctrl+F, and requires no JS.
The :user-valid pseudo-class only activates after user interaction, which is a big UX improvement over :valid.
On mobile, URL bars hide and show, making vh units ambiguous. The solution is responsive viewport units:
lvh: Largest viewport height (useful for full backgrounds).
svh: Smallest viewport height (crucial for buttons that must always be visible).
dvh: Dynamic viewport height (updates as the UI changes, but can be laggy).
Example browser-reported values:
vh: 100% of the viewport (implementation dependent).
lvh: 100% of the largest possible viewport.
svh: 100% of the smallest possible viewport.
dvh: 100% of the currently visible viewport.
Reusable blocks: An @apply type feature to put classes in other classes.
Combined @media selectors: The ability to combine media queries and class selectors in one block.
n-th child variable: A way to get the index of an element directly into a CSS variable.
Unit removal: The ability to divide 100vw by 1px to get a unitless number.
To me, web development is an art, and thus, CSS is too. I have a hard time relating to people who do webdev solely for money. Build chain tooling, linters, and AI take the creativity out of my work. I don't even use an IDE; I use Sublime Text. Using CSS is how I express myself.
This post is a self-contained HTML file with no JavaScript, images, or external resources—everything is handwritten HTML/CSS, weighing around 49kB gzipped.
Thank you for reading <3
The Blue Report provides a detailed analysis of the top 10 external websites generating the highest number of interactions (posts, reposts, and likes) on the Bluesky social media platform over a 30-day period, updated as of January 18, 2026. The data reveals a high concentration of political news, controversy surrounding immigration enforcement (ICE), and discussions about media integrity, alongside significant traffic directed toward creator economy platforms like YouTube, Patreon, and Twitch.
Overall Traffic Leaders and Dominant Themes:
The report is overwhelmingly dominated by YouTube, which amassed 6.4 million interactions, significantly outpacing the second-ranked New York Times (1.8 million) and The Guardian (1.0 million). The high-ranking links are unified by a focus on US domestic politics and law enforcement accountability.
Controversies Surrounding ICE and Immigration Enforcement:
The most prominent and recurring theme across the top news sites is the conduct of Immigration and Customs Enforcement (ICE). Multiple high-interaction links across five different top 10 sites refer to a fatal ICE shooting incident in Minneapolis. The New York Times reported on newly released records detailing chaos during the event, drawing 71,000 interactions—the single highest engagement score for any linked article. Other related high-engagement stories include Washington Post coverage detailing a medical examiner’s belief that a death in ICE custody was a homicide (54,000 interactions), and YouTube links reporting on the shooting of a woman in Minneapolis (23,000 interactions). Instagram provided specific legal commentary on an incident where an agent allegedly fired toward an occupied home, generating 14,000 interactions, while Raw Story highlighted a massive ICE whistleblower leak (18,000 interactions).
Media Integrity and Censorship:
Significant attention was paid to internal media conflicts, particularly the controversy surrounding the cancellation or pulling of a “60 Minutes” segment. A YouTube link referencing the “CANCELLED 60 MINUTES CECOT DOC” garnered 32,000 interactions. The New York Times followed up with a story where a correspondent called the pulling of the segment ‘political’ (47,000 interactions), and The Guardian noted a CBS News report on an ICE officer’s injuries related to the incident drew ‘huge internal concern’ (19,000 interactions).
Political and Judicial Discussions:
Beyond ICE, several political and judicial topics drove high traffic. YouTube’s top link was a statement by Federal Reserve Chair Jerome H. Powell (44,000 interactions). Democracy Docket (423,000 interactions total) focused heavily on Department of Justice (DOJ) accountability, with top links criticizing the DOJ for allegedly chickening out on the Epstein files release in violation of new law (14,000 interactions) and lawmakers requesting independent oversight. Former President Donald Trump also appeared in top stories, including coverage of an obscene gesture at a heckler (WaPo: 30,000) and an alleged attack on the Civil Rights Act (Raw Story: 14,000).
Creator and Streaming Platforms:
In contrast to the news sites, two platforms dedicated to independent creation and streaming—Patreon (898,000 interactions) and Twitch (487,000 interactions)—secured spots 4 and 6, respectively. Patreon traffic consisted of general links to multiple creators (e.g., Whisperfoot, BONI, Tabuley Anim), demonstrating strong community support. Twitch traffic was led by general links and major streaming organizations like GamesDoneQuick and RTAinJapan, indicating the Bluesky community actively links to and discusses streaming culture.
Other Notable Stories:
The Guardian featured a widely shared article on the effectiveness of protesting, citing historians and political scientists (24,000 interactions). The Associated Press covered the Golden Globes (24,000 interactions) and international stories, including Finnish media literacy programs designed to counter Russian propaganda. Instagram, while also focused on ICE, saw high engagement for community-driven content, such as the “NYC POLAR EXPRESS” toy gifting event (6,500 interactions).
Nothing you do to try to make the web a better place matters if nobody can find what you did. There are a lot of precious websites out there that deserve an audience, but instead are languishing in obscurity.
This makes alternative discovery mechanisms an urgent priority of the free and independent web, both document search as well as blog and RSS-feed discovery.
ActivityPub is a technology through which social networks can be made interoperable, connecting everything to a single social graph and content-sharing system. It’s an old standard based on even older ideas about a fundamentally different structure for social networking, one that’s much more like email or old-school web chat than any of the platforms we use now. It’s governed by open protocols, not closed platforms. It aims to give control back to users and to make sure that the social web is bigger than any single company.