Nume MacAroon Ⓥ @nm

**Lee Dogeon** @moreal@hackers.pub · 2h

**Adminuiux** @adminuiux@mastodon.social · 5h

Adminuiux @adminuiux@mastodon.social

Streamline your ecommerce operations with eCommUIUX! Our Bootstrap 5 HTML templates offer a perfect interface for online inventory management. #ecommerce #bootstrap5 #inventory #dashboard #adminuiux #HTML #admin #dashboard #themes #templates

**Negative12DollarBill** @negative12dollarbill@techhub.social · 13h

13h

Negative12DollarBill @negative12dollarbill@techhub.social

Hi, #Today I decided to try to #getfedihired — I've got many years of experience with web development, programming and production (#HTML, #CSS, #Javascript), I can make myself useful in anything on the open-source side of back end, i.e. the #Perl, #Python, #PHP, #MySQL, #Linux kind of area.

I live in #Sydney Australia and would be happy to work in-office, remote or hybrid.

Let me know of any opportunities, or pass this on to anyone else who might know of something? Thanks.

**smattymatty** @smattymatty@techhub.social · 15h

15h

smattymatty @smattymatty@techhub.social

https://hypermedia.systems/book/contents/

This book is very good for anyone who is interested in #HTML or #HTMX

I've been reading it, here are my key takeaways from the first few chapters!

I have a very specific way of note-taking when reading books :) I call it the Hyperlinked-Interactive-Brain or HIB approach.

**doefom** @doefom@mastodon.social · 16h

16h

doefom @doefom@mastodon.social

I feel like building responsive navbars is harder than it looks

#laravel #statamic #php

**CSS by T. Afif** @css@front-end.social · 21h

21h

CSS by T. Afif @css@front-end.social

CSS Tip!

Split and assemble an image with a cool hover effect and a few lines of code. Single-element implementation (the image tag) powered by CSS mask.

https://css-tip.com/assemble-image/

GIF

#CSS #HTML

**Aral Balkan** @aral@mastodon.ar.al · 22h *

22h *

Aral Balkan @aral@mastodon.ar.al

New Kitten release

• Now leaves <style> tags within <template> tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.

(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)

Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.

Enjoy!

¹ https://kitten.small-web.org/tutorials/streaming-html/
² https://kitten.small-web.org/tutorials/components-and-fragments/

Screenshot of code (left) and browser output (right).

Code:

<p>I am regular root</p>
<div>
<template shadowrootmode='open'>
<p>I am shadow root</p>
<slot></slot>
<style>
p { color: red; }
</style>
</template>
</div>
<p>I am also regular root</p>
<style>
p { color: blue; }
</style>

Browser output shows “I am regular root” in blue, “I am shadow root” in red, and “I am also regular root” in blue.

ALT

#Kitten #SmallWeb #SmallTech

**Erdem S.** @erdemsicak@mastodon.social · 23h

23h

Erdem S. @erdemsicak@mastodon.social

˚ Semantic HTML ˚

Don’t ignore #semantic #HTML. <button> > <div onclick>. Your code should be readable for humans and machines.

ALT

#frontend #webdesign #design

**Inautilo** @inautilo@mastodon.social · 1d

**ThomasAPowell** @thomasapowell@fosstodon.org · 1d

ThomasAPowell @thomasapowell@fosstodon.org

It's abundantly clear to me that the tag soup we have accepted as reasonable #HTML markup is going to continue to get worse. LLMs without guidance tend to everything in a <div>, avoid semantic elements unless told otherwise, and give literally everything a class. It's infuriating.

I wonder how many #webdev novices understand these tools don't just generate what they may view as harmless syntax we can quibble about and may bake in design choices that may deeply users #a11y wise.

**Inautilo** @inautilo@mastodon.social · 1d

**Peter Müller** @pmmueller@mastodon.social · 1d *

1d *

Peter Müller @pmmueller@mastodon.social

Wow. Diese Leser-Mail »made my day«:

»... ich habe mir vor 3 Wochen ihr Buch "Einstieg in HTML und CSS" gekauft und bin fleißig am lernen ... Sie erklären fantastisch und das mit einem Humor, der genau meinen trifft. Ich wollte einfach kurz Danke sagen!

… und nun bin ich so aufgeregt und voller Freude beim Lernen, dass ich ständig die Zeit vergesse und es kaum erwarten kann wieder aufzuwachen um weiterzumachen. Was haben Sie denn da angerichtet?«

#HTML #CSS #lernen

https://html-und-css.de/

html-und-css.dePeter Müller: Buch und Videokurs zu HTML und CSS | html-und-css.deSie wollen HTML und CSS von Grund auf lernen? Oder vorhandene Kenntnisse auffrischen? Dann sind Sie hier richtig. Hereinspaziert.

**Angelika Cathor** @angelikatyborska@mas.to · 1d

Angelika Cathor @angelikatyborska@mas.to

In the last 6 months of using Astro in SSR mode, I have learned a lot about HTML streaming and how it breaks the expectations I had for full-stack apps, coming from Phoenix/Ruby on Rails.

I have written down a short blog post about it so you can learn from my mistakes instead of repeating them

https://angelika.me/2025/03/16/implications-of-astro-html-streaming/

angelika.meThe implications of Astro's HTML streaming | Angelika.meRead this if you care about accurate HTTP response status codes and error tracking.

#Astro #WebDev #HTML