Littlebox
Dev tools
icon library
SHOW HN2015
192points
68comments
#93of 2,565 in 2015
Top 4%of 2015 by points
How HN took it
DebatedReal support and real criticism
15 positive, 13 neutral or asking, 4 mixed, 17 critical, out of 49 comments about the project. Thread score +0.05.
Design: 5 for, 4 againstIdea: 3 for, 5 againstExecution: 3 for, 4 againstPerformance: 1 for, 4 againstPrivacy: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Icons look great and are well done
From 3 comments
Oh yes absolutely. Theses are fantastic icons, really well done man.
Gyonka on HNIf you liked building it, then it's worth continuing. The icons look great.
nwenzel on HNThese look amazing! Keep up the awesome work! I love CSS icons.
ravitation on HN
Small file size
From 2 comments
Nice.. with gz transmission, looks like it's under 9kb, which isn't bad at all for an icon set.
tracker1 on HNContinue Cabell, these are very nice set of icons with a small file size.
cturhan on HN
Flag icons are nice
From 2 comments
The 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…
quakenul on HNI like the flags, but wanted to the colour of some flags issue too.
akldjlafkjalfk on HN
Objections
CSS is hacky; SVG or icon fonts are better suited
From 4 comments
I'd stay away from css to create images personally. it's just too hackish. seems like wikipedia implements some sort of svg to png conversion on the fly. that is preferable for…
michaelbuddy on HNI wonder if SVG is more suited to something like this...
jszymborski on HNNot if this is anything more than an academic exercise. Nice effort, but SVG and, to a lesser degree, icon fonts, are better for this sort of thing.
illicium on HNIt's a neat trick to be able to do this using only css, but SVG is really the more suitable technology fort his type of graphic.
pennyallan on HN
Icons break or display inconsistently across browsers and zoom levels
From 3 comments
These icons get warped in Chrome when you set the zoom level to 125%. For example: the roof on the house in the lb-home icon is no longer centered.
elpool2 on HNNice - although they break up a bit if you zoom the page, sadly.
dflock on HNDon't forget about compatibility. You can be reasonably sure that font icons will display the same everywhere. CSS-based icons are all over the map compatibility-wise (display…
coderdude on HN
Animated icons cause high CPU load
From 3 comments
Tested your page on an i3, all 4 cores are at 60%+ that's not very good... probably affects only the animated ones still
cs- on HNI can confirm that an i5-4200U (decent < 1000$ notebook) goes from 2-4% lowest proc frequency to 14% max proc frequency (and the fan starts). Using Firefox. It is clearly…
riquito on HNSimilar here, current chrome on Windows 7 pulls CPU load from ~8 to 40 % and spins up the fan noticeably.
detaro on HN
Flag colour order and proportions are wrong
From 4 comments
It 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…
vmarsy on HNNice work. But your german and french flags have the wrong order of colors.
j29h on HNThere are some more problems with the flags. The colours of the french and german flag are in the wrong order. The icelandic and norwegian flags are missing the white line around…
voidiac on HNNice. A comment on the flags: I find the green of Italy indistinguishable from the blue on other flags, maybe make it lighter or something? And France is inverted: it's blue,…
wazoox on HN
Currency icons render inconsistently
From 2 comments
Some of the currencies look a bit off for me: http://i.imgur.com/GhjPBr7.png I'm using Firefox on Arch. I guess it could be something to do with me not having the right fonts…
Retr0spectrum on HNYeah there are three currency icons that change a lot between browsers because part of the icon is a character. Definitely doesn't really work. Having trouble finding a way to…
cabmaddux on HN
Requests
Fix flag colours and Swiss flag shape
From 3 comments
The swiss flag should be square.
wereHamster on HNIt 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…
vmarsy on HNThere are some more problems with the flags. The colours of the french and german flag are in the wrong order. The icelandic and norwegian flags are missing the white line around…
voidiac on HN
Use currentColor or inherit for colour changes
From 2 comments
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…
k_ on HNnicely 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,…
notatoad on HN
Add license information to the page
From 1 comment
It 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…
vmarsy on HN
Add animated stopped states
From 1 comment
Really nice icons, good job ! One suggestion for animated icons: add "animated" and "stopped" states if you didn't already.
turshija on HN
Questions
Is it faster than images, sprites or icon fonts?
From 1 comment
So, the million dollar question: is it faster to use these, images/sprites, icon fonts? The trade-off I'm assuming is download/load speed vs. cpu load?
Apofis on HN
Is it worth continuing?
From 1 comment
Alternatives named
Inline SVG icons
From 2 comments
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.…
jakobegger on HNI wonder if SVG is more suited to something like this...
jszymborski on HN
Font Awesome
From 1 comment
Font Awesome allows stacking: http://blog.fontawesome.io/2014/09/25/custom-file-types-with-stacked-icons/ Here's their demo but with some color added:…
coderdude on HN
Pure CSS GUI icons by Nicolas Gallagher
From 1 comment
Nice 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…
chdir on HN
Icono
From 1 comment
Nice 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…
chdir on HN