#html — Public Fediverse posts

Version 0.3.2 of Pyriodic Backend has been deployed to PyPi!

Pyriodic Backend, the Backend for the Static Web, is my Python project aimed at small, static HTML websites like blogs or personal websites.

It allows to periodically update certain parts of the webpage, for example to show the temperature, or the time, or the battery level.

It works by directly editing specific tags of the website using BeautifulSoup under the hood.

It's aimed to run on SBCs and other small computers.

Link: https://pypi.org/project/pyriodic-backend/

I am using it to show battery and solar panel statistics for my offgrid blog:

https://slomaislonce.pl/serwer/

#python #smallWeb #HTML #personalWebsite #blog

Sneak preview:

If you’re curious about HTML Minifier or want to check your configuration, try HTML Minifier Setup—in your (unminified) export, run `npx html-minifier-setup` to get a recommended configuration.

Full update soon!

https://www.npmjs.com/package/html-minifier-setup

#htmlminifier #html

📐 SVG: ‹use›

Reuses and instantiates an existing SVG element by reference.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/use

#HTML #WebDev #DailyHTML

📐 SVG: ‹feDiffuseLighting›

Applies soft, matte-style lighting to an SVG graphic in a filter.

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDiffuseLighting

#HTML #WebDev #DailyHTML

#Development #Explainers
WebMCP explained with a to-do app · When agents stop guessing what a webpage does https://ilo.im/16hrzy

_____
#WebMCP #MCP #Webpages #AiAgents #AI #Chrome #Browser #WebDev #Frontend #HTML #JavaScript

Dew Drop - November 12, 2026 (#4791)

https://alvinashcraft.com/2026/11/12/dew-drop-november-12-2026-4791/

JavaScript minification:

From my tests with HTML Minifier (and HTML Minifier Next), SWC is about ten times faster (!) than Terser.

While Terser is the default for JS minification in HTML Minifier, you can easily switch engines:

https://github.com/j9t/html-minifier#javascript-minification

Bundle size and changed output (though now within ±0.06%) have so far held me from switching defaults, but I’m increasingly concerned about Terser’s posture in terms of how they handle security and performance issues. I’ll share updates.

#javascript #html #htmlminifier #minification #swc #terser #performance

Overriding Heading Levels With the `headingoffset` HTML Attribute, by @dxnny.fun (@frontendmasters.com):

https://blog.master.dev/overriding-heading-levels-with-the-headingoffset-html-attribute/?ref=dxsrc.org

#html #headings #attributes

It's interesting how the #web evolves, only to cycle back to plain text files. After years of increasingly complex #documentation platforms, we're back to Markdown files. #Anthropic hosts a lot of #Markdown files under https://code.claude.com/docs/en/, not for humans but for machines to read. And this was exactly the original idea behind #HTML, to be read by maschines. #plaintext

‹dt›

Specifies a term in a description or definition list.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dt

#HTML #WebDev #DailyHTML

HTML5 Video Not Properly Encoded: Causes and Fixes, by (not found or attributed):

https://html5doctor.com/html5-video-not-properly-encoded/?ref=dxsrc.org

#html #multimedia

‹q›

Indicates that the enclosed text is a short inline quotation.

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/q

#HTML #WebDev #DailyHTML

Depuis quelque temps, presque TOUS les posts de Stack Overflow sur lesquels je tombe en cherchant dans ddg sont vieux. Je tombe sur des trucs de 2009, 2014, parfois 2020 si je suis chanceux.

Quand on parle de Javascript, de CSS, ou même d'HTML, c'est totalement à côté de la plaque. Les solutions sont totalement obsolètes.

#JS #CSS #HTML #StackOverflow

min gamle drøm -- om å jobbe med kontrakter som med kode -- gikk endelig i oppfyllese!

jeg fikk kastet på meg 4 sett med dokumenter for tjenestevilkår og personvern alle skrevet i word.

etter 2 uker med refactoring ligger alt i git som markdown, med automatisk bygging til #html og #pdf hver gang det gjøres en commit.

jeg har ikke så mye forhold til innholdet ennå, men strukturen ble skikkelig bra! dokumentene har commit-hashen som id og viser til git for historikk!

https://vilkar.lavli.no/

One of the exciting new features in the Kitten API version 1 release I made over the weekend is automatic updates.

When automatic updates are on, a deployed Kitten server will:

1. Check for updates to Kitten as well as the installed Kitten app at an interval that you can customise.

2. Correctly handle updates between major (breaking) Kitten versions. (In other words between Kitten API versions, e.g., from 1 to 2, 2 to 3, etc.) This includes ensuring that the installed app has a compatible version before upgrading and seamlessly handling app upgrades across breaking changes.

3. Rollbacks: if, for whatever reason, an upgrade fails, it is automatically rolled back (this includes your databases).

The only thing you need to add to your apps to take advantage of this is an `engines.kitten` entry to your package.json file set to the API version your app has been tested with (currently, should be “1”).

You can also, of course, manually update both Kitten and your app before the next check via Kitten Settings (see second screenshot) and you can also set up a webhook so that pushing to your main or release branch updates the app immediately on a single server.

If you app has a release branch, that’s what Kitten checks for updates and you can deploy, e.g., from `main`, using `git push origin main:release`. Otherwise, Kitten will check your default branch, which is usually `main`.

For more details, see:

⁃ Updating Kitten: https://kitten.small-web.org/reference/#updating-kitten

⁃ Versioning: https://kitten.small-web.org/reference/#versioning

You can get and play with kitten at https://kitten.small-web.org

Enjoy!

:kitten: 💕

#Kitten #SmallWeb #SmallTech #web #dev #HTML #CSS #JavaScript #automaticUpdates #deployment

Alright, folks. This one has been a long time coming.

Today I'm excited to announce Angular (@angular) wrappers for Custom Elements!

#html #css #javascript #WebDev #WebComponents
https://wc-toolkit.com/integrations/angular/

Dew Drop - November 11, 2026 (#4790)

https://alvinashcraft.com/2026/11/11/dew-drop-november-11-2026-4790/

People managing public transportation in 47 real world cities already. Do you like transport builders / tycoons? Try my game and help me improving it:

https://ambience.sk/games/realcity/

#games #game #gaming #gamedev #retrogaming #osm #indiedev #indiegame #indiegames #tech #technology #wikipedia #browsergame #dev #html #tycoon #builder #transport #transportation #publictransport #railway #simutrans

Fully Customise Your `select` Elements, by @tempertemper:

https://www.tempertemper.net/blog/fully-customise-your-select-elements?ref=dxsrc.org

#forms #html #css #accessibility

#Development #Guides
How to dismiss a popover or dialog · Closing overlays the way users already expect https://ilo.im/16htmr

_____
#Users #Overlays #HtmlDialog #Popover #Usability #Accessibility #Browsers #WebDev #Frontend #HTML