Fixed a bunch of those points, because I saw them too :-) Thanks for the valuable feedback Dennis!
2014-12-23 10:19 GMT+01:00 Dennis Du Krøger < [email protected]>: > Whoops, of course attachments doesn't work on the mailing list. See it > here: https://www.dropbox.com/s/upsmh9xqhxsgjna/tempFileForShare.jpg?dl=0 > > > -----Original Message----- > From: Dennis Du Krøger [mailto:[email protected]] > Sent: 23. december 2014 10:17 > To: [email protected] > Subject: RE: Website design update > > Cool! > > A few comments on looks on my phone: > Everything is hugging the left edge with tons of space on the right. i.e. > the News sections a bound to the left edge, but the right has a margin. > I've seen this on quite a few pages, so it might by my phone that is weird. > > The page is zoomable, but looks weird when zoomede. I believe playing with > the options for the meta tag can stop that. > > The connector badges/icons look a bit strange: I get two badges on the > left side with aaaaaalmost space for a third. See "connector badges.jpg" > attachment. They also look a bit fuzzy on my phone. > I think the Bootstrap .col system can help out here. It should be able to > break and adjust the badges properly on all devices. > > The download and sections are not doing well with the small width; Text on > top of text. > > Almost the same with the mailing list, but here the text breaks out of the > box instead. That might actually be the thing that causes the right margin > I talked about before. > > BR, > Dennis > > -----Original Message----- > From: Kasper Sørensen [mailto:[email protected]] > Sent: 23. december 2014 09:53 > To: [email protected] > Subject: RE: Website design update > > That (the meta tag) did the trick! Good catch! > Den 23/12/2014 09.40 skrev "Dennis Du Krøger" < > [email protected]>: > > > There's many containers, which seems a bit weird, but I don't think > > that's illegal, they are just not nestable like before. As far as I > > remember, the only ill effect of not following the rules is weird > > offsets. But I think the "proper" way is to have each section as a > Bootstrap .row. > > > > In their examples, they have a '<meta name="viewport" > > content="width=device-width, initial-scale=1">' header. I guess that > > could trigger the proper behavior on mobile. > > > > By the way, looking at the code, it seems a little bit of a mix of > > using Bootstrap with manual styling. I'm not sure that will work out > > very well, with for all the ways the site can be laid out by BS on > differing devices. > > > > BR, > > Dennis > > > > -----Original Message----- > > From: Kasper Sørensen [mailto:[email protected]] > > Sent: 23. december 2014 09:24 > > To: [email protected] > > Subject: Re: Website design update > > > > Hmm I removed all the nested containers, but I still see that issue... > > Very strange. > > > > 2014-12-23 9:00 GMT+01:00 Kasper Sørensen > > <[email protected] > > >: > > > > > Thanks for the tip, Dennis. Lemme see how it works if I remove the > > > multiple nested containers... > > > > > > 2014-12-23 8:36 GMT+01:00 Dennis Du Krøger < > > > [email protected]>: > > > > > >> It looks good, but there seem to be some kind of problem with > > >> detecting my phone (Galaxy Note 3): The Bootstrap website looks > > >> properly... Mobile, but the (Bootstrapped) MetaModel site looks > > >> like a > > desktop site. > > >> > > >> Looking at the source, it looks a bit strange: There's a .container > > >> within a .container-fluid? As far as I remember, you can only have > > >> a top level container (.container-fluid for full width, .container > > >> for a narrow site), everything else must be .row and .col. > > >> > > >> Best regards, > > >> Dennis > > >> > > >> -----Original Message----- > > >> From: Kasper Sørensen [mailto:[email protected]] > > >> Sent: 22. december 2014 23:48 > > >> To: [email protected] > > >> Subject: Website design update > > >> > > >> Hi guys, > > >> > > >> I've spent a bit of time learning Bootstrap, the responsive web UI > > >> framework. So I decided to try and convert the MetaModel website to > > >> a proper bootstrap site. And before I knew it, I was also trying > > >> out some new ideas for how the "front page" / splash should look. > > >> > > >> Could you check it out and provide feedback. Notice also that I > > >> added the Javadocs in the navigation menu. > > >> > > >> http://metamodel.staging.apache.org/ > > >> > > >> Best regards, > > >> Kasper > > >> > > > > > > > > >
