Code Monkey home page Code Monkey logo

Comments (8)

PalmerAL avatar PalmerAL commented on August 27, 2024

The contact chips are really a js component. These are inserted into a text field, so this would need to integrate with some kind of tag field library.

from material-framework.

PalmerAL avatar PalmerAL commented on August 27, 2024

Also, spinners don't really need any js. something like http://codepen.io/kevinfarrugia/pen/EaPQNX/ maybe

from material-framework.

nt1m avatar nt1m commented on August 27, 2024

@PalmerAL You're right, fixed. For the spinner, I found this interesting article : https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html

from material-framework.

PalmerAL avatar PalmerAL commented on August 27, 2024

That would probably work. Also, google drive uses a material design spinner that (appears to be) entirely css and might have better browser support (though I haven't really looked into how it works there very much)

from material-framework.

PalmerAL avatar PalmerAL commented on August 27, 2024

If I understand correctly, the sliding placeholder on inputs don't need js either - see http://css-tricks.com/float-labels-css/

from material-framework.

nt1m avatar nt1m commented on August 27, 2024

@PalmerAL, for the spinner, I'd like to have the minimum of elements required, not too much children would be nice. I bet Google drive uses lots of children elements.

For the sliding placeholder, I know the technique already, but I'd like to avoid using the :valid hack, since it won't work perfectly in various form validation cases (number inputs, pattern attribute, ...), in those use cases, the label will appear behind the entered text if the input isn't valid. The JS is going to be tiny, but it's needed to get a perfect experience.

from material-framework.

PalmerAL avatar PalmerAL commented on August 27, 2024

I've started working on the sidemenu component, so far, I have this:
screen shot 2015-02-20 at 6 12 18 pm

However, I can't find anything in the spec about this component. Do you know where the documentation for this is located?

from material-framework.

nt1m avatar nt1m commented on August 27, 2024

@PalmerAL Nice work ! Here's the spec from Google : http://www.google.com/design/spec/patterns/navigation-drawer.html
Strangely, it's located in Patterns instead of Components.

from material-framework.

Related Issues (20)

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.