This is very cool
Show HN: Littlebox, a pure CSS icon library – worth continuing?
41–50 of 71 posts
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#42Looks great but the first thing we see when we load the page is a couple lines of instruction and an icon which is not obvious/ just looks like a square and it's confusing.
If you want more people to use it, take the section that has the picture of ALL the icons, and move it to the top of the landing page. Just put some text like "LittleBox something about these icons people will like" in big letters.
I almost left the page. I am glad I scrolled down because I really like them, and I can use the flags in one of my projects.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#43Looks great but the first thing we see when we load the page is a couple lines of instruction and an icon which is not obvious/ just looks like a square and it's confusing.
If you want more people to use it, take the section that has the picture of ALL the icons, and move it to the top of the landing page. Just put some text like "LittleBox something about these icons people will like" in big letters.
I almost left the page. I am glad I scrolled down because I really like them, and I can use the flags in one of my projects.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#44Tested your page on an i3, all 4 cores are at 60%+ that's not very good... probably affects only the animated ones still
Similar here, current chrome on Windows 7 pulls CPU load from ~8 to 40 % and spins up the fan noticeably.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#45This is awesome! If there wasn't a compatibility issue, i'd use this immediately.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#46Nice work. I'll add 2 more to the mix (bookmarked these while searching for pure CSS icons recently). To answer the title, yes I'd definitely use one of these
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#47nice. lot of work!
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#48I wonder if SVG is more suited to something like this...
I was completely amazed when I recently checked browser support for inline SVG; almost all current browsers support them! [1] So I decided to use inline SVG for icons and logos. It's extremely fast (no separate network request, images embedded in gzipped html source), and as a bonus I can style the images easily using CSS (eg. change colors on hover/active state)
Example see here: http://jsfiddle.net/Lszz5392/1/
The nicest part about this is that I can use Adobe Illustrator (or any other vector editor) to create the graphics, and then paste them straight into HTML.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#49It seems really well done. However I can't help but think "is this really a use case for CSS; or more of a neat hack?". Is that why you're asking if it's worth continuing?
True, may just be a neat hack. The opportunity to work with individual elements of an icon independently and the challenge of the constraints was the initial draw to the project. Maybe there would be a use case for the simple icons and icons that would really benefit from coloring individual elements (hence the flags), but I think there are definitely plenty of drawbacks and it's pretty hacky in some places.
I also don't have a great understanding of some of the technical drawbacks and compatibility issues that have been brought up here, so this HN conversation has been an enormous help.
I think you've hit on my main question. Thanks for the feedback and for taking a look!
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#50nicely done, these are pretty cool. like anything interesting in css i'm not sure if they're practical, but they're cool regardless of the practicality. >to set your own color, simply set the icons border color in your CSS, like so: .lb- , .lb- ::before .lb-*::after could you use border-color:inherit on the :before and :after pseudo-elements, so it's just a single selector change to change the color?
Wow, that makes a ton of sense, definitely cleaner than what I've got going now. There are plenty of places to clean it up, but that would be a big one.
Thanks!