digitalcourage.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Diese Instanz wird betrieben von Digitalcourage e.V. für die Allgemeinheit. Damit wir das nachhaltig tun können, erheben wir einen jährlichen Vorausbeitrag von 1€/Monat per SEPA-Lastschrifteinzug.

Server stats:

822
active users

#css

69 posts59 participants0 posts today
Continued thread

One of the things in my digital garden is this set of tutorials on webmentions:

reillyspitzfaden.com/digital-g

I noticed I kept writing blog posts about them (and realized I would probably keep doing that for a while!) and decided to put everything in one place.

You can use the table of contents (also a new site feature!) to hop around and choose the tutorial you want, and the first two are pretty easy even with only a small amount of HTML experience.

Pixel art of a radio tower and floppy disk, with pixel art text reading 'Reilly Spitzfaden'
reillyspitzfaden.comA Quick Guide to Everything I Know about Webmentions
#HTML#CSS#WebDev

I recently overhauled my website and when it was time to style the buttons I decided: nah, let's roll with browser defaults.

(I stuck with browser defaults for a lot of things.)

It looks good – I might even consider it great. It all works perfectly in light and dark mode, it's accessible, and it's less #css I need to send over the wire, maintain, etc.

Ayllu v0.4 has been released!

#Ayllu is a code forge designed for performance, simplicity and hackability. The #AGPL-licensed project by Kevin Schoon can be considered a #SmallTech / #SmallWeb initiative.

You can find the Ayllu code, hosted on Ayllu at: ayllu-forge.org/ayllu/ayllu

Read all about new features in the release notes. Also, are you good at #UX and designing UI's with plain #HTML and #CSS?

Then how would you design the UI for #git blame, asks Kevin.

kevinschoon.com/blog/announcin

Maybe this needs to be a daily series LOL

Here's my daily thanks to the #CSS gods for :not() AND :has() (both now my fav selectors)

Need to give extra spacing to an item with 3 or less children?

.parent-class:not(:has(:nth-child(4 of .child-class)))