Giter Site home page Giter Site logo

content-demo-navigation's People

Contributors

enlightenedcode avatar ryanpet avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

content-demo-navigation's Issues

Animations quit working after a period of time

I am having issues with some of the animations I built in the templates working inside the content demo navigation. They do work outside of the navigation. Can you see if this is something you can fix, and if so can you make the changes in the gh-pages branch of the repo.

http://www.screencast.com/t/Tjsh7WBY

Here is a template outside of the navigation: http://commondatastorage.googleapis.com/risemedialibrary-395c64e5-2930-460b-881e-009aabb157df/content-templates/events/events.html

Clicking Anywhere Closes Nav

Rather then having to click directly on the icon to close the navigation. When a user touches anywhere on the screen the navigation will close.

White Flash between Presentations

When the chrome demo navigation transitions between two urls (templates) I see a very noticeable white flash with no fade in transitions.
This happens in our chrome demo app and packaged app player.

here is a recap:
http://www.screencast.com/t/fuqfsG4MjMb4

I don't notice it when I preview the navigation by itself outside of both of these environments.
http://commondatastorage.googleapis.com/risemedialibrary-395c64e5-2930-460b-881e-009aabb157df/content-demo-navigation/index.html

I have noticed it works fine on Chrome v 36.0.1985.143. But 90% of the our computers run 37 or later where it is in issue.

Performance Issues

Ryan,

Im noticing some performance issues with the demo navigation with the more templates we add to it.
Css Animations are not smooth, gradients and small images render slowly ect.

(note: it works smoothly on my mac in chrome but we are trying to run this on a chrome box hooked up to a 4k monitor)

The navigation is assigning a value of display: none and opacity:0 so all webpages are constantly running just not all visible. Correct?

Can this be changed so that they are unloaded and loaded when needed?

Any other ideas that could increase the performance? Dont do anything yet just want to get some thoughts from you and an estimate on time involved if there is something you think can be done.

Thanks,
Mat

Build Process Not updating

Im having an issue with the Jenkins Build process when I merge to master. In storage I see the date changes as if the file has updated but if I look at the source my changes did not go through.

Check out pull request #20 and this video:
http://www.screencast.com/t/2BxzXTcpdm8

After about 30 minutes the change finally came through.

Navigation List Needs to be scrollable/swipeable

Per this document the navigation list should be scrollable.
https://docs.google.com/document/d/1TGHhbWL48d-KtNY7WMgh9fqmv6N-j4PIZFFmB-iZu2c/edit#

Once there are more items in the list then will fit on the current screen resolution it should become scrollable so a user can swipe with their finger to navigate. Right now the list just goes off the bottom of the page.

http://www.screencast.com/t/D35lWXuiQ

I added more template items as a test to a branch called "staging_scroll-test".

You can modify this branch or start your own to make this change.
Let me know if you have any questions.

Thanks,
Mat

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.