Layout für kleine Displays (Perl-Community.de)

[thread]14465[/thread]

Layout für kleine Displays

Leser: 19

Articles: hide open all | hide show old branches

+26 replies
pq

2010-01-08 16:53

User since
2003-08-04
12208 Artikel
Admin1

Ich hab jetzt den small view noch etwas erweitert.
unter der hauptseite befinden sich alle nötigen navigationslinks.
ausserdem gibt es zusätzlich noch einen "mini" view, der z.b. avatare und anderes ausblendet (und den ich weiter anpassen werde). der ist für handys gedacht.
vorschläge nehme ich gerne entgegen.
Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- +25 replies
- Gast anon
  
  2010-01-08 18:24
  
  Wo befinden sich denn die Styles für media=handheld?
  - +18 replies
  - pq
    
    2010-01-08 18:39
    
    User since
    2003-08-04
    12208 Artikel
    Admin1
    
    styles? da gibts keine styles für.
    es ging mir erstmal um ausblenden im template, um auch die datenmenge zu reduzieren.
    Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
    lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
    - +17 replies
    - Gast anon
      
      2010-01-08 18:55
      
      Willkommen im Jahre 1999.
      - pq
        
        2010-01-08 19:25
        
        User since
        2003-08-04
        12208 Artikel
        Admin1
        
        danke =)
        Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
        lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
      - +2 replies
      - LanX-
        
        2010-01-08 19:50
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        Guest anon
        Willkommen im Jahre 1999.
        
        Oh noch ein Experte für "Webstandards" in diesem Forum...
        
        Es ist ja nicht nur so das viele Handys mit CSS nicht richtig umgehen können, man will auch die Bandbreite bei "pay per Kilo" im Blick behalten und nicht unnötigen content rüberschieben der clientseitig wieder ausgeblendet wird. Auch entscheidet der Code auch bei modernen Geräten über die Geschwindigkeit des Aufbaus und des Zooms, wenn du mit nem Kleindisplay arbeitest willst du nicht auch noch 1 Sekunde extra warten müssen...
        
        An Templateanpassungen kommt man nicht vorbei es sei denn man hat mehrere Mannjahre Zeit um Handys durchzutesten.
        
        Z.B. habe ich ein mal vor 3 Jahren mit viel Blut und Schmerz einen Bug in WML-Script eines sehr verbreiteten Browsers lokalisieren müssen, da wurden Strings mit "0"-Character als beendet angesehen... WMLS ist zwar heute kein Thema aber Hersteller diverser Mobile-Browser sind keinen Deut besser geworden...
        
        NACHTRÄGE: kursiv embedded
        Last edited: 2010-01-08 20:21:56 +0100 (CET)
        me and my writeups
        
        GwenDragon
        
        2010-01-09 12:03
        
        User since
        2005-01-17
        14782 Artikel
        Admin1
        
        2010-01-08T18:50:28 LanX-
        Z.B. habe ich ein mal vor 3 Jahren mit viel Blut und Schmerz einen Bug in WML-Script eines sehr verbreiteten Browsers lokalisieren müssen, da wurden Strings mit "0"-Character als beendet angesehen... WMLS ist zwar heute kein Thema aber Hersteller diverser Mobile-Browser sind keinen Deut besser geworden...
        
        Zum Glück verwendet niemand mehr so alte WML-Browser.
        Allerdings haben viele Geräte Windows Mobile, dort ist der kaputte IE Mobile 6 drin und rendert wie der übliche kaputte MS-Schrott eben.
        Die wenigsten verwenden Opera Mobile oder Fennec, die moderner sind und Inhalte besser darstellen.
        
        Ansonsten kann jeder, der Opera als Desktop-Browser verwendet einfach mal mit Shift F11 sich ansehen wie das Forum im Modus für kleine Bildschirme aussieht (handheld-Mode).
        
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
      - +13 replies
      - Taulmarill
        
        2010-01-09 11:39
        
        User since
        2004-02-19
        1750 Artikel
        BenutzerIn
        
        Guest anon
        Willkommen im Jahre 1999.
        
        Wenn man mobil im Internet unterwegs sein will, dann sollte man sich vielleicht eine Plattform aussuchen, die mit einem möglichst großen Teil der existierenden Webseiten umgehen kann. Das ist einfacher, als jeden Webdesigner einzeln anzuschreiben und dazu zu überreden, viel Arbeit zu investieren um die eigenen Seiten für eine winzige Zielgruppe anzupassen.
        
        Willkommen im Jahre 2007.
        $_=unpack"B*",~pack"H*",$_ and y&1|0& |#&&print"$_\n"for@.=qw BFA2F7C39139F45F78 0A28104594444504400 0A2F107D54447DE7800 0A2110453444450500 73CF1045138445F4800 0 F3EF2044E3D17DE 8A08A0451412411 F3CF207DF41C79E 820A20451412414 83E93C4513D17D2B
        
        +10 replies
        
        GwenDragon
        
        2010-01-09 12:12
        
        User since
        2005-01-17
        14782 Artikel
        Admin1
        
        2010-01-09T10:39:31 Taulmarill
        Wenn man mobil im Internet unterwegs sein will, dann sollte man sich vielleicht eine Plattform aussuchen, die mit einem möglichst großen Teil der existierenden Webseiten umgehen kann.
        Plattform? Was meinst du genau damit? Die Hardware? Den Mobilbrowser? Das OS?
        
        Auf genügend Geräten wie Mobiltelefonen oder Smartphones sind die mitgelieferten Browser oft gruselig schlecht. Manche liefern mit Opera aus, das zeigt genügend Websites korrekt an. Mit Fennec habe ich keine Erfahrung mangels Installationsmöglichkeit. Das iPhone verwendetet einen angepassten Safari.
        
        Es gibt auf dem Mobilmarkt keine Plattform, die mit dem möglichstgroßen Teil der Webseiten umgehen kann.
        
        Dummerweise erfordert es meisten bei CSS genügend Anpassungen bis es auf Geräten wie iPhone oder anderen mit Touchscreen, Internet Explorer Mobile, Opera Mobile/Mini, Fennec etc. läuft.
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        +9 replies
        
        Taulmarill
        
        2010-01-09 14:13
        
        User since
        2004-02-19
        1750 Artikel
        BenutzerIn
        
        Vielleicht liege ich ja bei den von mir besuchten Webseiten weit neben dem Duchschnitt, aber ich hab' mit meinem iPhone eigentlich keine Probleme. Klar, es fehlt die Flash-Unterstützung, aber auf Seiten, die Flash für die Navigation oder Anzeige benötigen, konnte ich bis jetzt immer ohne weiteres verzichten. Habe noch nie eine Seite gesehen, die auf FF funktionierte, aber auf iPhone ein kaputtes CSS-Layout o.ä. hatte. Kannst du da ein Beispiel nennen?
        $_=unpack"B*",~pack"H*",$_ and y&1|0& |#&&print"$_\n"for@.=qw BFA2F7C39139F45F78 0A28104594444504400 0A2F107D54447DE7800 0A2110453444450500 73CF1045138445F4800 0 F3EF2044E3D17DE 8A08A0451412411 F3CF207DF41C79E 820A20451412414 83E93C4513D17D2B
        
        LanX-
        
        2010-01-09 15:01
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        Ich hab mit meinem LG Arena und seinem proprietärem Browser auch keine Probleme mit "normalem" HTML (inkl Flash :-P), es kann aber nicht Maß aller Dinge sein den Leuten das Handy und Flatrate vorzuschreiben.
        
        Ich z.B. boykottiere die Bezahlabzocke von Apple+Telekom.
        
        Opera Mini läuft zwar fast überall, hat aber eine logischerweise eine schlechtere Integration ins jeweilige Gesamtsystem (Multitouch, Aufrufschema+Dauer, Flash, separate Bookmarks, etc, pp. ...).
        
        Bei der OP-Frage Template oder CSS bin ich klar für Template insbesondere weil man vllt auch am Compi einen Mini-View (~ Druckansicht) bevorzugt.
        
        Wer einfach nur hier mitlesen möchte sollte vllt einfach nen RSS-Reader bemühen. Das kann man zur Not auch zuhaus synchronisieren und unterwegs kostenfrei lesen.
        me and my writeups
        
        +7 replies
        
        GwenDragon
        
        2010-01-09 15:08
        
        User since
        2005-01-17
        14782 Artikel
        Admin1
        
        Nein, ich habe gerade kein Beispiel parat.
        Sicher kannst du Webseiten, die auf FF anzeigbar sind auch auf iPhone ansehen.
        
        Aber damit auf einem Mobilgerät Webseiten sinnvoll angezeigt werden können, müssen: Bilder per CSS verkleinert werden oder ausgeblendet; Elemente in ihrer Breite begrenzt werden, sonst ist Zoomerei und Scrollerei angesagt; Navigationen z. B. in senkrechte Abfolge gebracht werden; Links und Buttons groß genug sein, um selektiert zu werden; etc.
        
        //EDIT: Javascript kann nur bedingt angewandt werden (Laufzeit); Grafiken und GIFs dürfen nicht zu groß sein
        
        Oder siehst du das anders?
        
        Last edited: 2010-01-09 15:13:25 +0100 (CET)
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        +6 replies
        
        Taulmarill
        
        2010-01-09 15:23
        
        User since
        2004-02-19
        1750 Artikel
        BenutzerIn
        
        Scrollen muss ich die Treads hier auch auf meinem PC, trotz 1600x1200 Pixel. Mit dem Zoomen hast du natürlich recht. Wie andere Handys das machen weiß ich nicht, aber auf dem iPhone kann man per Doppelklick ein Element der Webseite auf Bildschirmgröße vergrößern. Ich kann also z.b. auf einen Beitrag eines Threads zwei mal mit dem Finger tippen und der Text wird automatisch auf Bildschirmbreite vergrößert. Das kann ich dann schon gut lesen. Wem das immer noch zu klein ist, der dreht das Handy um 90° und hat automatisch Breitbild.
        
        Das was ich momentan am meisten vermisse, ist ein dediziertes Keyboard. Die QUERTY-Tastaturen die ich bisher in Handys gesehen habe sind mir aber entweder zu klobig, so dass sie das Gerät als ganzes zu groß machen, oder so klein, dass ich sie nicht mehr gut bedienen kann. Hat jemand schon mal dieses Laserprojektionsding ausprobiert? Das hört sich nach einem interessanten Konzept an.
        
        EDIT: Ich glaube ich bin ein wenig von dem abgekommen, was ich eigentlich sagen wollte: Ich bin überzeugt davon, dass man nicht viele verschiedene Versionen einer Webseite haben sollte, jede auf ein anderes Medium abgestimmt, sondern es sollte sich ein Stil des Webdesigns durchsetzen, der es den einzelnen Plattformen erlaubt, dies jeweils so gut wie möglich anzuzeigen. Wenn man sauber Content und Design in HTML und CSS trennt kommt man da schon gut hin. Das iPhone ist dann auf Clientseite ein Beispiel dafür, dass es mittlerweile Software gibt, die das auch für Hardware gut aufbereiten kann, für die es eigentlich nicht gedacht war. Das ist aber nur ein Beispiel, welches ich anführe, weil ich es gut kenne. Bin mir sicher, dass in Zukunft noch weit bessere Lösungen auf den Markt kommen werden.
        Last edited: 2010-01-09 16:21:21 +0100 (CET)
        $_=unpack"B*",~pack"H*",$_ and y&1|0& |#&&print"$_\n"for@.=qw BFA2F7C39139F45F78 0A28104594444504400 0A2F107D54447DE7800 0A2110453444450500 73CF1045138445F4800 0 F3EF2044E3D17DE 8A08A0451412411 F3CF207DF41C79E 820A20451412414 83E93C4513D17D2B
        
        +5 replies
        
        LanX-
        
        2010-01-09 17:16
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        Quote
        Bin mir sicher, dass in Zukunft noch weit bessere Lösungen auf den Markt kommen werden.
        
        ich muss da relativieren, aktuelle Webseiten sind auf zu abweichende physikalische Vorbedingungen ausgelegt, als dass man es alleine mit CSS abfackeln könnte (IMHO).
        
        Mobile Geräte müssen klein sein damit man sie mitschleppen¹ möchte, solange es keine 10g leichte aufblasbaren oder -klappbare Displays gibt oder ultraleichte Bluetoothbrillen die direkt ins Auge projezieren (Resistence is Futile ;), wird man auch für lückenbüßende Miniscreens verschlanken müssen.
        
        (klar werden leichte touchscreen Tabletts größer Din A5 kommen die man auch als eBooks nutzen kann, aber dass spielt bereits in der Liga meines Netbooks und passt nicht in die Jackentasche ... )
        
        kleine Anekdote <<__EOStory
        
        Vor Kauf meines neuen Spielzeugs (Weihnachtsaktions) hab ich mir von 3 Freunden ihre Usecases für ihr IPhone zeigen lassen (welche Apps, bei welcher Gelegenheit) um sicherzugehen, was ich verpasse...
        
        Mein bester Freund meinte es lohne sich bei seinen vielen Zugfahrten um seine Musik zu hören und Artikel im Web zu lesen... alleine auf www.bahn.de nerve es ihn ungemein wie schwer und hakelig es sei die Textboxen zu treffen.²
        
        Auf die Frage wieso er nicht einfach mobile.bahn.de nutze fiel ihm die Klappe runter... aber das hätte ich ja schon mit meinem alten Siemens gekonnt ... 8-|
        
        __EOStory
        
        Ich hab mir gerade durchgerechnet dass ich alleine schon bei meinen Fahrten zur Frankfurt PM und den häufigen Verspätungen wo ich sinnlos um 23:00 Uhr darauf warte dass die RB endlich abfährt, einem Stundensatz von nur 10€ für Freizeit ansetzend, bereits die Hälfte des Kaufpreises meines Billiggerätes amortisiert habe 8)
        
        BTW: Darf ich dich Fragen welche der 1000 (sich wiederholenden) Apps fürs Iphone dein Userprofil bestimmen? Einen ausgesprochenen Techie hatte ich noch nicht interviewen können... =)
        
        1) das iPhone ist mir persönlich schon so bullig dass ichs oft zuhause lassen würde...
        
        2) gibts sowas wie AddBlock fürs IPhone???
        Last edited: 2010-01-09 17:17:48 +0100 (CET)
        me and my writeups
        
        +4 replies
        
        Taulmarill
        
        2010-01-09 17:49
        
        User since
        2004-02-19
        1750 Artikel
        BenutzerIn
        
        Jeder, wie er mag. Für mich ist der Formfaktor, auf den sich das iPhone und seine Klone im Moment eingeschossen haben ein guter Kompromiss zwischen Displaygröße und Mobilität. Ich hatte vorher mal eins von HTC mit Windows Mobile, was mir viel zu groß war.
        
        Wenn du von projizierenden Brillen und dergleichen sprichst, schneidest du genau das an, was ich erwarte. Auf der CES werden z.B. gerade die ersten Laserprojektoren vorgestellt, die auch tatsächlich serienreif sind (angekündigt wird das ja schon seit Jahren). Auch Displays, die sich falten oder rollen lassen sind nicht mehr so weit weg. Was sich wirklich durchsetzen wird, wird sich zeigen.
        
        An Apps habe ich eigentlich gar nicht so viel, da fehlt mir der Enthusiasmus, da ständig nach neuen zu suchen. Am meisten verwende ich wirklich Mail und Webbrowser. Letzteren benutze ich gerne, um z.B. mal schnell was bei Wikipedia nachzuschauen.
        Ich hab dedizierte Apps zum umrechnen von Währungen und Physikalischen Einheiten. Das Guitar Toolkit finde ich auch klasse. Hat neben einer großen Akkorddatenbank auch ein Metronom und ein Stimmgerät, was besser ist als mein alten 20€ teures, was nochmal genau so groß wäre wie das iPhone.
        Das eingebaute GPS (ab iPhone 3G S) brauche ich zwar selten, aber da ich mein Handy immer dabei habe, hab ich es dann auch, wenn es wirklich mal sein muss. Hat mir in Stuttgart eine geschätzte halbe Stunde Sucherei in der Kälte gespart.
        Für Computerspieler sei noch erwähnt, dass es im Appstore eine Menge wirklich guter Spiele gibt. Eliss und Auditorium sind momentan meine Favoriten.
        $_=unpack"B*",~pack"H*",$_ and y&1|0& |#&&print"$_\n"for@.=qw BFA2F7C39139F45F78 0A28104594444504400 0A2F107D54447DE7800 0A2110453444450500 73CF1045138445F4800 0 F3EF2044E3D17DE 8A08A0451412411 F3CF207DF41C79E 820A20451412414 83E93C4513D17D2B
        
        +3 replies
        
        LanX-
        
        2010-01-09 18:21
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        2010-01-09T16:49:37 Taulmarill
        Jeder, wie er mag.
        
        Logico!!!
        
        2010-01-09T16:49:37 Taulmarill
        Wenn du von projizierenden Brillen und dergleichen sprichst, schneidest du genau das an, was ich erwarte.
        
        die andere Seite der Medaille ist natürlich das Inputmedium ... Android hat IMHO ne Spracheingabe, es gibt projezierte Keybords oder Datenhandschuhe. Miniquertys sind nicht schlecht aber trotzdem...
        
        Aber ich erwarte dass bis zur wirklichen Einsatzreife dieser Dinge noch 24 Monate ins Land gehen wo sich mein Netbook & Handy bereits amortisiert haben.
        
        2010-01-09T16:49:37 Taulmarill
        An Apps habe ich eigentlich gar nicht so viel, da fehlt mir der Enthusiasmus, da ständig nach neuen zu suchen.
        
        Mir ginge es ähnlich, deswegen lasse ich auch andere Suchen ... xD
        
        2010-01-09T16:49:37 Taulmarill
        Für Computerspieler sei noch erwähnt, dass es im Appstore eine Menge wirklich guter Spiele gibt. Eliss und Auditorium sind momentan meine Favoriten.
        
        Im Fun bereich wird die Konkurenz natürlich nicht mithalten können ... aber ich erwarte dass die wirklich guten Sachen auf Java oder Flash portiert werden, wie z.B. die berühmte Wasserwaage...
        
        Danke für die Tips ich guck mal...
        
        Allerdings bin ich auch froh wenn ich keine Suchtmaschine mit mir herumtrage. ;-)
        me and my writeups
        
        +2 replies
        
        Taulmarill
        
        2010-01-09 23:34
        
        User since
        2004-02-19
        1750 Artikel
        BenutzerIn
        
        Quote
        Im Fun bereich wird die Konkurenz natürlich nicht mithalten können ... aber ich erwarte dass die wirklich guten Sachen auf Java oder Flash portiert werden
        
        Lustig, dass du das ansprichst. Auditorium wurde ursprünglich als Flash-Spiel entwickelt. Das ist wirklich sehenswert http://www.playauditorium.com/
        $_=unpack"B*",~pack"H*",$_ and y&1|0& |#&&print"$_\n"for@.=qw BFA2F7C39139F45F78 0A28104594444504400 0A2F107D54447DE7800 0A2110453444450500 73CF1045138445F4800 0 F3EF2044E3D17DE 8A08A0451412411 F3CF207DF41C79E 820A20451412414 83E93C4513D17D2B
        
        LanX-
        
        2010-01-10 12:49
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        2010-01-09T22:34:43 Taulmarill
        Auditorium wurde ursprünglich als Flash-Spiel entwickelt. Das ist wirklich sehenswert http://www.playauditorium.com/
        
        Wow in der Tat sehenswert, und da es ein Kaufprodukt ist sollte man es eigentlich auch für andere Flashplayer erhalten können (?)
        
        Allerdings nicht ganz mein Ding, nach 10 Leveln nervt mich der immer gleiche Soundtrack und als bekennender Daltonist hab ich mit dem erkennen der Farben einige Probleme...
        
        zugegeben, wenigstens die Demoversion hät ich gerne mobil zum angeben... ;)
        me and my writeups
        
        +2 replies
        
        Gast anon
        
        2010-01-09 12:14
        
        Mir fehlen die Worte, auszudrücken, wie falsch du liegst.
        
        LanX-
        
        2010-01-09 18:25
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        Guest anon
        Mir fehlen die Worte, auszudrücken, wie falsch du liegst.
        
        Schlimm sowas... und wenn du nuhr Bilder sprechen lässt ???
        me and my writeups
  - +6 replies
  - GwenDragon
    
    2010-01-08 19:43
    
    User since
    2005-01-17
    14782 Artikel
    Admin1
    
    Die Ausgabemedium handheld wird nicht von allen Mobil-Browsern genutzt oder einfach ignoriert.
    Wenn, dann fehlen auch noch im CSS Media Queries, welche sich den verschiedenen Seitenbreiten der Mobilgeräte anpassen.
    
    Nur Geduld.
    
    @pq
    Falls nötig, wegen der Media Queries, frage mich. ;)
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - pq
      
      2010-01-08 19:52
      
      User since
      2003-08-04
      12208 Artikel
      Admin1
      
      jo, also mit css werde ich da auch noch was machen. aber so grosse brocken wie die user-info im posting einfach mit einem template-if rauszuwerfen, erschien mir jetzt einfacher und schlägt zwei fliegen mit einer klappe. zumindest bei meinem vertrag ist das surfen immer noch teuer (bzw. nur ne pseudo-flat mit bandbreiten-begrenzung) und langsam.
      Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
      lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
    - +4 replies
    - Gast anon
      
      2010-01-08 20:41
      
      2010-01-08T18:43:11 GwenDragon
      Nur Geduld.
      Danke, ich übe mich nun in Zuversicht.
      - +3 replies
      - LanX-
        
        2010-01-08 21:12
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        Guest anon
        Danke, ich übe mich nun in Zuversicht.
        
        Wie nett, noch'en Provokateur...haste auch was fachliches beizutragen?
        
        (Bianca trollst du wieder um die Häuser??? ;-)
        
        Nachtrag kursiv.
        Last edited: 2010-01-08 21:23:26 +0100 (CET)
        me and my writeups
        
        +2 replies
        
        Gast anon
        
        2010-01-09 12:13
        
        'n bisschen viel Paranoia, LanX-? Fasse meine Worte exakt so auf, wie sie dort zu lesen sind, und interpretiere nicht Sachen hinein.
        
        Ich bin nicht Bianca.
        
        LanX-
        
        2010-01-09 15:06
        
        User since
        2008-07-15
        1000 Artikel
        BenutzerIn
        
        Du, wer auch Fachliches beiträgt braucht nicht mit Trollen verglichen zu werden...
        
        Willkommen im Internetzeitalter! 8)
        me and my writeups

View all threads created 2010-01-08 16:53.