Icono – Pure CSS icons with only one element • Hacker News Board

Icono – Pure CSS icons with only one element

#1

Post by Nieminen » Mon, Jan 12, 2015, 11:45 AM UTC

Icono – Pure CSS icons with only one element
saeedalipoor.github.io

Re: Icono – Pure CSS icons with only one element

#2

Post by arcatek » Mon, Jan 12, 2015, 1:01 PM UTC

That's really smart - However, it seems impossible to use multiple sizes in a single document, which make it impractical over other alternatives such as Ionicons, Icomoon or FontAwesome.

Still a nice showcase, congrats!

Re: Icono – Pure CSS icons with only one element

#3

Post by madeofpalk » Mon, Jan 12, 2015, 1:35 PM UTC

Impressive.

While I appreciate the effort and the fact that is is more of an experiment than a production-ready package, it does seem like an odd choice to go with fixed-size pixels instead of something relative, like ems or percentages.

Regardless, well done. Don't let my typical-to-HN negative tone take away from the accomplishment of this.

Re: Icono – Pure CSS icons with only one element

#4

Post by Ecco » Mon, Jan 12, 2015, 2:04 PM UTC

Very impressive. Slow as hell on my computer though (3 GHz Core2Duo, Chrome 39, OS X 10.9), to the point where it doesn't seem realistically usable…

Re: Icono – Pure CSS icons with only one element

#5

Post by jekrb » Mon, Jan 12, 2015, 2:07 PM UTC

These are awesome. Reminds me of the set Nicholas Gallagher created a few years ago. http://nicolasgallagher.com/pure-css-gui-icons/demo/

Re: Icono – Pure CSS icons with only one element

#6

Post by bwindels » Mon, Jan 12, 2015, 2:08 PM UTC

Ecco wrote: post #4

Very impressive. Slow as hell on my computer though (3 GHz Core2Duo, Chrome 39, OS X 10.9), to the point where it doesn't seem realistically usable…

second this, impressive but feels a bit sluggish.

Re: Icono – Pure CSS icons with only one element

#7

Post by aembleton » Mon, Jan 12, 2015, 2:09 PM UTC

An incredible achievement. How long did this take to make?

Re: Icono – Pure CSS icons with only one element

#8

Post by jekrb » Mon, Jan 12, 2015, 2:14 PM UTC

arcatek wrote: post #2

That's really smart - However, it seems impossible to use multiple sizes in a single document, which make it impractical over other alternatives such as Ionicons, Icomoon or FontAwesome. Still a nice showcase, congrats!

> it seems impossible to use multiple sizes in a single document

How so? It's possible in most cases to stick an extra class on the icon, say `.2x` and add a rule to your css such as —

    [class*="2x"] {
       transform: scale(2)
    }

Re: Icono – Pure CSS icons with only one element

#9

Post by hk__2 » Mon, Jan 12, 2015, 2:50 PM UTC

Ecco wrote: post #4

Very impressive. Slow as hell on my computer though (3 GHz Core2Duo, Chrome 39, OS X 10.9), to the point where it doesn't seem realistically usable…

No issue with 1.3 GHz, Chrome 39, OS X 10.10.

Re: Icono – Pure CSS icons with only one element

#10

Post by iN7h33nD » Mon, Jan 12, 2015, 3:20 PM UTC

Ecco wrote: post #4

Very impressive. Slow as hell on my computer though (3 GHz Core2Duo, Chrome 39, OS X 10.9), to the point where it doesn't seem realistically usable…

I think the type of animations make this feel slow when it is actually not slow.