Received: from mail-pa0-f62.google.com ([209.85.220.62]:33915) by stodi.digitalkingdom.org with esmtps (TLSv1.2:AES128-GCM-SHA256:128) (Exim 4.84) (envelope-from ) id 1YwQxP-0004Ol-5I for lojban-list-archive@lojban.org; Sun, 24 May 2015 01:08:31 -0700 Received: by pablf10 with SMTP id lf10sf13756992pab.1 for ; Sun, 24 May 2015 01:08:21 -0700 (PDT) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=googlegroups.com; s=20120806; h=date:from:to:message-id:in-reply-to:references:subject:mime-version :content-type:x-original-sender:reply-to:precedence:mailing-list :list-id:list-post:list-help:list-archive:sender:list-subscribe :list-unsubscribe; bh=Urds3JRs0IwiitHOApTQ1Ockdz/mFIrkxZTzKiwwCrg=; b=FrnZHDheovM2pK1J4E7fuwWxWZPa4TmPNWWKr5q/7e4EXTJYwjbzlQg1Sew5S3Khib lK8caeLQTeNQ9xkX6hTebRZa/Ty3WLQdsbQGshxi6GeG/u7frX0K5xB6ZN8cAJ5CQp6q 2XpKaHCW2FHKmY3lYIJJcJz2hcG9vp5Nyan9gQIhFbyLuGyTg7irgNxC7zIgfD3q1Uss da6+6Hi1ZrDYGH/nSxnm6EPm7AAOGwzMJ1i3CNkJUZkaMfnnfrdISQUGCqJ7p1ChpGjH EB7bLv8EZOJ2Pxehch3BzHZWRCgqItwow0fCY8BRZG7wCuPoa/YH2fKMGFr3Dja+dEI/ MHBQ== DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=gmail.com; s=20120113; h=date:from:to:message-id:in-reply-to:references:subject:mime-version :content-type:x-original-sender:reply-to:precedence:mailing-list :list-id:list-post:list-help:list-archive:sender:list-subscribe :list-unsubscribe; bh=Urds3JRs0IwiitHOApTQ1Ockdz/mFIrkxZTzKiwwCrg=; b=ZWNoYrBn2qe49vHv/Uo8wSApNAedXyRwah8eGs9pMj57qg9Lln8JZEKx2HjRdg/BWy GvZOk0p3JLFWTfb86gUZrh7uxmftyREo9ozTOO+3D5hCJlzadtyayYQI5UX6Fk3Rdcug 4gT3IlTJqRSarLxgTkN+SjbPzJMFOrZw44H66J6zCBnZZV4LuL7SvPko/GAoCxAqz5A4 h+BnCdEk4W/dcuBk0svLIo5oJfBDTiVss/irBu/yOeEUbBtnZdR4mFJBarH3BCb5CTOA I5gwzczNfEVVMu5Llp5L3QIF9mgHCWLM2C6NM0ISOOpBcXxMC7XCrfFnGerHCWXgJKeM l1qQ== X-Received: by 10.140.90.81 with SMTP id w75mr220804qgd.22.1432454901125; Sun, 24 May 2015 01:08:21 -0700 (PDT) X-BeenThere: lojban@googlegroups.com Received: by 10.140.100.194 with SMTP id s60ls2693495qge.25.gmail; Sun, 24 May 2015 01:08:20 -0700 (PDT) X-Received: by 10.140.21.200 with SMTP id 66mr220852qgl.31.1432454900829; Sun, 24 May 2015 01:08:20 -0700 (PDT) Date: Sun, 24 May 2015 01:08:20 -0700 (PDT) From: la gleki To: lojban@googlegroups.com Message-Id: In-Reply-To: References: <40ba9aa5-c434-4bbf-adf5-f4a62ec3d765@googlegroups.com> <41f64830-f432-451f-84e5-7207f9a764c2@googlegroups.com> Subject: Re: [lojban] Re: LMW no longer optimized for mobile MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="----=_Part_2674_887959708.1432454900351" X-Original-Sender: gleki.is.my.name@gmail.com Reply-To: lojban@googlegroups.com Precedence: list Mailing-list: list lojban@googlegroups.com; contact lojban+owners@googlegroups.com List-ID: X-Google-Group-Id: 1004133512417 List-Post: , List-Help: , List-Archive: , List-Unsubscribe: , X-Spam-Score: -3.1 (---) X-Spam_score: -3.1 X-Spam_score_int: -30 X-Spam_bar: --- ------=_Part_2674_887959708.1432454900351 Content-Type: multipart/alternative; boundary="----=_Part_2675_1074949353.1432454900351" ------=_Part_2675_1074949353.1432454900351 Content-Type: text/plain; charset=UTF-8 On Sunday, May 24, 2015 at 9:58:05 AM UTC+3, la gleki wrote: > > > > 2015-05-23 22:44 GMT+03:00 la gleki : > >> >> >> On Saturday, May 23, 2015 at 6:28:26 PM UTC+3, la gleki wrote: >>> >>> >>> >>> 2015-05-23 17:59 GMT+03:00 Timothy Lawrence < >>> timothy.lawrence@connect.qut.edu.au>: >>> >>>> 2015-05-23 15:14 GMT+03:00 Timothy Lawrence < >>>> timothy.lawrence@connect.qut.edu.au>: >>>> >>>>> >>>>> On Friday, May 22, 2015 at 2:05:18 PM UTC+3, la gleki wrote: >>>>> >>>>>> this is just a notification that the latest reworkings of the front >>>>>> page of LMW (mw.lojban.org) made it ugly looking from mobile devices. >>>>>> >>>>> >>>>> The site seems to have a "responsive layout" so just resizing the >>>>> browser window smaller on desktop shows the problem. I also found a bug: >>>>> resize the browser window to mobile size, show and hide the menu, expand >>>>> browser window back to desktop size and now the sidebar menu doesn't show. >>>>> >>>> >>>> Did the MobileFrontend interface show up during your tests like in the >>>> screenshot above? >>>> >>>> >>>> Sorry, on desktop the top bar doesn't look quite like >>>> http://imgur.com/aJqUirM but the layout does look similarly >>>> cramped/broken at very small window sizes. >>>> >>> >>> MobileFrontend tries to detect true mobile devices to disable this >>> Metrolook skin and to enable its own skin. http://imgur.com/aJqUirM is >>> done from a real phone (i.e. not browser console emulation) >>> >> >> The current situation is even worse: http://imgur.com/gGP8Y0D >> >> I suggest that for devices with such narrow screens the right block is >> put to the top (so that language changing block can be seen) with news >> hidden. >> >> Or if you need news even on mobile devices then the whole right block can >> be split into two blocks moving languages to the top (so that new visitors >> can immediately change to their language) and news to the bottom so they >> dont distract new visitors with lots of guest-unfriendly unfamiliar >> information. >> > > Another solution can be just placing the language block back to top as it > was done by me long before LMW became official. It'd take two lines of > text. Not too much IMO (the left sidebar and the top toolbar aren't > scrollable so scrolling the content of the page doesn't make you lose main > wiki controls). > The new block thus would become independent and can be assigned a separate > CSS/JS for narrow devices. > I can also note that the front page is not optimized even for desktop computers. Here are two screenshots made for screens with different width. http://imgur.com/G2Yk9lF This glitch happens due to: 1. Using three tables instead of automatically fitting names of languages into columns 2. Since the right sidebar is specified using percents while the tables with names of languages are specified using pixels. These incompatible dimensions will always lead to glitches on different devices. And this should always be avoided. > >> >>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "lojban" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to lojban+unsubscribe@googlegroups.com. >>>> To post to this group, send email to lojban@googlegroups.com. >>>> Visit this group at http://groups.google.com/group/lojban. >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> >>> -- >> You received this message because you are subscribed to the Google Groups >> "lojban" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to lojban+unsubscribe@googlegroups.com. >> To post to this group, send email to lojban@googlegroups.com. >> Visit this group at http://groups.google.com/group/lojban. >> For more options, visit https://groups.google.com/d/optout. >> > > -- You received this message because you are subscribed to the Google Groups "lojban" group. To unsubscribe from this group and stop receiving emails from it, send an email to lojban+unsubscribe@googlegroups.com. To post to this group, send email to lojban@googlegroups.com. Visit this group at http://groups.google.com/group/lojban. For more options, visit https://groups.google.com/d/optout. ------=_Part_2675_1074949353.1432454900351 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable


On Sunday, May 24, 2015 at 9:58:05 AM UTC+3, la gl= eki wrote:

2015-05-23 22:44 GMT+03:00 la gleki <gleki.is.my.name@gmail.com>:


On Saturday, May= 23, 2015 at 6:28:26 PM UTC+3, la gleki wrote:


2015-05= -23 17:59 GMT+03:00 Timothy Lawrence <timothy.lawrence@connect.qut.edu.au>:
2015-05-23 15:14 GMT+03:00 Timothy Lawrence &= lt;timothy.lawrence@connect.qut.edu.a= u>:


On Friday, May 22, 2015 at 2:05:18 PM UTC+3, la gleki wrote:
this is just a notification that the latest reworkings of = the front page of LMW (mw.lojban.org) made it ugly loo= king from mobile devices.

The site seems to have a "responsive layout" so just resizing the br= owser window smaller on desktop shows the problem. I also found a bug: resi= ze the browser window to mobile size, show and hide the menu, expand browse= r window back to desktop size and now the sidebar menu doesn't show.

Did the MobileFrontend interface show up during your tests like in the scre= enshot above?

Sorry, on desktop the top bar doesn't look quite like http://imgur.com/aJqUirM but the layout does look similarly cramped/bro= ken at very small window sizes.

MobileFrontend tries to detect tru= e mobile devices to disable this Metrolook skin and to enable its own skin.=  http://imgur.com/aJqUirM is done= from a real phone (i.e. not browser console emulation)

