Code Monkey home page Code Monkey logo

fatcow-icons's Introduction

FatCow Icons

LIVE

This is a set of icons from FatCow (v3.9.2 - latest) made available as a web app.

The original home of these icons is at https://www.fatcow.com/free-icons.

I am allowed to host these icons here by the FatCow support.

The reason this exists is because downloading the archive from Fatcow and unpacking it just to grab a single icon every now and then is a major pain for me.

This web app makes it much more convenient.

Running

To run locally, use npx serve . so that fetch works (disallowed in file://).

To-Do

Fix using new Response over UZIP.js having broken decoding some icons

I was elated to find new Response can be used to decode the icons from the ZIP slice instead of having to use the UZIP.js dependency but it seems with it some icons are not decoding correctly. Let's fix that or revert back to using UZIP.js.

Consider allowing to associate custom aliases with the icons which

These would be taken into an account in search. This would be helpful with synonyms etc. Storing it in the local storage should be sufficient.

Consider aliasing icons with common synonyms

How to tell? Google Analytics for when a user adds a custom alias?

For now probably placing another file in the repo with the aliases. Or just keeping it in the local storage.

Add a screenshot and a script to generate one

Enable ICO downloads by loading also the ICO ZIP and extracting from it

Consider maybe packaging them together so I only have to download a single archive. This has the downside of necessary manual processing on new version release, but seeing as new version of FatCow icons hasn't been released in around forever, this should be a non-issue.

Consider adding tabs for the grey and colors variants of the icons

I don't personally use them, but someone might find that useful. I've removed their archives from the repository until this is done.

Add custom icons made in this same style for the things I'm missing

Document which come from where.

This is maybe another point for loading multiple archives and not merging them. Cloud load the PNG, the ICO and the custom archives and just add names and dimensions as I find them in the archives.

Check the dimension and type exists before creating a button for it

This is for when downloading ICOs works again. It will never be false with the stock icons, but maybe I will add my own icons which won't have all four combinations of type and dimension.

Consider also adding Silk and Fugue icons or creating spin-off apps for them

Keep these as separate ZIPs and show source by each icon's entry.

Prepare an empty array buffer of the HEAD response size and a download map

Provide an abstraction for accessing slices of the buffer which either provides if already downloaded as capture by the map (an array of ranges) or downloads, marks in the map and then provides. This way icons remain cached once downloaded.

Maybe pull this out to its own library.

Figure out why scrolling up causes the lines to jump in Firefox (not mobile)

It jumps in Firefox even though the icon div is always 40px, in hidden as well as visible state. The same thing doesn't happen in mobile Safari, nor does it happen in desktop Chrome.

Indicate the image is loading by settings its src to loader first

Set img src to a loader image file URL and then in the issued fire and forget promise's resolution handler, reset it to the actual blob URL.

This will avoid flashing empty boxes / img titles in boxes as fallback values.

fatcow-icons's People

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

joypoint

fatcow-icons's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.