3 ms·

This is great! I've added it to this big list[0] of classless/minimal CSS frameworks (100+ frameworks) to make it easier to compare to other similar projects.

This is great! I've added it to this big list[0] of classless/minimal CSS frameworks (100+ frameworks) to make it easier to compare to other similar projects. For those interested in Pico (which is already on the list), you can preview it on some boilerplate HTML here[1] or use the Javascript bookmarklet[2] to preview how it would look on any arbitrary page, which can be helpful for prototyping a new site. [0]: https://github.com/dohliam/dropin-minimal-css https://github.com/dohliam/dropin-minimal-css [1]: https://dohliam.github.io/dropin-minimal-css/?pico https://dohliam.github.io/dropin-minimal-css/?pico [2]: https://github.com/dohliam/dropin-minimal-css#bookmarklet https://github.com/dohliam/dropin-minimal-css#bookmarklet

jxi 5y ago
This is very cool! Maybe 2 feature requests, if you're taking them: - Have some popularity measure (github stars or otherwise) either in your list or hosted somewhere - Have screenshot previews of anything, hosted somewhere (would be a bit quicker to browse through the list).
thinkloop 5y ago
A lot of the lists (UL) break for many of the libs in the demos, including pico [1]. Also in pico, the cursor remains "default" instead of switching to "text selection" when you hover over text to select it - is that a style choice? @dohliam do you have some favorites, ones with the least "errors" and non-standard paradigms? [1] https://dohliam.github.io/dropin-minimal-css/?pico https://dohliam.github.io/dropin-minimal-css/?pico
- dohliam 5y ago
  > A lot of the lists (UL) break for many of the libs in the demos, including pico Unordered lists look okay to me[0], but it's possible that you are referring to the navigation section at the top of the page which technically contains a UL as well. This is just a boilerplate HTML5 template[1] with Pico CSS applied on top, so it seems that Pico doesn't have special handling for this particular usage of ULs nested in NAV elements (some frameworks turn these lists into a navigation bar or even dropdown menus, but it's interesting to compare how each of them works out of the box). > the cursor remains "default" instead of switching to "text selection" when you hover over text This is directly from Pico CSS itself -- check out the homepage[2] and you will see that the same thing happens there as well. [0]: https://dohliam.github.io/dropin-minimal-css/?pico#text__lists https://dohliam.github.io/dropin-minimal-css/?pico#text__lis... [1]: https://github.com/cbracco/html5-test-page https://github.com/cbracco/html5-test-page [2]: https://picocss.com/ https://picocss.com/

jxi 5y ago

This is very cool! Maybe 2 feature requests, if you're taking them: - Have some popularity measure (github stars or otherwise) either in your list or hosted somewhere - Have screenshot previews of anything, hosted somewhere (would be a bit quicker to browse through the list).

thinkloop 5y ago

A lot of the lists (UL) break for many of the libs in the demos, including pico [1]. Also in pico, the cursor remains "default" instead of switching to "text selection" when you hover over text to select it - is that a style choice? @dohliam do you have some favorites, ones with the least "errors" and non-standard paradigms? [1] https://dohliam.github.io/dropin-minimal-css/?pico https://dohliam.github.io/dropin-minimal-css/?pico

dohliam 5y ago
> A lot of the lists (UL) break for many of the libs in the demos, including pico Unordered lists look okay to me[0], but it's possible that you are referring to the navigation section at the top of the page which technically contains a UL as well. This is just a boilerplate HTML5 template[1] with Pico CSS applied on top, so it seems that Pico doesn't have special handling for this particular usage of ULs nested in NAV elements (some frameworks turn these lists into a navigation bar or even dropdown menus, but it's interesting to compare how each of them works out of the box). > the cursor remains "default" instead of switching to "text selection" when you hover over text This is directly from Pico CSS itself -- check out the homepage[2] and you will see that the same thing happens there as well. [0]: https://dohliam.github.io/dropin-minimal-css/?pico#text__lists https://dohliam.github.io/dropin-minimal-css/?pico#text__lis... [1]: https://github.com/cbracco/html5-test-page https://github.com/cbracco/html5-test-page [2]: https://picocss.com/ https://picocss.com/