The current situation is even w= orse: http://imgur.com/gGP8Y0D

I suggest that for devices with such narrow screens the r= ight block is put to the top (so that language changing block can be seen) = with news hidden.

Or if you need news even on mobi= le devices then the whole right block can be split into two blocks moving l= anguages to the top (so that new visitors can immediately change to their l= anguage) and news to the bottom so they dont distract new visitors with lot= s of guest-unfriendly unfamiliar information.
=
Another solution can be just placing the language block back= to top as it was done by me long before LMW became official. It'd take two= lines of text. Not too much IMO (the left sidebar and the top toolbar aren= 't scrollable so scrolling the content of the page doesn't make you lose ma= in wiki controls).
The new block thus would become independent an= d can be assigned a separate CSS/JS for narrow devices.

I can also note that the front page is= not optimized even for desktop computers. Here are two screenshots made fo= r screens with different width.

http://imgur.com/G= 2Yk9lF

This glitch happens due to:
1. Using thr= ee tables instead of automatically fitting names of languages into columns<= /div>
2. Since the right sidebar is specified using percents while the = tables with names of languages are specified using pixels.
These = incompatible dimensions will always lead to glitches on different devices. = And this should always be avoided.

<= div>

--
You received this message because you are subscribed to the Google Groups "= lojban" group.
To unsubscribe from this group and stop receiving emails from it, send an e= mail to lojban+unsubscribe@googlegrou= ps.com.
To post to this group, send email to lojban@googlegroups.com.
Visit this group at http://groups.google.com/group= /lojban.
For more options, visit https://groups.google.com/d/optout.


--
You received this message because you are subscribed to the Google Groups &= quot;lojban" group.
To unsubscribe from this group and stop receiving emails from it, send an e= mail to lojban+unsub= scribe@googlegroups.com.
To post to this group, send email to lojban@googlegroups.com.
Visit this group at http:= //groups.google.com/group/lojban.
For more options, visit http= s://groups.google.com/d/optout.
------=_Part_2675_1074949353.1432454900351-- ------=_Part_2674_887959708.1432454900351--