3 ms·
Hi there, I am the creator of Picnic CSS [1], a 5kb library similar to this one. I love the page and the logo, really minimalist and clean. A couple of tips for
by franciscop 11y ago
Hi there, I am the creator of Picnic CSS [1], a 5kb library similar to this one. I love the page and the logo, really minimalist and clean. A couple of tips for the library:
- Subtle animations. It doesn't take many bytes, but it makes it look much better
- :active status gives visual feedback that you are clicking the element
- The grid doesn't accept gutter nor reversing order by css, which makes it not really mobile-friendly for alternating patterns in a page. There's not really a single good solution in css for both [2]
- <select> looks just like a normal input without down arrow in Firefox
Keep it up (:
[1] http://picnicss.com/ http://picnicss.com/
[2] https://github.com/picnicss/picnic/issues/58 https://github.com/picnicss/picnic/issues/58
- wanda 11y agoA tip for you: please don't use background-attachment:fixed because it forces a repainting and the resultant drop below 60fps does your lib no credit. If you alter your approach you can still achieve the same effect by making use of position:fixed with either transform:translateZ(0) or will-change:transform to establish a new paint layer and enable hardware acceleration, so scrolling down (a common activity) doesn't drop below 60fps.
- franciscop 11y agoThat would explain the performance problems, thank you so much!
- wanda 11y agoNo problem.