Package: www.debian.org Severity: wishlist User: www.debian.org@packages.debian.org Usertags: design ----- Forwarded message from Martin Zobel-Helas <zobel@ftbfs.de> ----- Date: Fri, 18 Nov 2011 18:21:04 +0100 From: Martin Zobel-Helas <zobel@ftbfs.de> To: debian-www@lists.debian.org Subject: www.debian.org website optimization for handheld devices Hi, i played around a bit with our main page today, to have it better viewable on handheld devices like cell phones. The change i did was quite trivial: --- index.html.1 2011-11-17 15:41:29.000000000 +0000 +++ index.html 2011-11-18 16:00:48.000000000 +0000 @@ -7,6 +7,9 @@ <meta name="Description" content="Debian GNU/Linux is a free distribution of the GNU/Linux operating system. It is maintained and updated through the work of many users who volunteer their time and effort."> <meta name="Generator" content="WML 2.0.11 (19-Aug-2006)"> <meta name="Modified" content="2011-11-17 15:41:19"> + <meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0; minimum-scale=1.0; user-scalable=0; width=device-width"> + <meta name="mobileoptimized" content="300"> + <meta name="HandheldFriendly" content="true"> <link rel="alternate" type="application/rss+xml" title="Debian News" href="News/news"> <link rel="alternate" type="application/rss+xml" You can view the results: before the change on a HTC Desire http://people.debian.org/~zobel/screenshot-1321635013272.png after the change on a HTC Desire: http://people.debian.org/~zobel/screenshot-1321634995114.png before the change on a Nexus: http://people.debian.org/~corsac/www/portrait-old.png http://people.debian.org/~corsac/www/landscape-old.png after the change on a Nexus: http://people.debian.org/~corsac/www/portrait-new.png http://people.debian.org/~corsac/www/landscape-new.png If you want to try, my slightly modivied version is available on http://people.debian.org/~zobel/mobile-www/ Cheers, Martin -- Martin Zobel-Helas <zobel@debian.org> | Debian System Administrator Debian & GNU/Linux Developer | Debian Listmaster GPG key http://go.debian.net/B11B627B | GPG Fingerprint: 6B18 5642 8E41 EC89 3D5D BDBB 53B1 AC6D B11B 627B ----- End forwarded message ----- This are my thoughts about it (quoted from a mail sent to debian-www): As MJ Ray pointed out, also on my Samsung Galaxy search box and download box overlap the logos but apart from that the page looks a big improvement. IMHO we could create a mobile.css in which remove the left and right margins from the content (which on a smartphone sounds like a waste of space). I also think that for the mobile version of the homepage we'd need to remove some of the current content: as the space is less (and the screen is smaller) we need to list only the essential parts of the page. For example, I'd cut off the spacefun banner. But we need to identify the essential parts (what the user is searching on our website while browsing it with a smartphone?). What do you think about it? Cheers, Francesca -- "People assume that time is a strict progression of cause to effect, but actually from a non-linear, non-subjective viewpoint is more like a big ball of wibbly wobbly, timey wimey... stuff." The Doctor
Attachment:
signature.asc
Description: Digital signature