Giter VIP home page Giter VIP logo

websplit's Introduction

websplit

WIP LiveSplit inspired (style) web browser based timer with splits.

Live Demo

Currently being tested mostly with Chrome and Firefox, while trying to keep IE10+ compatibility (But not guaranteed). Other modern browsers should work, but are untested.

Other Web Based Timers

Here's a list of some other cool timers with splits I've seen around on github you might be interested in

About WebSplit

Abandon hope all ye who enter here: Welcome to my first attempt at doing stuff with javascript.

A while ago I had the idea of adding splits to http://w00ty.com/sda/timer/ but I never really stuck with it (and had zero javascript knowledge).

Now I'm mostly learning as I go and this timer is almost functional, and looks half decent on top of it.

There's still a fair bit of stuff I need to work out, but this is pretty much the furthest I've gotten with anything programming related.

Good luck, have fun.

  • iotku

websplit's People

Contributors

cryze avatar iotku avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

cryze macauleyw2

websplit's Issues

Split Editor

Currently the only way to setup splits, is to edit the hardcoded splitsObject by hand.

A proper split editor would be required for general consumption

rta timer

Hey i want to start the timer back where i left off last time can anyone help

Smarter controls layout (Menu?)

Currently the controls are just a huge mess and take up a bunch of screen space, would be useful to have a smaller set for mobile browsers and maybe a hide-able (right click?) menu for desktop browsers.

Smarter gold split saving

Probably something similar to getting a gold splits in a run, but not a PB with livesplit.

Currently:

  • Saves instantly (and permanently)

Desired:

  • Ask if you want to update your gold splits or not at end of splits

Recover from timer being killed (Android GC closing Chrome?)

As far as I can tell, Chrome on Android (And probably other mobile browsers including iOS safari) will close webpages to save memory, for example if you hit your home button and don't return soon, regardless if the timer is running or not.

I believe it sometimes also does this when my phone is locked/display turns itself off.

Would need to find a good way to recover correctly while still maintaining reasonably accurate time.

IE8 Support

While I'm not too enthusiastic about adding IE8 support, as far as I can tell there's only a few barriers keeping the timer from working under IE8.

One notable case is totalSplits generation via: Object.keys(splitsObject)

Make it a proper Web App

http://taylor.fausak.me/2015/01/27/ios-8-web-apps/

This makes it an actual App that has an Icon, a proper name and doesn't have the browser UI anymore, just the timer itself. (iOS only)

There's also ways to make websites fully available offline, so combining both would make it an actual offline App, which would be great. (any browser)

Android might have some similar way of creating a Web App without the browser UI.

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.