Anpassungen für Touch Devices (Requests)

[thread]19935[/thread]

Anpassungen für Touch Devices

Tags: perl-community.de Touch Similar Threads

Readers: 14

Articles: hide open all | hide show old branches

+17 replies
bianca

2015-12-29 14:17

User since
2009-09-13
7016 articles
BenutzerIn

Wie der Titel schon sagt wünsche ich mir Optimierungen für Touch Devices, wie z. B. bei der Erstellung eines Beitrags unten die Schalter klarer von der Umgebung abgrenzen damit man sie sicher und nicht zufällig trifft.
Größere Abstände würden schon reichen.
10 print "Hallo"
20 goto 10
- +6 replies
- GwenDragon
  
  2015-01-01 11:42
  
  User since
  2005-01-17
  14741 articles
  Admin1
  
  Ich muss mal nachsehen wie das CSS geändert werden kann.
  
  Welches Mobil-Gerät benutzt du?
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - +5 replies
  - bianca
    
    2015-01-01 13:57
    
    User since
    2009-09-13
    7016 articles
    BenutzerIn
    
    2016-01-01T10:42:18 GwenDragon
    Welches Mobil-Gerät benutzt du?
    
    Ein 10 Zoll Tablet mit Chrome Standard Schriftart Größe (STRG 0).
    10 print "Hallo"
    20 goto 10
    - +4 replies
    - GwenDragon
      
      2015-01-01 14:06
      
      User since
      2005-01-17
      14741 articles
      Admin1
      
      Welches gerät genau? Bildschirmauflösung? Ist wegen Pixeldichte wichtig!
      die Drachin Gwen
      
      Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
      - +3 replies
      - bianca
        
        2015-01-01 15:43
        
        User since
        2009-09-13
        7016 articles
        BenutzerIn
        
        1920 x 1200
        Aber es reicht, die Buttons rund herum mit einem padding von 10 bis 20px zu versehen. Du brauchst da nichts abmessen. Geht ja nur darum, die Schalter zu treffen.
        
        Links die Menüpunkte müssten auch vertikal weiter voneinander entfernt sein.
        
        Vielleicht könnte man einen Schalter "Touch Style" anbieten so wie auch der Schalter für die Schriftgröße.
        10 print "Hallo"
        20 goto 10
        
        +2 replies
        
        GwenDragon
        
        2015-01-01 16:00
        
        User since
        2005-01-17
        14741 articles
        Admin1
        
        CSS kann sehr wohl mit einem @media-Query nach Gerät entscheiden, was es ausliefert.
        
        Aber ohne dein Gerät (Viewport/Pixeldchte) zu kennen ist das Anpassen sinnlos.
        Warum mqagst du nicht sagen was du hast? Ist das zu öffentlich? Dann per PN.
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        bianca
        
        2015-01-01 18:21
        
        User since
        2009-09-13
        7016 articles
        BenutzerIn
        
        Es ist ein Lenovo Yoga 2. Ist nicht vertraulich aber ich halte die Modellbezeichnung hierfür für irrelevant. Wofür genau brauchst du die? Media Querys arbeiten doch nicht mit Gerätebezeichnungen. Außerdem geht es ja nicht um die Auflösung sondern um Touch ja oder nein und dafür kenne ich keine CSS Weiche.
        Oder was genau machst du da jetzt?
        10 print "Hallo"
        20 goto 10
- pq
  
  2015-01-01 14:02
  
  User since
  2003-08-04
  12208 articles
  Admin1
  
  Verschoben von Perl-Community.de nach Requests
  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
- GwenDragon
  
  2015-01-02 14:15
  User since
  2005-01-17
  14741 articles
  Admin1
  Code: (dl )
  
  1 2 3
  
  @media (pointer: coarse) { a.action, input.action_button { margin: /*1.5em*/ 1em; } }
  
  hilft leider nicht, weil nicht jedes Device das Media-Query kann :(
  Last edited: 2015-01-02 14:17:15 +0100 (CET)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - bianca
    
    2015-01-02 14:32
    
    User since
    2009-09-13
    7016 articles
    BenutzerIn
    
    pointer als Query kannte ich nicht. Sehr gut!
    Und wegen Device: ich würde davon ausgehen, dass Touch tendenziell eher neure Geräte mit neuen Browsern sind. Setz das doch testweise mal mit padding;20px für die beiden Schalter unten beim Beitrag erstellen bitte.
    10 print "Hallo"
    20 goto 10
- +2 replies
- GwenDragon
  
  2015-01-02 15:00
  User since
  2005-01-17
  14741 articles
  Admin1
  Ich habe mal für Geräte <= 768 px das margin um die Buttons erhöht.
  
  Code: (dl )
  
  1 2 3 4 5
  
  @media screen and (max-height:768px), screen and (max-device-height:768px) { a.action, input.action_button { margin: 1em; } }
  
  Bitte Cache leeren und testen!
  
  //EDIT: Seltsam, neues CSS wird nicht ausgeliefert!
  Ich finde wohl nicht das korrekte Stylesheet. Oder das Forum cachet die Templates :(
  
  Muss @pq machen.
  
  Möglicherweise ist das hier besser für Tablets:
  
  Code: (dl )
  
  1 2 3 4 5 6
  
  @media screen and (max-height:768px), screen and (max-device-height:768px) { a.action, input.action_button { margin: 1em; padding:.3em; } }
  
  Last edited: 2015-01-02 16:10:49 +0100 (CET)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - bianca
    
    2015-01-02 16:58
    
    User since
    2009-09-13
    7016 articles
    BenutzerIn
    
    Dann warte ich mal ab.
    10 print "Hallo"
    20 goto 10
- +5 replies
- kristian
  
  2016-01-08 15:06
  
  User since
  2005-04-14
  684 articles
  BenutzerIn
  
  Hallo,
  
  gibt es dafür irgendeine Testumgebung, Programme die "ähnliche Darstellung" haben oder was auch immer um die Sache mal selbst zu sehen.
  Ich habe leider nur Androids und meine Geräte sind auch in keinster Weise geeignet um eine Aussage zu machen.
  (Nexus 10 2560x1600px, Huawei-Handys der letzten Jahre ab 320x240px)
  Doch das kleine, das war Volks-Handy von -zensiert- vor 4 oder 5 Jahren, das ist in der Anzeige identisch mit Googles Anzeige beim pagespeed etc.
  
  Aber Spaß macht das so alles nicht, wenn man CSS "fertig hat" und doch nicht weiß, was man verbrochen hat
  
  lg
  Kristian
  - +4 replies
  - bianca
    
    2016-01-08 18:58
    
    User since
    2009-09-13
    7016 articles
    BenutzerIn
    
    Geht die Frage an mich? Ich denke Touch kann man nur mit Touch testen. Für verschiedene Displaygrößen gibt es ja einige Seiten zum Simulieren aber für Touch kenne ich keinen Simulator.
    10 print "Hallo"
    20 goto 10
    - +3 replies
    - kristian
      
      2016-01-08 19:02
      
      User since
      2005-04-14
      684 articles
      BenutzerIn
      
      Ja, stimmt, da müssten wir erst den automatischen Fingernägelschneider einführen.
      - bianca
        
        2016-01-08 19:56
        
        User since
        2009-09-13
        7016 articles
        BenutzerIn
        
        :)
        10 print "Hallo"
        20 goto 10
      - GwenDragon
        
        2016-01-08 20:17
        
        User since
        2005-01-17
        14741 articles
        Admin1
        
        Ach Krischan, musste immer Dönekes machen :)
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten

View all threads created 2015-12-29 14:17.