GithubHelp home page GithubHelp logo

about's People

Stargazers

 avatar

Watchers

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

about's Issues

Interacting with data using the <firebase-element>

5. Using Firebase for persistency

The instructions here have a typo in the function app.onFirebaseLogin the property accessor on updateItems needs to be changed from this to app.

From

app.onFirebaseLogin = function(event) {
  this.ref = new Firebase(this.firebaseURL + '/user/' + 
                                                  event.detail.user.uid);
  this.ref.on('value', function(snapshot) {
    this.updateItems(snapshot);
  });
};

To

app.onFirebaseLogin = function(event) {
  this.ref = new Firebase(this.firebaseURL + '/user/' + 
                                                  event.detail.user.uid);
  this.ref.on('value', function(snapshot) {
    app.updateItems(snapshot);
  });
};

Bug in codelabs

There is a bug preventing me from starting in codelab , I'm trying to restart but it's not taking.

Replace categories with tags

Currently each codelab can only be associated with a single category, so "Add Voice Interactions to Your App" is currently in the "Search" category, even though it's clearly also about "Android" and "Voice". Casual visitors may not realise this limitation and therefore may miss seeing relevant codelabs because they don't look through ALL of the categories... they shouldn't have to!

Instead, if each codelab could be be tagged with multiple topics then the left-hand category selector/navigation panel could be turned into an additive filter panel so that (for example) I could pick "Android" and "Material Design" to see only codelabs related to both of those topics.

bug with category dropdown

This is what happens when the category drop-down is clicked on the main page rendering the options unreadable.

screen shot 2017-03-25 at 3 35 01 pm

This can be easily solved by having a white background for the list elements.
Problem spotted on : Safari 10.0.3 (12602.4.8)
Update : The dropdown list works fine on Chrome.

lack of clarity about where to find all of the codelabs

It's not clear whether https://www.code-labs.io/ contains all of the codelabs featured in sub-sites like https://www.code-labs.io/polytechnic, https://www.code-labs.io/android-dev-summit, https://www.code-labs.io/babbq-2015, https://www.code-labs.io/chrome-dev-summit and so on.

If so, then the sub-sites (and individual codelabs themselves) should link back to the main site with a link saying something like "These and many more codelabs covering a wider range of topics are available at https://www.code-labs.io" so that someone exploring one of them can find the rest

If not, then how is anyone supposed to be able to find all of the codelabs? I've been Googling for "www.code-labs.io" to find the sub-sites but perhaps there are more I didn't find. Surely as a rule all of the codelabs in sub-sites should also be featured in the main/root site?

Remove or hide the permanent and blocking tooltip.

Codelab has a permanent and blocking tooltip that is always present when the mouse is in the browser view. This tooltip should be removable or hideable like any other tooltip. Please see the screenshot linked below.

The tooltip should not be permanently visible when the cursor hovers over the text as there is no action to be performed. This tooltip only displays the title of the lesson which is already available in the top bar.

screenshot_20180422_212012

Add a bug report link to index pages

At the bottom of individual codelabs - e.g. https://www.code-labs.io/codelabs/material-design-style/index.html#0 - there's some text and a link "Did you find a mistake? Please file a bug." but on the main codelabs pages like https://www.code-labs.io/ and https://www.code-labs.io/android-dev-summit there's no such link, so it's taken me quite a lot of hunting around to find this issues list and be able to suggest this (and file other issues) - please add such a link, though perhaps a slight change to the copy is needed given the context of the page, e.g. "Found an issue? Please file a bug."

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.