pico icon indicating copy to clipboard operation
pico copied to clipboard

Suggestion: Add more theming/styling documentation or a "Sites built with Pico.css" section to the web page

Open vardumper opened this issue 3 years ago • 5 comments

So I got my initial project set-up, a couple of HTML pages – which I based on the examples, html. Now it's time to do some actual frontend styling. To get started it would be helpful for me to see, how others have implemented picocss or used it out in the wild.

I'm not a 100% sure what would be most helpful to me, but I would want some additional info or examples.

Things that could help me:

  1. list of articles where devs discuss how they implemented pico.css into their specific setup (searching here on github for picocss I see that picocss has been adopted into various languages and projects)
  2. list of sites built with pico.css so I can go directly to their HTML/CSS source and see how certain things have been achieved.

vardumper avatar Jan 26 '22 09:01 vardumper

I also think having a list of sites that use Pico CSS would be great for inspiration and learning.

bytesource avatar Jan 26 '22 12:01 bytesource

smalldemocracy.com :)

jubishop avatar Jan 27 '22 02:01 jubishop

I would like to but TBH honest I'm a bit worried about the time needed for maintenance. I'm already a little overwhelmed by the maintenance of the library. I hope Pico will have other Core contributors soon.

Suggestion: it could be a separate repository in Pico. In the spirit of Awesome CSS Frameworks.

You could start a new repo somewhere, then we could integrate it later when this list is mature. Any thoughts?

lucaslarroche avatar Feb 06 '22 05:02 lucaslarroche

I wish I could volunteer to be a Core contributor but I don't think I know CSS well enough to live up to Pico's standards.

jubishop avatar Feb 06 '22 19:02 jubishop

I suggest building something like the examples section from the homepage as maybe a separate project as @lucaslarroche said. image

It can pick up projects from the repos when we upload the picture location and text as json, with every PR we add new sites. How does that sound?

Nuxt and Next frameworks have a more enhanced version of this. But the page can just request a json file and load the links. titiles and images from the json file and display it with plain js with a template.

prikeshsavla avatar Mar 11 '22 14:03 prikeshsavla