Single-digit inputs with one element: "Turn a simple input into single-digit inputs using a few lines of #CSS. Useful for One-Time Password fields. No extra element (only the <input> element); Less than 15 CSS declarations; Optimized with CSS variables;" https://css-tip.com/single-digit-inputs/
How should I read the values for box-shadow-position in the formal syntax of box-shadow on MDN?
It says <box-shadow-position> = [ outset | inset ] which I read as: the value is either outset or inset. But I know outset is not supported. It is the default behavior, not the default value.
Maybe I need a documentation of these formal syntaxes… 😅
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.
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.