Can you make a bat signal icon with animation?
Show HN: Littlebox, a pure CSS icon library – worth continuing?
51–60 of 71 posts
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#52Earlier quoted context omitted.
For sure, thanks for taking a look! And good eye on the French flag! I'll get that fixed up. I'll make sure to add license info to that demo/download page. Thanks again, a huge help!
Aditionally, with the flags, I noticed that you have Switzerland as a rectangle. I know that's not an uncommon representation of it, but its flag is actually a square. Just an fyi :)
And in the "pedantic++" category: check out flag proportions, too. See for example https://flagspot.net/flags/nl-lu.html, which explains the difference between the flags of Monaco and Indonesia (buried in a discussion about the flags of the Netherlands and Luxembourg): same colors, but different proportions.
So, Belgium should be 13:15 (https://flagspot.net/flags/be.html, for US flags 10:19 seems best for all uses (https://flagspot.net/flags/us-size.html#prop), etc.
But that certainly is just a fyi :)
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#53Love it.
Also removed bloat bc you can easily kick out icons you're not using.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#54The flag icons are super nice.
As for the "littlebox icon set", from my standpoint (mostly designer) no. In an icon set I am looking for a) feel and b) perfect balance between each icon so everything feels connected.
That in itself is super hard to get right, even when not limiting yourself to CSS to do it. While this is an impressive feat it doesn't get there for me on either front, compared to what's available out there. So unless there was a very specific reason not to resort to an actual font and/or graphics, I wouldn't consider this one.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#55I 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…
It might sound weird but I actually like to draw simple SVG images using text editor. SVG is well suited for that, it's readable and compact.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#56Earlier quoted context omitted.
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…
It might sound weird but I actually like to draw simple SVG images using text editor. SVG is well suited for that, it's readable and compact.
Yes, I've done that too. What's even nicer is that you can write scripts that generate SVG. Drawing symmetric things like a gear can be very cumbersome in a vector editor, but it's really nice if you draw it with a script. (And I was finally able to make use of all the math & geometry I learned in school)
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#57It looks really great, changing color via CSS is neat! maybe you could put the license information on that page! (The github page says it is MIT License for those who wonder) btw the french flag is backwards (Blue - White - Red is the good one) EDIT: Thanks for the flag fix benjamin!
I like it :)
Something that could further ease the color customization would be to use currentColor [1] on the border colors, allowing the customization to be made simply by changing the "color" attribute of the element.
[1] http://tympanus.net/codrops/css_reference/color_value/#secti... which I discovered with https://twitter.com/SaraSoueidan/status/564090319117881344
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#58The flag icons are super nice. As for the "littlebox icon set", from my standpoint (mostly designer) no. In an icon set I am looking for a) feel and b) perfect balance between each icon so everything feels connected. That in itself is super hard to get right, even when not limiting yourself to CSS to do it. While this is an impressive feat it doesn't get there for me on either front, compared to what's available out…
Brazil's flag looks really weird. I would say it's unusable...
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#59First off, I think this is an awesome portfolio project.
As far as being worth continuing, I would say it's worth maintaining but not adding to (beyond compatibility) moving forward. It's a great example of what you're capable of, and maybe some might even use it seriously, but I know I'd start worrying about every little "wish they had/did this" comment that came my way. That leads to burnout.
Re: Show HN: Littlebox, a pure CSS icon library – worth continuing?
#60EDIT: To the author, the download and email icons are the same. This is fantastic. A feature you might not have realized is that it works well with NoScript users. With font-faces considered harmful[0], these icons can be delivered to the user, vulnerability free. [0] https://hackademix.net/2010/03/24/why-noscript-blocks-web-fo...
[deleted]