Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

github.com

Post reply on HN
Print view View original

131–140 of 154 posts

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#131

Post by WhitneyLand »

Theodores wrote: post #129
WhitneyLand wrote: post #122

Earlier quoted context omitted.

You've probably noticed artists develop thousands and thousands of themes/mockups/designs for every possible use including admin. For example, https://themeforest.net/category/site-templates/admin-templa... . Would there be any practical way to provide them with some simple markup that allowed marking up their designs such that some sort of scaffolding tool could be used to convert it into a starter project for vario…

Just had to reboot my computer for the first time in weeks due to running Chrome's Lighthouse audit on one of those awful themes. I was guessing '7%' performance rating but did not expect to have to reboot! If you run the same audit tools on any Wix website you can expect the same sort of nonsense, maybe a megabyte of scripts at the top, CSS where it runs to 10000 lines of which 97% unused, images flagged for being b…

This kind of misses the point and I don't think really disagrees with what I'm saying. First off, as I mentioned I it's been discussed here and most agree the Wix/Squarespace sites can get deficient pretty quickly.

Secondly, if there were an easy way for designers who are not extremely technical to attribute their code, it actually could greatly help some of the problems you're referring to. For example, if a pre-processor knew what the intent was it could replaced a bad or bloated decision automatically without changing the semantic meaning.

Finally, as for the suggestion around keeping it simple with basic constructs and are predictable and easy to work with, there is no reason that couldn't be part of some type of effort like this that attempted to extract more value from artists than their technical knowledge may allow and realize the potential of many more designs.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#132

Post by jamestimmins »

dqv wrote: post #63

Hi. This is really cool and I can tell you put a lot of work into it. I noticed when tabbing through the dashboard that many of the elements have disabled focus styles. This can make the dashboard less accessible to users who need visual indication of what element is focused. Would you consider including focus styles on the non-form elements?

This comment is how all suggestions/comments/constructive criticism should be given when someone shares something they worked on (online or elsewhere).

1. Acknowledge the positives.

2. Acknowledge the effort/work put in.

3. Introduce your idea as something to consider, with the knowledge that they may have already considered it, and have a good reason for going a different direction.

Kudos!

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#133

Post by dragonshed »

porker wrote: post #80
thomasfedb wrote: post #39

I dunno, looks slick but I do wonder how much of this is actually useful for building an admin interface. Once I've got decent form styles and a navbar I find that most of the rest is either very simple, or very application specific. Widgets are cool, but mostly we need tables and forms.

> Widgets are cool, but mostly we need tables and forms. This (though I agree with sibling comment about a few more being useful). I reviewed 20 popular admin themes last month for our startup, and was v disappointed with them. Either due to code quality, or throwing in loads of useless widgets which are more consumer rather than business oriented. There's a gap for a theme that's more like Stripe's dashboard, not th…

I've had exactly the same experience, only I hadn't ever seen VMWare's Clarity. I cannot say Thank You enough.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#134

Post by FireBeyond »

baddox wrote: post #127
josteink wrote: post #84

Earlier quoted context omitted.

> Apple design, by contrast is generally very obvious and instantly understandable That’s only true if you’re already accustomed to how Apple does things. Consider the iPhone a perfect example: 300 different ways to single-click, double-click, triple-click(!), 3D-touch (whatever that is) and use random swiping gestures from all screen directions outside the screen, and different swiping gestures within the screen. Ab…

> Absolutely madness and probably makes at least 80% of the phone’s functionality completely undiscoverable and inaccessible unless you already know it is there. Well, that can't be strictly true, since no one is born knowing these things, yet people do learn about them. I don't think it's crazy to expect people to desire to read a quick guide or watch a quick video about UI paradigms/tricks/shortcuts for what is lik…

> yet people do learn about them

Is 'accidental discovery' part of the superiority of Apple's design ethos?

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#135

Post by FireBeyond »

briandear wrote: post #21
cpburns2009 wrote: post #17

Earlier quoted context omitted.

