Skip to main content

Search

Items tagged with: SmallWeb

:kitten: Say hello to the new Kitten web site! 🎉

https://kitten.small-web.org

Like Kitten itself, it’s a baby but will be evolving quickly as they approach API version 1 together.

Enjoy!

💕

PS. Of course it’s written in Kitten itself. It doesn’t do anything fancy but here’s the source code if you’re interested: https://codeberg.org/kitten/site

#Kitten #SmallWeb #SmallTech #web #dev #html #css #JavaScript #NodeJS #documentation

Screenshot of the main page of the Kitten web site at https://kitten.small-web.org. Title: Kitten Nav: Home, Tutorials, Reference, Credits, FAQ, Fund Us A 💕 Small Web development kit. Build using HTML, CSS, and JavaScript. Progressively enhance with Streaming HTML and htmx. Go beyond traditional web apps to create peer-to-peer 💕 Small Web apps. Free as in freedom, small as in Small Technology. Callout with pink background: 🍼 Kitten is still a baby. Expect breaking changes until API version 1.
Screenshot of Kitten web site; main page, scrolled with the System requirements collapsible area under the Get started heading open: System requirements - Linux, macOS, and Windows (WSL 2). - Bash version 5.x+. - Common developer tools and system utilities (git, tar, tee, and xz). Heading: Install Tabs: Linux (selected), macOS, Windows Selected Linux tab: Run the following command in a terminal window (or, use curl): wget -qO- https://kittens.small-web.org/install | bash Copy button Heading: Play Top of a video is partially visible.
Screenshot of the main page of the Kitten web site, scrolled to the Play section showing a video of yours truly (white-passing guy with short brown hair and glasses in a room lit with a blue-lit background. I’m looking at two windows superimposed on my screen. Top window is a browser with a tab titled Counter. In it is a counter at 5 with plus and minus buttons. Under it is an editor showing the code for the counter component that rendered it: const Count = () => kitten.html` <div id='count' aria-live='assertive' style='font-size: 2em;' >${kitten.db.counter.count}</div> The caption of the video is partially visible: Kitten, uniquely, enables you to build Small Web apps (peer-to-peer web apps). But it also aims to make creating any type of web app as easy as possible. Before embarking on the Tutorials, let’s jump right in and create a simple…
Screenshot of a tutorial page (Index > 6. Kitten’s interactive Shell (REPL) 🐢) on the Kitten web site. A callout is partially visible under the title/breadcrumb navigation: Explore Kitten’s interactive shell (REPL) to inspect your database and get introduced to the concept of Kitten components. Topics covered How to launch and use Kitten’s interactive shell (REPL). Exploring the global kitten object. The heading and navigation is the same as in the first screenshot.

site

The Kitten web site at https://kitten.small-web.org
Codeberg.org
#javascript #web #html #css #documentation #SmallWeb #kitten #smalltech #dev #nodejs

⇧