Live data from Hacker News

Vuetify - Material Component Framework for VueJS 2

vuetifyjs.com

31–39 of 39 posts

Re: Vuetify - Material Component Framework for VueJS 2

#32

Could actually see a "flash of unstyled content" on my desktop PC. No biggie, but that makes me think about just how overkill I want to go with VueJS. (edit: wondering also if they precompiled those templates with vue-loader?) I'm super excited about VueJS, and start using it on my site. But when I see a component for a button , you know, just a regular styled link... I wonder if there is really a purpose to that? Ho…

> Could actually see a "flash of unstyled content" on my desktop PC. No biggie, but that makes me think about just how overkill I want to go with VueJS. (edit: wondering also if they precompiled those templates with vue-loader?)

yeah, I agree that seems a misconfigured vue-loader/webpack issue. but when you do approach overkill, however you choose to define it, vue's server-side rendering starts to make a lot of sense. personally I wouldn't use a JS framework without SSR because progressive enhancement is important to me, but that's a digression.

Re: Vuetify - Material Component Framework for VueJS 2

#33
post #8

Earlier quoted context omitted.

Personally, I like material design, as do many others. If done right, it makes the interface feel fluid and alive rather than just click and appear. Whether or not you like that is personal preference.

completely agree. https://angular.io/docs/ts/latest/ is the best material implementation i believe.

Try Google Cloud Console. Even better!

Re: Vuetify - Material Component Framework for VueJS 2

#34

What would be helpful is a comparison to all the other Vue Material frameworks that already exist. (see github.com/vuejs/awesome-vue for example) ie, why should I switch? Why did this project get created from scratch instead of adding on to the existing ones?

A handful of those other frameworks wrap Material Design Light and/or Materialize in Vue components, so this eliminates that dependency and (theoretically) provides a cleaner API.

But https://vuematerial.github.io/ looks to have pretty similar "features" and is "Vue native" as well.

Re: Vuetify - Material Component Framework for VueJS 2

#35
post #8
post #5

what's the big deal with "material"? Looks ugly as sin. I just don't get it.

Personally, I like material design, as do many others. If done right, it makes the interface feel fluid and alive rather than just click and appear. Whether or not you like that is personal preference.

I have mixed feelings about it.

I really dislike the trend of material "inspired" designs that seem to obscure functionality in the name of aesthetics. Things like hiding buttons and input fields as (minimally styled) text on plain backgrounds, or screwing with scroll behavior drive me nuts.

On the other hand, I do like the occasional, subtle, animation that makes the interface feel like something with a bit more substance and interactivity than usual. The little ripple animations on touch are a good example of pleasant eyecandy that adds a bit of, for lack of a better phrase, emotional appeal.

Sliding/scaling/etc. dropdowns, sidebars, and menus that move around to indicate where they came from and are going to are fine and useful, but that's hardly unique to material.

Re: Vuetify - Material Component Framework for VueJS 2

#36
post #3

Looks cool, unfortunately like many of these UI frameworks, the more advanced functionality has been left out so far. Compared to http://semantic-ui.com/modules/dropdown.html which has searching and filtering etc. Hard to move to anything this unless it's the most basic of applications.

The advanced functionality is left out because it's very difficult, and quite a waste of valuable developer time, to reimplement essentially the same widget set over and over and over again for each framework. That's just one reason why it saddens me to see so many proprietary frameworks out there with more all the time, especially ones that are so close to being compatible with Web Components. If Vue just used and p…

And Semantic UI is far too large for a site that wants to be snappy.

Re: Vuetify - Material Component Framework for VueJS 2

#37
post #26
post #6

I disabled the use of custom fonts and have to say that the material style of Google makes websites unreadable. Just like this framework does. This is because the span inside an icon has a huge font size. And they use ligatures for characters (so I'm seeing the huge ligatures). Why would someone choose ligatures over CSS classes? Edit: I was thinking about problems with screen readers and so on. A CSS class is just s…

Could you provide a screenshot of the problem you encounter?

Just disable the "Material Icons" font in DevTools and you'll see it.

Re: Vuetify - Material Component Framework for VueJS 2

#38
post #5

what's the big deal with "material"? Looks ugly as sin. I just don't get it.

Same here. It just looks ugly to me.

That said, I do like flat designs. I've recently moved from Android to iOS and I'm really enjoying the UI. Although it is a flat design, it does have accents and details.

Material design just looks like something half-baked to me: I can't drop the feeling that there is way too much white space.

Re: Vuetify - Material Component Framework for VueJS 2

#39
post #5

what's the big deal with "material"? Looks ugly as sin. I just don't get it.

"I just don't get it" sums up my thoughts on a lot of Material Design. Here's an example from just this morning, where I wanted to sign up for Netlify News: https://www.netlify.com/news/ There's a form near the bottom of page, but it's very, very easy to miss because it implements Material Design-inspired input fields. And thought this is a DIY implementation, the 'official' version is highly similar: https://materia…

wowser I just took a look at that. totally confusing, can not understanf why anyone in UX would find that acceptable.

I honestly think this Material thing is just a huge troll of the design community.

Post reply on HN