Skip to main content

: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
#dev #web #javascript #html #css #SmallTech #nodejs #SmallWeb #kitten #documentation
This entry was edited (3 weeks ago)

Aral Balkan reshared this.

in reply to Aral Balkan

moanos DECT:9227
moanos DECT:9227
• •
I really have to try it... Never touched JS though, so the learning curve will be steep 😅
in reply to moanos DECT:9227

Aral Balkan
Aral Balkan
• •
@moanos Please let me know how you get on if you do. The tutorials might be a good, gentle introduction to JavaScript too (https://kitten.small-web.org/tutorials/) :)
@moanos DECT:9227
in reply to Aral Balkan

Orhun Parmaksız 👾
Orhun Parmaksız 👾
• •
we need more straight-to-the-point & simple websites like this!
in reply to Orhun Parmaksız 👾

Aral Balkan
Aral Balkan
• •

@orhun Complexity is their (Big Tech’s) weapon; simplicity is our (Small Tech’s) shield ;)

(And thanks.) :)

💕

@Orhun Parmaksız 👾
in reply to Aral Balkan

Triskelion
Triskelion
• •
I would like to get a domain and start blogging in future, will check this out. I'll also take https://seirdy.one/ as reference, it's the only website I know that passes all accessibility and web standard test :-)

Seirdy’s Home

My personal IndieWeb site. I write about and develop software to promote user autonomy. Topics include accessibility, security, privacy, and software freedom.
Seirdy’s Home
⇧