I have checked the website on my mobile (Android) before and now. All the issues Dennis mentioned are now fixed on my device too. Nice!
BR, Tomasz Sent from Samsung Mobile -------- Original message -------- From: Kasper Sørensen Date:2014/12/23 11:33 (GMT+01:00) To: [email protected] Subject: Re: Website design update After fixing all the nitty gritty details, the new site is now online! http://metamodel.apache.org/ Check it out on a desktop AND a mobile device near you ;-) 2014-12-23 10:37 GMT+01:00 Kasper Sørensen <[email protected]>: > 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 >> > >> >> > > >> > > >> > >> > >
