DEV Community

Cover image for Why & How I built css.gg - A life story.

Why & How I built css.gg - A life story.

Astrit on December 22, 2019

Ok, where do I start. First thanks to Peter Thaleikis for suggesting this. Second is not very technical. Third is personal. The why...
Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 • Edited

Normally I just don't get CSS icons, but when you present it like this, I think twice, that is the kind of reaction you could hope for on repeat. Congratulations on a job well done!

Collapse
 
astrit profile image
Astrit

Thank you 🙏

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

I'm actually building a language that could make use of this, bookmarked.

Thread Thread
 
astrit profile image
Astrit

Wow, that is amazing 💪🙏

Collapse
 
mindplay profile image
Rasmus Schultz

Don't get me wrong, this project is insanely cool! ✌️

The only deterrent for me, is what if I need an icon that doesn't exist?

Normally, I would be able to cobble something together from exist SVGs pretty quick, but this? Not everyone has the skills and patience to do what you do with CSS. It's pretty amazing. But therefore also a bit scary 😉

Collapse
 
cyntss profile image
Info Comment hidden by post author - thread only accessible via permalink
Cynthia 🏳️‍🌈 Sanchez

Hi Rasmus,

We've made a fully open-source icon set icons.eosdesignsystem.com/ and we're backed by a big community. Our icons are available in several formats: SVG, PNG, Font with ligatures, NPM, Ruby Gem.

I think CSS icons are amazing, but I suggest that you take a look at ours since they may fit your use case better in this case, plus, you can just get in touch with us and we will add the new icon you need in no time!

Collapse
 
astrit profile image
Astrit

I agree with you is scary indeed, won't be able to cover very much, but I could up to 500 and 90 on the making. If you have something specific let me know and I will add to the list if doable with current resources.

Thing is I do not except people to include this in a corporate project , but portfolios and smaller projects.

Thank for the feedback any ways.

Collapse
 
kawhyte profile image
Kenny Whyte

Great job! It's a really good website. I will have to bookmark and use it in one of my projects.

Collapse
 
astrit profile image
Astrit

Thanks, let me know if you do will share it.

Collapse
 
kawhyte profile image
Kenny Whyte

Will do.

Collapse
 
gktim profile image
gkTim

Very well done. Looks stunning.
It’s simply awesome what you can do with css these days. Keep up the good work.

And the code is a very good inspiration. Learned a few things while looking through it.

Will use it in my current free time project. An Anime Watch List written in Ionic with a GraphQL API :)

Collapse
 
adisreyaj profile image
Adithya Sreyaj

Looks awesome🤩

Collapse
 
peterklein profile image
Peter Klein

Very cool. I will give it a try and use it in my current Project. Thanks Mate

Collapse
 
jnario profile image
Jose Nario

Not only truly impressive, but inspirational in its execution. Congratulations on your success.

Would love to see more of this hand-crafted attention applied to what has become an internet of bloat.

Collapse
 
bedwards05 profile image
Brandon Edwards

Normally I've just used fontawesome. But these are just amazing. Definitely being used 🙂

Collapse
 
astrit profile image
Astrit

I am very grateful, thank you.

Collapse
 
gvsakhil profile image
G.V.S Akhil

wow its very inspiring. I should also give a try :)

Collapse
 
seanmclem profile image
Seanmclem • Edited

I would love more filetype icons. For programming languages..

Collapse
 
astrit profile image
Astrit

I am working on 90+ icons that will be launched on next version, so please let me know which languages you think would be good to cover.

How ever if you have a sample in mind let me know they need to be as minimal as possible.

Collapse
 
luccabiagi profile image
Lucca Biagi

Hey Man, Congratulations!!! I really liked this.

Collapse
 
johnsonberisha profile image
Johnson

nice, amazing.

Some comments have been hidden by the post's author - find out more