search

zzap / Cikonss

MIT License
407 stars 106 forks source link

Just simply awesome #1

Open ghost opened 11 years ago

ghost commented 11 years ago

Thank you for your efforts producing this icon set, I'd be very interested in helping produce more icons, and using them in my own project, with of course cudo's back to you.

Is there plans to extend the number of icons?

zzap commented 11 years ago

Hi and thank you for feedback, it's much appreciated.

This repo is planned to be regularly updated when my time allows it and I come up with useful icons that can be done in all sizes preserving quality.

You are very welcome to use and fork them, play with them and add more. Then simply request pull and I'll gladly merge repos and watch the set grows :)

Credits are always welcomed but really, not necessary. This is done for open source community to use and have fun with. Thank you and cheers.

Milana

ghost commented 11 years ago

Just out of curiosity. What do you use to create your icons? I've been looking for something to convert svg to css for a while now. Or do you code them by hand, which is my usually preferred method. lol, I always get questioned by other developer's why I use RAW text editors for all my coding.

zzap commented 11 years ago

I code them with mathematics :) If the shape is difficult to imagine all parts in my head, I draw it on paper, figure out what will be element and what pseudo :before and :after. Then calculate sizes, for the base I use 64 x 64px with smallest unit of 4px (which is 1px of 16px). I guess I could use 16 x 16px right away, it's probably one of those weird brain things. Then translate everything in em's and test it in browser. Kind of like a game :)

ghost commented 11 years ago

Interesting. I'm too lazy for that, lol. That does remind me of creating character sets back in the C64 days, and calculating bit wise, hex numbers to create graphics.

myfonj commented 11 years ago

Second that praise, it is really neat.

I wonder ... have you tried / considered using currentColor keyword (and rgba / opacity) for colouring non-transparent areas instead of hard-coding color values? This would probably drop IE8 support but make possible to have icons with inherited colour or 'recolourable' via .icon{color:...}, what seems tempting :]

zzap commented 11 years ago

Thank you myfonj.

I'm not sure I understand exactly what you are suggesting. I did have in mind several ideas of how to make "coloring" more automated and, therefore, easier and more fun. However, every attempt seemed to just complicate everything more than it is necessary and loosing some of the starting idea of simplicity and usability (one being IE8 support, as you already mentioned).

As I see this set right now, it is very basic and simple which makes it open for lots of improvements and customization in many ways. I guess I published it this way to make it easier for people with better ideas for such improvements. Of course, when I come up with some idea that fully satisfy me, it will be committed here.