I, for one, do not. Material Design, and the other flat themes are horrible on the web because they ignore established conventions and disregard affordance. Even on mobile I don't know what's click... tappable.

That is my biggest complaint with Material Design. It’s great if you already know what all the icons mean and what you are supposed to click. Apple design, by contrast is generally very obvious and instantly understandable. Look at the Apple Music app on iOS: pretty much every icon is labeled. You don’t have to guess where “My Library” is or fumble around trying to figure it out. Google Hangouts on the other hand.. I…

> Apple design, by contrast is generally very obvious

Hand an iPhone X to someone who is familiar with other iPhones, but not it.

Watch their first frustrated attempts.

Talk more about obvious design.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#136

Post by rahimnathwani »

WorldMaker wrote: post #67
reaperducer wrote: post #58

Earlier quoted context omitted.

Yes, and no. While nobody likes excessive animation, it is very important to let the user know their input was received. It's why the cursor changes on mouseover. It's how you know if the app is crashed, or merely processing something you requested. I've seen a million times in UX testing where ordinary people go click... wait... click click click click click because they didn't receive any feedback to an action. At…

> In the real world, nothing is ever "full stop." You should purge that phrase from your lexicon. Not to get further off topic, but: Huh? "Full stop" just means "end of message". It's an amusing leftover from telegraph technologies that people sometimes use for emphasis, but it doesn't have a literal meaning more than just "end of message".

It sounds strange to hear 'full stop' described as a leftover from telegraph technologies. To me, it's just what I call the dot at the end of a sentence.

In American English, 'period' is used in the same ways (indicating the end of a sentence and, like in the above case, to indicate that a matter is closed for further discussion).

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#137

Post by serguzest »

_diyu wrote: post #124
TimMurnaghan wrote: post #10

Do people actually like Material for browsers on desktops? I tried it - as it would be great to have an opinionated design language with good framework implementations but it seems to make the same mistake as Windows 8 in trying to treat everything like a phone. That really isn't nice on a desktop.

So I was actually just about to write a cross-platform app using https://material-ui.com/ purely because it is the most comprehensively fully developed and React-first toolkit for React out there. Plus it has 11k (edit: oh it's 37k, wow) stars on Github, more than twice as much as the next most starred React toolkit. Semantic and Bootstrap have been "ported" to React and are missing features or do things non-idiomati…

Remind you, most of those stars gained while it was still horrifically bad engineered react framework. It was one of the early in the game and gained popularity solely because of that and its hefty existence hurt the react ecosystem a lot. They just recently rewrote it.

So, star count isn't a good measure.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#138

Post by thomasfedb »

fzaninotto wrote: post #89
thomasfedb wrote: post #39

I dunno, looks slick but I do wonder how much of this is actually useful for building an admin interface. Once I've got decent form styles and a navbar I find that most of the rest is either very simple, or very application specific. Widgets are cool, but mostly we need tables and forms.

I disagree. Admins are complex. See https://marmelab.com/react-admin-demo/ , it's a (fully working) admin built with material design and it uses about 30 specialized styled components. Think notifications, toolbars, menus, grids, etc.

That's a horrible admin. Sure, you can stuff an admin full of cards and tiles and widgets like that one does, but it doesn't make it better!

Information density suffers, scannability goes out the door!

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#139

Post by sv12l »

dom96 wrote: post #23

I basically associate material design with "slow" now, especially ever since Google has began to move all their services (flights, analytics) to material design. It's all becoming slow and annoying to use, anyone else feel the same?

I feel the same way, most of the actions on the 'world cup' feed/info (when you search for world cup) is slower than it needs to be.

Re: Show HN: Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js

#140

Post by wiradikusuma »

I'm using this for my upcoming SaaS, and I'm disappointed with the performance on mobile.

I thought it's due to React, but after Googling "react material UI slow" I found that it's the problem with the UI framework. Don't get me wrong, I like the design, I just regretful of not testing it on my phone much earlier.

Post reply on HN