Live data from Hacker News

BootMetro: Metro style web framework

aozora.github.com

71–80 of 92 posts

Re: BootMetro: Metro style web framework

#71

I'm a fan of the metro look in general, clean and simple. It can work as a web framework, and this one does a pretty good job of it. A few things of note: 1) The hover effect over the colored blocks feels odd, almost like the default blue border around image links. 2) ListViews seem under-styled with poor spacing. Perhaps this is intended 3) The ApplicationBar is pretty sharp 4) The text-color on all the button style…

This is so much better than the top comment "This is an abomination." and a much better critique. I think pg should create a filter to weed out all comments which have stuff like "I'm not trying to be a hater/douchebag/downvote me/rude/etc but".

I don't know if it is because this is a design-based project and not a development project, but I don't understand why people are complaining about the complainers. Just as many people ask why someone did something a certain way - or why they'd do something at all - in threads based on programming projects and I think it is just as valid here.

In my experience on HN, there aren't enough quality posts on design. In fact, a lot of the most upvoted ones promote poor practices. I've stopped basing whether or not I go into a design threads on the upvotes, because some of the most beautiful projects I've seen have collected dust here, while others thrive despite their rampant shortcomings.

This is basic UI design in the form of basic CSS. You would be seriously hardpressed to find a more generic branding standard than one that relies on simple solid blocks and white text, something that can be pulled off in decades-old browsers, and here we have a website that a) illustrates a lack of understanding of the UI itself and b) a lack of understanding CSS, which makes up the framework.

Honestly if I worked in a studio that was doing work for Microsoft and asked a designer to create these web assets, I would send them back to the drawing board if this is what they presented to me. I think that's why you're seeing a lot of these "negative" comments. It looks and works like a last-minute homework assignment, especially for something where everything is already defined for you in public branding documentation and on Microsoft's own websites.

How am I supposed to say that without coming off as a jerk?

Re: BootMetro: Metro style web framework

#72

From a designers standpoint: 1. Take the hover border off and instead add a little CSS3 background transition animation and set the hover background color to something a tad lighter. I think this would be a cool effect. 2. Use Segoe UI or something close instead of the font you're using now, especially on the blocks 3. One of the cool things about the "metro" style is how they effectively use a ton of padding and spa…

I don't think there is Segoe UI webfonts that I can embed? I tried to look for it in some point and could not find it. Do you know any font that is close to?

Re: BootMetro: Metro style web framework

#74

From a designers standpoint: 1. Take the hover border off and instead add a little CSS3 background transition animation and set the hover background color to something a tad lighter. I think this would be a cool effect. 2. Use Segoe UI or something close instead of the font you're using now, especially on the blocks 3. One of the cool things about the "metro" style is how they effectively use a ton of padding and spa…

I don't think there is Segoe UI webfonts that I can embed? I tried to look for it in some point and could not find it. Do you know any font that is close to?

I think this might work well. It's an Adobe open source font, it was popular on HN a little bit ago.

http://blogs.adobe.com/typblography/2012/08/source-sans-pro....

Re: BootMetro: Metro style web framework

#75

I'm a fan of the metro look in general, clean and simple. It can work as a web framework, and this one does a pretty good job of it. A few things of note: 1) The hover effect over the colored blocks feels odd, almost like the default blue border around image links. 2) ListViews seem under-styled with poor spacing. Perhaps this is intended 3) The ApplicationBar is pretty sharp 4) The text-color on all the button style…

If you visit msn.com in metro IE, the tiles have a tilt-click effect that emulate the real metro tiles. I think skydrive.com does this too to some effect. It would be nice if Microsoft could release an official open source library.

Re: BootMetro: Metro style web framework

#76
post #32

This is an abomination. Do we honestly need a "framework" to use the background-color and float properties? Not to mention that the design here is very poorly executed, and as someone else mentioned the responsiveness doesn't even work. I'm not trying to be a hater or a downer, I just can't believe that this is the state of web design right now. As Gob would say, "COME ON!"

Touche! Some of these css frameworks are getting ridiculous... CSS is easy, why do we need frameworks for it? And wow I hope this is not the direction web design is headed!

I appreciate CSS frameworks for taking some of the complexities out of tedious tasks. Without pre-built frameworks, I would still be using my own half-baked custom boilerplates. I agree with your sentiment about the direction of design. Am i the only one who is already sick of all the metro copies out there? I have never wanted to design a web site/app that looks exactly like another brand, e.g. Microsoft's Metro.

Re: BootMetro: Metro style web framework

#77

I'm a fan of the metro look in general, clean and simple. It can work as a web framework, and this one does a pretty good job of it. A few things of note: 1) The hover effect over the colored blocks feels odd, almost like the default blue border around image links. 2) ListViews seem under-styled with poor spacing. Perhaps this is intended 3) The ApplicationBar is pretty sharp 4) The text-color on all the button style…

This is so much better than the top comment "This is an abomination." and a much better critique. I think pg should create a filter to weed out all comments which have stuff like "I'm not trying to be a hater/douchebag/downvote me/rude/etc but".

While critiques are awesome, those sorts of comments actually provide valuable insight.

Judging by frequency/consistency of topic, they can be used as a launch point for improving a product. They often include insight into what people making snap judgements (hint: we all do) think about your product/website/etc. While longer form critiques give excellent advice, short comments such as these provide a different take, which actually informs the critiques as well.

Re: BootMetro: Metro style web framework

#79

From a designers standpoint: 1. Take the hover border off and instead add a little CSS3 background transition animation and set the hover background color to something a tad lighter. I think this would be a cool effect. 2. Use Segoe UI or something close instead of the font you're using now, especially on the blocks 3. One of the cool things about the "metro" style is how they effectively use a ton of padding and spa…

I should start a service that gives people a thorough review of their app or web site and I make a list of trouble things and recommendations on how to make it better. Consulting on a smaller scale.

So nice to see the designers of HN come out of the woodwork. I feel like that's all my account here seems to be used for.
Post reply on HN