bolha.us is one of the many independent Mastodon servers you can use to participate in the fediverse.
We're a Brazilian IT Community. We love IT/DevOps/Cloud, but we also love to talk about life, the universe, and more. | Nós somos uma comunidade de TI Brasileira, gostamos de Dev/DevOps/Cloud e mais!

Server stats:

252
active users

#webdev

185 posts117 participants11 posts today

Preact is a fast 3kB alternative to React with the same API. I started using it for a project at work and I’m really liking it. Aside from size and speed, it provides some really nice features not present in React. For example, I find signals are a really nice way to manage shared state between components.

preactjs.com/guide/v10/signals

preactjs.comSignals – Preact GuideSignals: composable reactive state with automatic rendering
Continued thread

I hadn't heard of it before, but it turns out there's a style format called XSLT that allows the browser to translate an XML file into HTML with CSS styling for display purposes.

Since my feed is Atom rather than RSS, I had a bit of trouble, but this post was helpful:

andrewstiefel.com/style-atom-x

Andrew StiefelHow to Style an Atom Feed with XSLTCreate a seamless user experience for your Atom or RSS feed with XLST stylesheets.
#RSS#Atom#XML

I figured out how to get my RSS feed to be human-readable and nice-looking!

I'd been wanting to do this to give people who aren't familiar with RSS an easier on-ramp to the stuff I care about.

I figure if someone new to RSS clicks on the link and just gets raw XML, they might think something is “broken” and not stick around, but now there's something human-readable and with instructions on how to follow it in a reader.

reillyspitzfaden.com/feed.xml

#RSS#Atom#XML

SOLVED

Web devs, need your help as a hobbyist learning things

I have a gallery of my art and I want to have popups with descriptions of each to be triggered when you click on the image. What I understand that's what the modal is.

Problem I have: all the tutorials are about modals showing same content, when I try to find the opposite it's featuring bootstrap. Is it necessary or I can just get away with vanilla JS? If so, can you please share resources?

I also heard about "dialog" tag and heard that it's supposedly easier than classic modals, but I lack tutorials about it too

(When replying please be patient, I barely have any JS knowledge)


#webdev