OK, so here’s likely the simplest possible example demonstrating:
• The same route, implemented as both a Kitten JavaScript Page (.page.js) and as a Kitten Markdown Page (.page.md)
• How to persist to the default Kitten JSDB¹ database.
(That first line with the nullish coalescing operator creates a “table” on the database with a default value for the count if it doesn’t already exist.)
Coming soon (likely this afternoon, I’m writing tests and docs and updating examples as we speak)…
This is the sort of thing you’ll be able to do with Markdown pages. Just pop any arbitrary JavaScript you want in the new script block in the front matter and then import and use components as well as plain old JavaScript tagged template variable interpolation (not shown in this example) inside your Markdown.
The screen has all the code (sans the end of the last line of CSS and the closing tags for the <style> and <div> in the Reactions component, which I couldn’t make fit without reducing the font size) for the example you see in the browser with functional buttons that persist their state to Kitten’s built-in default database.
When I say all the code, I mean all the code. There is no scaffolding. Those two files are the only two files in the project.
Single-file HTML apps – Hyperclay
Experience the Zen of making, hosting, and sharing great software in a single, portable, self-updating, vanilla HTML file
Rewriting the Windows section of Kitten’s installation instructions.
Update: it’s live now.
Web apps in a single, portable, self-updating, vanilla HTML file
Link: https://hyperclay.com/
Discussion: https://news.ycombinator.com/item?id=44937991
Web apps in a single, portable, self-updating, vanilla HTML file
<h5>
Represents the fifth highest section level heading.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements
Bloody hell, finally, I think I’m done with the Markdown support rewrite in Kitten.
The Markdown rule for interpreting four spaces as code fences has been the biggest pain in my neck during this whole ordeal but, bitching aside, it means the parser is now more accurate and thus stronger for it.
If all goes well, expect a Monday release :)
<progress>
Displays an indicator showing the completion progress of a task.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/progress
How do you recommend embedding a #Mastodon user feed onto a (static) HTML website?
approaching software differently these days...
switching my life over to free and #opensource projects has heightened my curiosity and got me interested in the web again...
stuff like #smolweb #indieweb #linux #singlepurposetech #lemmy #solarpunk #neocities #html #css
im seeing how my anarcho-socialist worldview blends into my special interests: #movement #music #medicine #moment
i came across #permacomputing yesterday and haven't stopped thinking about it since
DEPRECATED: <acronym>
Allows authors to clearly indicate a sequence of characters that compose an acronym or abbreviation for a word.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/acronym
#Development #Guides
New HTML attribute ‘hidden=until-found’ · How it makes hidden content findable via browser search https://ilo.im/1665vp
_____
#HTML #Findability #Content #Webpage #Interoperability #Browser #WebDev #Frontend
<wbr>
Represents a word break opportunity.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/wbr
Let's say you have an #HTML table. Each `tr` has an attribute (say, `data-name`) whose value is indicative of the row contents (for the curious: this is a heavily customized Apache directory listing, and the data-name is a normalized version of the file/dir name, but it could be anything). There is also an `input` field. We want to only show the rows whose data-name contains the contents of the input field.
2/n
Speaking of #webDev, what the #HTML and #CSS standards need is some way to style nodes based on DOM values of other modes. Unless I'm missing something, we still need #JavaScript to achieve the following, but I'm open to recommendations or suggestions about things I might have missed, so let's make this an #askFedi
The intent here is to develop a JS-free “quick filter” over a list or table.
Here's what I've done:
1/n
Game Studio Starter Kit (6 Game Collection) http://leanpub.com/set/leanpub/ugsskitc by Stephen Gose is the featured Track of online courses on the Leanpub homepage! https://leanpub.com #ProjectManagement #GameDevelopment #html #JavaScript #WebDevelopment #gaming #videogames #contentcreator
