AI-Generated Analog Clocks: Nine Models Create HTML/CSS Time Displays
By
waxpancake
A second-rack bagel that's nearly first-rack. Tasty stuff.
Summary
A web project displays analog clocks generated by nine different AI models, each using the same prompt to create HTML/CSS code for a responsive clock with animated second hand on white background. The project was created by Brian Moore and inspired by Matthew Rayfield.
Key quotes
· 4 pulledEvery minute, a new clock is displayed that has been generated by nine twelve different AI models.
Create HTML/CSS of an analog clock showing ${time}. Include numbers (or numerals) if you wish, and have a CSS animated second hand.
Make it responsive and use a white background. Return ONLY the HTML/CSS code with no markdown formatting.
Created by Brian Moore. You can also follow him on Instagram. Idea inspired by Matthew Rayfield.
You might also wanna read
WebSparks: An AI-Powered Tool for Building Web Applications Without Extensive Coding
WebSparks is an AI-powered software engineer that transforms ideas into fully functional web applications without requiring extensive coding
innovirtuoso.com·18h ago
Joost de Valk publishes open Website Specification: 128 rules for modern, future-proof websites
Joost de Valk, creator of Yoast SEO, published the Website Specification (specification.website) — an open, platform-agnostic reference docu
ppc.land·23h ago
ZX Spectrum BASIC interpreter rebuilt from scratch to run natively in web browsers
A developer has rebuilt the ZX Spectrum's BASIC interpreter from scratch to run in a web browser, without emulating the original Z80 hardwar
boingboing.net·1d ago
How to Set Up an Apache Reverse Proxy for an Ecommerce Website
This article provides a comprehensive, start-to-finish guide on setting up an Apache reverse proxy specifically for ecommerce websites. It c
blog.radwebhosting.com·2d ago
Implementing live text search in React with Firestore Enterprise's built-in search pipeline
Firebase's Firestore Enterprise edition now includes built-in text search support. This article demonstrates how to implement live text sear
firebase.blog·2d ago
wterm: A DOM-based Web Terminal Emulator Powered by Zig and WebAssembly
wterm is a web-based terminal emulator that renders directly to the DOM, providing native text selection, copy/paste, find functionality, an
wterm.dev·2d ago