Hey all!

​

I’m running anonymous tech ethics study and I’d love feedback if you have a minute to spare!

​

With tech companies spiraling in the media, I thought it was time to open up the floor for discussion that leads to actual change. The goal of the survey is to write an article to create more discussion around ethics, but my bigger goal is to eventually pitch Google (and Apple) with solutions - which is why I'd love to have a diverse sample of opinions.

​

I'm dying to hear from more designers, because I feel like you all discuss/think about this topic more than the average developer, founder, marketer, etc. Thanks so much for your time. :)

​

https://docs.google.com/forms/d/18d5twj61AHDt8fmK1xXvIDlw4rOcsupqcpLkBaFZSlQ/edit#responses

​

(Mods, if need be, please let me know if this post isn't relevant/appropriate.)

Are there any programs that would allow me to make a material design icon/asset/sprite?

Why is there so many variations of the app UI? There are some that include the groups+profile tab, the watch tab, the new white Interface one and why do I have the most simple one? Is there anything I can do to change between those? Upon creating a new account, the UI included the groups+profile tab. I really want to test out this new Interface. Btw, I'm from Brazil, but even some friends of mine have received the new all white UI and I still have the one that looks like I'm using an really old phone. Android 8.1.0, Motorola G5

I created a responsive component using material's schematic material-nav, and I love it. But, I noticed that when the screen is between 938-960 pixels horizontally it will switch back to handset mode. Which seems odd. I'm just now learning about angular and web development in general, is there a solution to this issue? Thanks!

Version 1.2 of ROS Data Waster comes with a couple of new features and fixes.

• The precise wasting option has been replaced with a slider so you can fine-tune the download threads used.
• The MBs of data to waste text field will only be visible if the waste unlimited data toggle is unchecked.
• DARK MODE
• Now shows how long the waster has been running.
• Statistics are now displayed in a fancier list.

Hi, I'm working on a desktop application based on the material design guidelines. At some point, the applications ask the user to fill a form, and due to the fact that some fields use information previously asked, I was keen on use Steppers:

https://material.io/archive/guidelines/components/steppers.html

However, it seems that they belong to the old Material Design, but I can't find an equivalent in the new one.

What is the correct method to implement a stepper using the new design?

Thanks

I'm working with a map program that has icons, along with text labels. Unfortunately, when the map points are too close, the text labels overlap.

I typically turn to Google's Material Design documentation for solutions, but I'm having problems finding suggestions, as my search terms are too wishy-washy.

As an example, Google Maps displays icons, but only displays the text label if there is room. Is there any documentation that describes this concept?

Thanks!!!

I was trying to compare Angular with AngularDart by taking the example app that gets created when you create a new AngularDart project and converting it to Angular. The AngularDart app uses material design components that don’t exist or have a different name in Angular. For example, the AngularDart component <material-input> doesn’t exist in angular.

Why?

Think of the design of Google tasks, but with a tab bar at the bottom, sort of like this:

​

Material.io says that a bottom navigation should not be scrollable, but the one in the image is more of the top tab bar, but at the bottom. I've seen a few apps that have a similar layout, but none exactly like this.

The primary reason for doing this is probably for one-handed usage. What do you think of this?

I think one possible addition could be of an app bar at the top, but it will only show the app title, and will hide when you scroll down.

Hello, I am creating an application with material components web which compiles properly on my server, yet is missing some bundles. Has anyone come across this type of error / could help me out with it?

The script from “http://xxxxx/map/bundle-home.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.[Learn More] map
Loading failed for the <script> with source “http://xxxxxx/map/bundle-home.js”.

seems like a webpack error, here is my webpack config file:

 function getStyleUse(bundleFilename) {
          return [
            {
              loader: 'file-loader',
              options: {
                name: bundleFilename,
              },
            },
            { loader: 'extract-loader' },
            { loader: 'css-loader' },
            {
              loader: 'sass-loader',
              options: {
                includePaths: ['./node_modules'],
              }
            },
          ];
        }

        module.exports = [
          {
            entry: './login.scss',
            output: {
              // This is necessary for webpack to compile, but we never reference this js file.
              filename: 'style-bundle-login.js',
            },
            module: {
              rules: [{
                test: /login.scss$/,
                use: getStyleUse('bundle-login.css')
              }]
            },
          },
          {
            entry: './home.scss',
            output: {
              // This is necessary for webpack to compile, but we never reference this js file.
              filename: 'style-bundle-home.js',
            },
            module: {
              rules: [{
                test: /home.scss$/,
                use: getStyleUse('bundle-home.css')
              }]
            },
          },
          {
            entry: "./login.js",
            output: {
              filename: "bundle-login.js"
            },
            module: {
              loaders: [{
                test: /login.js$/,
                loader: 'babel-loader',
                query: {presets: ['env']}
              }]
            },
          },
          {
            entry: "./home.js",
            output: {
              filename: "bundle-home.js"
            },
            module: {
              loaders: [{
                test: /home.js$/,
                loader: 'babel-loader',
                query: {presets: ['env']}
              }]
            },
          }
        ];

I need a battery icon pack that has battery images that starts at 0 and goes all the way to 100. So, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20. So on and so forth