Personal website ready to automatically switch to Halloween mode tomorrow ! Yay ! 🎃

(Sneaky preview : https://villapirorum.netlify.app/?halloween)

#halloween #css #js #webdev

Today I'm adding favicons to the header of the preview cards of my blogroll/bookmarks feed!

Fascinating just to watch how diverse, personal and colorfull all those previews are! Love it!

https://villapirorum.netlify.app/web-feed/

#webdev #blogroll

I'm used to cast some home-made web-based "screen-savers" on my living-room TV.

Thought I might share them https://villapirorum.netlify.app/web/art/

#web #html #css #js #animation #art

Quitte happy with how optimization of my blogroll / web-feed page turned out ! 🥳 https://villapirorum.netlify.app/web-feed/

The page itself is still heavy, but it seems like "diplay: none" on inner content of all cards that are not visible is optimizing rendering of the page alot !

Of course I could do pagination instead of keeping 512 rich links on the page. But I admit I love scrolling those blog posts, reading their excerpt, watching their illustration image, until I find one I still haven't read 🤫

Hello #webdev, #css & #frontend devs !

I know I could (try to) do it myself but... Does anyone know a syntax highlighting #prism theme (light & dark) that passes WCAG3 / APCA contrast validation ? Could not find one that goes that far.

Thanks!

#a11y

I'm now applying Heydon Pickering's testing css utilities on my site in production !

Scary! 😅

Developing in the open ftw!

Ref: https://heydonworks.com/article/testing-html-with-modern-css/ by @heydon

Applied on https://villapirorum.netlify.app

#webdev #amateurwebdev #website #personalwebsite #css #test

Big accessibility cleanup on my website (https://villapirorum.netlify.app/dev) !

✅ Passed WCAG2 AAA color contrast AND
✅ Passed WCAG3/APCA color contrast

(checked with Wave & Visbug)

🥳

Also added support for text type in my color contrast checker / suggest tool (https://villapirorum.netlify.app/web/contrasted-colors)

#webdev #frontend #a11y #accessibility #apca #wcag3 #personalwebsite #amateurwebdev

Hi #fediverse, #indieweb, #amateur #webdev s and all those who own their #website !

Decided that I would allow inspection of the source code of all my website's pages!

Not the html source everyone can already view. But the original, "native", source code. The one I write. Before the static-site compilation/building stage.

Would love to know what you think about it.

https://villapirorum.netlify.app/web/source-code#source-code

Still a few issues but quite happy with how my bookmarks / blogroll / RSS aggregator page has evolved

https://villapirorum.netlify.app/web-feed

Would love feedback, criticism, suggestions !
Some personal thoughts about it: https://villapirorum.netlify.app/web/web-feed

#amateurwebdev #indieweb #blog #rss #blogroll