In 45 minutes I made a #kotlin#javalin application from scratch, which uses #webjars to include #htmx from a #maven pom file. It uses static #HTML files for the first load, and then renders HTML from #jte templates for #SSR of the parts of the pages that need that kind of interaction. There's no #springboot (or any #spring at all) and no #SPA like #angular or #react.
Now because simply setting up a project says close to nothing about its real world viability, next step is an actual usecase ( :
So Kitten’s build process (i.e., the time it takes to build Kitten itself) takes ~0.7 seconds on my ~1 year old desktop (Ryzen 7 5700G 3.8Ghz) vs ~1.4 seconds on my ~3-year-old Starlabs LabTop (renamed to the Starbook thanks to a suggestion by yours truly but sadly, not quickly enough).
So, in summary, it’s bloody fast for something that results in a ~9MB bundle.
Note that when you’re working with Kitten, your apps do not have a build process.
You write HTML, CSS, JavaScript and, optionally, extend using first-class support for htmx and alpine.js as well as Kitten’s own Streaming HTML workflow¹. There’s also no scaffolding or generating a project with hundreds of files or anything. You just write the code for your app.
Switching It Up With #HTML’s Latest Control: "After years of relying on checkbox hacks to create a “switch” control for forms that toggle between two states, HTML may be gaining a native way to go about it by adding a switch attribute to checkbox inputs." https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/
"AI can help by providing mostly accurate descriptions of images on web pages. This can be especially helpful when the image has not been provided with an text alternative, but is visible on the page."
Ich mag eine #Website machen, möglichst reines #HTML 4, möglichst ohne #Javascript. CSS 3 wenns sein muss, sonst eher 2.
Die Website soll möglichst auf Chrome genauso laufen wie auf Netscape (die Älteren werden sich erinnern...) und auch in Text-Browsern wie Lynx oder w3m.
tl;dr: Die Seite soll auch noch funktionieren, wenn javascript und css ausfallen.
Wie würde ich da denn "Tabs" machen? Oder was wären Alternativen zu tabs?
Oh man, there are so many #HTML tags I didn't know about. One of those is the <abbr> tag that can be useful when working with abbreviations. Here's a short example.
I probably get flooded by asking this but welp, here I go:
I'm looking for a good, visual (!) #tutorial for #WebDevelopment that focuses on Codium, Firefox and other Open-Source tools. My specific interests are to learn #HTML, #CSS, #PHP and #SQL. Perhaps some minor #Javascript, however I'd like to primarily work without it.
I'm a visual learner, extended theory in text won't help me at all. As language is visual to me, so is #programming.
Here's another interesting #HTML tag. <mark> lets you highlight certain parts of your text to draw extra attention to it.
One real world example where this can be especially useful is highlighting the parts of your search results that match the search query. Or at least that's where I regularly use it.
Do you know the #HTML tags 'details' and 'summary'? I didn't until now.
The combination of those two let's you toggle content with default HTML behavior. This is one of those things you will probably not use in production because it just doesn't look so nice but as always, for quickly prototyping something like an FAQ section this might just fit in perfectly.