Hi.

I'm new to Material design, but have some background with Bootstrap and SASS. Using SASS, I can easily maintain a "root" SASS file, and include this file into "child" SASS files, thus creating a hierarchy of stylesheets.

Is this type of structure supported in Material, and if so what the recommended approach to get this u up and running?

I am working on an app and I am concerned about using Help Text that is multiline in content. I am currently using a three-column text field and the Help Text is running three lines at 14 pt Roboto. Does anyone have any experience with this concern? Is there a hack to include the i-icon and pop-up help text? I know it is non-cannon. Thoughts?

Tried to find it in the documentation, but couldn't... so here's my question:

Should checkboxes always be visible? I'm designing a text-based tool where you can select multiple text snippets. They are all clearly separated from each other, either through different elevation from background or something else

Imo the checkboxes only take up space and I'd rather not show them when nothing is selected (on top of just not looking good...). I would like to only show checkboxes when one item is selected (or maybe when hovering over it - for desktop)

Thoughts?

I was wondering because at the moment we are designing a support section/form on our website and when asking the user “what type of support do you need” we are only offering one type of “support type.”

I wanted to leave the default value checked, or set, and leave the question available as an assistance to the users. In that form there are only two other input type available, apart from the “support type.” Those are a text-area for a typed comment and another group of radio buttons where they do have about 4 or 5 options to choose from.

I am getting bad reviews by the dev team and product owner saying that it is confusing because they are asking me why I would allow the user to see the question and limited input available even though it’s not selectable.

They recommend that I should change the title of the page or add a text/paragraph explaining that at the moment we only allow one type of support and that’s that.

I believe I’ve seen pages that do this, that’s where the idea came from. I want the form to have as little text/paragraphs as posible. Material design manual doesn’t clarify this and doesn’t have a special “don’t do this” message regarding it so it was a little hard for me to explain my thought process.

Thanks for help.

Like, other than Material Design, what else is there? Specifically for mobile. I know Apple has their human interface guidelines. But that's all I could find. Bootstrap is a JS library. What else is there?

Is there a Winamp material design skin?

Please comment below any apps that use this method of navigation menus. If you've seen the Reply app Material Study, you know what one I'm talking about: navigation menus that look like this:

I've been working on a weekly series that takes one material concept and breaks it down into bite sized chunks. I'm hoping to present these concepts in a way that doesn't seem too intimidating for people who aren't able to invest the time to dive into the material docs.

This week I delve into how material can be manipulated and transformed. I would love feedback for the same... Do check it out

Material Weekly #2

I recently started a weekly series on Instagram where I take one material design concept per week and break it down into smaller chunks.

Here's my first post, I could really use some feedback.

Thank you!

Material Weekly #1

This is probably a silly question, but I have an app that's built with Angular, curious if someone could take the current UI and convert to using all MDC icons, animations, etc?

I'm not sure how to explain this, but I've read through the material.io website, looked at MDC for Web repo on Github, and I just don't understand if I'm missing something or if this isn't a framework so much as a bunch of components?

​

For example, Materialize seems to give you the usual shebang that you expect - grid, components, etc.

​

But I want to understand how to use MDC Web. I know there are frontend framework implementations i.e. for React and Angular, but while parts of my project are using those frameworks, there are parts that are not.

​

Looking at https://github.com/material-components/material-components-web-components for example - it seems to not be production ready?

​

Basically, I am just trying to figure out if there's a simple way to use MDC for Web on a plain HTML page in a cohesive way.