#picocss — Public Fediverse posts

I'm using the pattern from this MDN example to provide visual feedback for HTML form validation with just CSS. This works just fine in Gecko (Firefox / Zen) and Codepen.io but does not work the same in Blink (Vivaldi / Chromium).

I have no idea what I'm doing so would love any help, here's the code snippet, which also show the pico.css include.

Edit: fixed typo and wanted to add that I'm getting very close to unleashing my total nonsense acoustic-coding Go project. I'm excited to share my fumblings and stumblings to make something just for giggles! I hope I can nerd-snipe some experts in to giving me some guidance on what I should do differently. Basically, I'll be asking for more help soon, so thanks in advance!

#HTML  #CSS #Gecko #Firefox #Zen #Blink #Vivaldi #Chromium #PicoCSS #GoLang #AcousticCoding

I'm using the pattern from this MDN example to provide visual feedback for HTML form validation with just CSS. This works just fine in Gecko (Firefox / Zen) and Codepen.io but does not work the same in Blink (Vivaldi / Chromium).

I have no idea what I'm doing so would love any help, here's the code snippet, which also show the pico.css include.

Edit: fixed typo and wanted to add that I'm getting very close to unleashing my total nonsense acoustic-coding Go project. I'm excited to share my fumblings and stumblings to make something just for giggles! I hope I can nerd-snipe some experts in to giving me some guidance on what I should do differently. Basically, I'll be asking for more help soon, so thanks in advance!

#HTML  #CSS #Gecko #Firefox #Zen #Blink #Vivaldi #Chromium #PicoCSS #GoLang #AcousticCoding

I'm using the pattern from this MDN example to provide visual feedback for HTML form validation with just CSS. This works just fine in Gecko (Firefox / Zen) and Codepen.io but does not work the same in Blink (Vivaldi / Chromium).

I have no idea what I'm doing so would love any help, here's the code snippet, which also show the pico.css include.

Edit: fixed typo and wanted to add that I'm getting very close to unleashing my total nonsense acoustic-coding Go project. I'm excited to share my fumblings and stumblings to make something just for giggles! I hope I can nerd-snipe some experts in to giving me some guidance on what I should do differently. Basically, I'll be asking for more help soon, so thanks in advance!

#HTML  #CSS #Gecko #Firefox #Zen #Blink #Vivaldi #Chromium #PicoCSS #GoLang #AcousticCoding

I'm using the pattern from this MDN example to provide visual feedback for HTML form validation with just CSS. This works just fine in Gecko (Firefox / Zen) and Codepen.io but does not work the same in Blink (Vivaldi / Chromium).

I have no idea what I'm doing so would love any help, here's the code snippet, which also show the pico.css include.

Edit: fixed typo and wanted to add that I'm getting very close to unleashing my total nonsense acoustic-coding Go project. I'm excited to share my fumblings and stumblings to make something just for giggles! I hope I can nerd-snipe some experts in to giving me some guidance on what I should do differently. Basically, I'll be asking for more help soon, so thanks in advance!

#HTML  #CSS #Gecko #Firefox #Zen #Blink #Vivaldi #Chromium #PicoCSS #GoLang #AcousticCoding

I'm using the pattern from this MDN example to provide visual feedback for HTML form validation with just CSS. This works just fine in Gecko (Firefox / Zen) and Codepen.io but does not work the same in Blink (Vivaldi / Chromium).

I have no idea what I'm doing so would love any help, here's the code snippet, which also show the pico.css include.

Edit: fixed typo and wanted to add that I'm getting very close to unleashing my total nonsense acoustic-coding Go project. I'm excited to share my fumblings and stumblings to make something just for giggles! I hope I can nerd-snipe some experts in to giving me some guidance on what I should do differently. Basically, I'll be asking for more help soon, so thanks in advance!

#HTML  #CSS #Gecko #Firefox #Zen #Blink #Vivaldi #Chromium #PicoCSS #GoLang #AcousticCoding

Still using ✨Pico.css?

Check out our community-driven successor: https://github.com/anyblades/pico

Modern CSS, Sass-free, opt-in Float Labels, and more.

#css #picocss #blades ✨🥷

Pico CSS • Minimal CSS Framework for Semantic HTML

https://picocss.com

#HackerNews #PicoCSS #Minimalism #SemanticHTML #CSSFramework #WebDesign

Le #buildinpublic #algoo de la semaine 39/2024 👉 https://www.algoo.fr/fr/actualites/article/le-build-in-public-algoo-de-la-semaine-39-2024

On y parle notamment de #tracim #galae, documentation, appels d'offres et minimalisme #css avec #picocss

We're working on a website re-design. Made some decisions today. Will be simplifying the design concept to cards representing each of the website sections and then a search that eliminates cards that do not match the search.

This allowed us to remove the bulky menus that the previous version of the website had and simplify the primary use of the website, which is to quickly find information.

Will be using #PicoCSS, #Lapis #Lua and #HTMX

• https://picocss.com/
• https://leafo.net/lapis/
• https://www.lua.org/
• https://htmx.org/

#webdev

I've been using the web since 1995, and I still struggle with web UIs and CSS.

Currently I primarily use Simple.css and Pico.css.

The problem is that I need a little more pre-made elements than even Pico.css gives me.

I know people tout Tailwinds.

How should I ground myself in making good web apps. I want to make something like this todo example in tailwinds... but it seems like a big investment to learn/use tailwinds?

https://tailwindflex.com/@kofi-osei/todo-list-in-tailwlind

#webdev #css #picocss #tailwinds