GithubHelp home page GithubHelp logo

victorqribeiro / fos Goto Github PK

View Code? Open in Web Editor NEW
177.0 11.0 27.0 45 KB

Web Components to turn your web app into a fake operating system

Home Page: https://victorribeiro.com/fos

License: MIT License

JavaScript 98.63% Shell 1.37%
web-components library framework javascript ui ux html5

fos's Issues

How to build?

I've never worked with web components before and am way behind on modern front end workflows. I see that you are compiling class.js files into a minimized js file for production. Can you point me in the right direction on what tools you are using to do this?

This is a dope project. Thanks for making cool stuff and putting it on the internet

Help for duplicate

Hi,
I'm trying to reproduce this desktop :
Mission Scientifique 1 SCP-054 Nymphe aquatique_Moment

I don't know how to make date time (down-right). And how to make a twice fos-bar in up of screen. Help ?

Resize on other corners

On a small screen window edges can go outside screen. Moving from top bar can allow you to reach top corners, but not bottom ones.

As such, from a usability standpoint, at least a resize functionality on tope left corner would be needed

Anyway, nice project, keep it up! Make a nicer (but still simple) default theme and you will make headlines ;)

Issue with right click.

Main
When you right click on a fos-icon or fos-window title bar and then left/right click somewhere else it moves to that new place!

Window events

Is there a way to tell:

  • If a window has focus?
  • If a window has closed?

I'm basically considering sticking a video player inside a window, but I need to handle a couple events for the player, like pausing and stopping if the user puts it out of focus or closes it.

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.