𝗣𝗶𝗰𝗼 𝗖𝗦𝗦:

#CSS #Framework #Picocss

https://thewhale.cc/posts/pico-css

Minimal CSS Framework for semantic HTML. Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.

@sknob @lminiero thank you for describing your journey to your new website 👍 It was fun to read 😃
What a performance boost, your work really paid off!

I've picked #PicoCSS as a lightweight frontend framework, so i didn't have to start from the ground up and still keep a small footprint. They have light/dark mode support. Maybe useful for the next incarnation of your website?

Are you looking for a lightweight CSS framework with #a11y and semantics in mind? Check out #picocss which brings you simple beautiful styling without adding tons of wrappers or utility classes to your markup.
https://picocss.com

🎉 Wow, a "framework" so minimal it practically does nothing! 👏 Just slap on Pico #CSS, and behold: your HTML tags are magically... styled? 🔮✨ With fewer than 10 classes, it's like CSS for those who fear commitment. 🤷‍♂️ But hey, at least it’s not another bloated CSS framework, right? 🐘💨
https://picocss.com #minimalist #PicoCSS #noCommitment #lightweightFramework #webDesign #HackerNews #ngated

Pico CSS • Minimal CSS Framework for Semantic HTML

https://picocss.com

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

La web tiene cero JavaScript, ni cookies, ni tracking. Se podría quitar #picocss y dejar sólo el CSS que une quiera meterle, pero a mí el estilo de Pico me gusta y deja una web adaptada a móviles fetén.

Por otro lado, Hugo genera el RSS, un sitemap y se puede extender y complicar hasta donde te dé la paciencia y las ganas.

Y con el contenido mínimo que tiene da un 100% en la página de análisis de Google 🤘

"our community grew 🧡, and with it, the responsibility to provide a reliable CSS reset that would prevent sadness when looking at our HTML DOM"

#picocss

"And above all, why block page rendering with JavaScript for such a simple structure?"

https://picocss.com/docs/mission

#picocss love it

Ahir vaig provar #PicoCSS i em va agradat tant que el vaig deixar al bloc. Però, cul inquiet de mi, vaig pensar i si et fas el teu CSS a mida? Total fas servir molt poques etiquetes al bloc i no seria un fitxer massa gran... I és el que faré els pròxims dies...

I built a tool + recipe that help to generate custom themes for #picocss @picocss 👉 https://github.com/lebouquetin/picocss-theme-generator

Here is the new #11ty website I made. I found writing a new website and template from scratch to be simple with #Picocss, and it does have quite a few features for being a simple site.

Hope there are some other folks out there who find this useful in starting their new #staticsite journey as well. It only took me about two years to finally make my own template with #eleventy. This was a fun little side project.

Demo: https://journa11ty.pages.dev/

Repo: https://github.com/cjerrington/journa11ty

Incidentally it seems that PicoCSS (https://picocss.com) isn’t being actively maintained which seems a shame. It’s the best looking minimal #css framework that I’ve found! #picoCSS

Just discovered Pico CSS: A minimal CSS framework for semantic HTML

This lightweight starter kit prioritizes semantic syntax, making every HTML element responsive & elegant by default.

Great solution if you want to quickly create a good-looking POC without having to worry about CSS!

🔗 https://picocss.com/

#PicoCSS #CSS #HTML #UI #POC #webdev

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

My default styling for little web projects is PicoCSS https://picocss.com

So I was delighted to find this demo of all the 'drop in' CSS libraries from dohliam:

https://dohliam.github.io/dropin-minimal-css/

Which I found from this post by Andraž Bajt

https://edofic.com/posts/2022-01-18-tailwind-vs-pico/

#webdev #css #picocss

Currently building my #homepage in #lisp #parenscript #mithril and #picocss without #node at all and a devserver with hunchentoot. Everything as #spa for now. I'm definitley going to blog about it. Stay tuned.

#PicoCSS Hello world!

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<link rel="stylesheet" href="css/pico.min.css">
<title>Hello world!</title>
</head>
<body>
<main class="container">
<h1>Hello world!</h1>
</main>
</body>
</html>

For my work-in-progress #map project I want to use this library & framework:

🔗 https://leafletjs.com/
🔗 https://picocss.com/

#Leaflet #JavaScript #library #PicoCSS #minimal #CSS #framework #semantic #HTML