Code Monkey home page Code Monkey logo

shadis's People

Contributors

pogodaanton avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

shadis's Issues

Responsive design improvements

The project was originally only designed for desktop screen sizes. Even though the layout is mostly usable on smaller screens even in its current state, there are some serious shortcomings which need to be worked on:

  • Responsive inspector sidebar
    • Change hardcoded sidebar width to dynamic one
    • Add resizable sidebar support
  • Right header adjustments for smaller screens
    • Find a different place for buttons which don't fit into a small header
  • ImageViewer
    • (possibly) Add pinch-to-zoom support for images?

Any other issues involving responsive design support should be linked to this one.

Rate limiting api requests

Currently, all API calls are handled instantly, though ideally, requests should be limited, so that resources won't become overused unnecessarily. This way, brute-force attacks can also be slowed down by a lot.

Improved accessibility for masonry

When the user is logged in, focusing on elements through the TAB key does not seem to work. The only area one can focus on while logged in is the upload modal. The only other meaningful component that is included for logged-in users is the masonry, thus the problem probably originates from there.

Replace gif.js with ffmpeg.wasm

Since gif.js hasn't seen major updates in its codebase for a while, its efficiency is to be desired. Like a greek god, ffmpeg.wasm rises from the ashes as the singular answer to the shrieking souls longing for an overkill multi-purpose client-side video processor.

Now it also supports GIFs.


  • Do a feasibility study. Is it any more efficient at encoding than gif.js?
  • Can we implement better compression without compromising performance too much? The smaller the GIF, the merrier.
  • Resolve licensing questions
  • Implement ffmpeg.wasm in the GIF generator. The user should use Shadis without the generator logic loaded on default. Both the generation logic and the wasm has to be loaded asynchronously and solely on demand.

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.