Christian Kruse: Mobile-CSS

Hey,

ich habe nochmal stark am Mobile-CSS gearbeitet. An die Mobile-User hier: was haltet ihr davon? Für mich persönlich ist das ein starker Usability-Gewinn, wie seht ihr das?

LG,
CK

  1. Hallo

    Bei mir (WP 7.8, IE 9) fehlt rechts in jeder Zeile der erste Buchstabe :(

    Gruß Jürgen

    1. Hallo JürgenB,

      Bei mir (WP 7.8, IE 9) fehlt rechts in jeder Zeile der erste Buchstabe :(

      Hm, hast du Dev-Tools, mit denen du dir anschauen kannst was da schief läuft?

      LG,
      CK

      1. Hallo

        Bei mir (WP 7.8, IE 9) fehlt rechts in jeder Zeile der erste Buchstabe :(

        Hm, hast du Dev-Tools, mit denen du dir anschauen kannst was da schief läuft?

        auf dem Smartphone nicht.

        Gruß Jürgen

        1. Hallo

          Bei mir (WP 7.8, IE 9) fehlt rechts in jeder Zeile der erste Buchstabe :(

          Hm, hast du Dev-Tools, mit denen du dir anschauen kannst was da schief läuft?

          auf dem Smartphone nicht.

          und im Emulator ist alles OK :(

          Gruß Jürgen

          1. Hallo JürgenB,

            Hallo

            Bei mir (WP 7.8, IE 9) fehlt rechts in jeder Zeile der erste Buchstabe :(

            Hm, hast du Dev-Tools, mit denen du dir anschauen kannst was da schief läuft?

            auf dem Smartphone nicht.

            und im Emulator ist alles OK :(

            Kannst du mal einen Screenshot machen? Dass ich mir das mal anschauen kann?

            LG,
            CK

            1. Hallo

              Kannst du mal einen Screenshot machen? Dass ich mir das mal anschauen kann?

              <flüster style="background:Räuspern; display:verlegener Blick">das kann das Ding nicht.</flüster>

              Ich werde mal ein Bildschirmfoto machen, aber ich muss dazu eine Knippse finden.

              Gruß Jürgen

              1. Hallo JürgenB,

                Kannst du mal einen Screenshot machen? Dass ich mir das mal anschauen kann?

                <flüster style="background:Räuspern; display:verlegener Blick">das kann das Ding nicht.</flüster>

                Ich werde mal ein Bildschirmfoto machen, aber ich muss dazu eine Knippse finden.

                Hehe ;-) ich werde einfach auf die negativen Margins verzichten und die Rand-Margins allgemein niedriger machen und hoffen, dass sich das damit legt.

                LG,
                CK

                1. Hallo Christian,

                  hier die Bildschirmfotos:

                  Auf der Startseite fehlt die Zeile „alle Foren“:

                  Alternativ-Text

                  Bei den Beiträgen ist links ein Stück abgeschnitten:

                  Alternativ-Text Alternativ-Text

                  und beim Antworten sieht es wieder gut aus:

                  Alternativ-Text

                  Ich hoffe, die Bilder sind gut genug, ich hatte die Kammera zum ersten Mal in der Hand.

                  Gruß Jürgen

                  1. Hallo JürgenB,

                    ich habe gerade nochmal ein paar fixes hochgeladen, ist es jetzt besser?

                    LG,
                    CK

                    1. Hallo Christian,

                      ich habe gerade nochmal ein paar fixes hochgeladen, ist es jetzt besser?

                      jetzt ist wieder alles da, wenn auch knapp. Der Text beginnt jetzt ca. 1px innerhalb des linken Randes. Und „alle Foren“ ist auf der Startseite auch wieder da. Danke.

                      Gruß Jürgen

                  2. Hi,

                    hier die Bildschirmfotos:

                    Ich hoffe, die Bilder sind gut genug, ich hatte die Kammera zum ersten Mal in der Hand.

                    Screenshot am Smartphone:

                    • Windows: Volume Up + Power-Button gleichzeitig.
                    • Android: Volume Down + Power-Button gleichzeitig.
                    • IPhone: Sleep/Wake-Button gedrückt halten, Home-Button drücken und loslassen.

                    cu,
                    Andreas a/k/a MudGuard

                    1. Hallo MudGuard,

                      Screenshot am Smartphone:

                      • Android: Volume Down + Power-Button gleichzeitig.

                      könntest du mir vielleicht sagen, welche Tasten das sind? Volumen, habe ich auf der linken Seite wo ich die Lautstärke einstelle, meinst du diese Taste? Und die Power Taste, mit der ich mein Handy an/ aus mache?

                      1. Hi,

                        Screenshot am Smartphone:

                        • Android: Volume Down + Power-Button gleichzeitig.

                        könntest du mir vielleicht sagen, welche Tasten das sind? Volumen, habe ich auf der linken Seite wo ich die Lautstärke einstelle, meinst du diese Taste? Und die Power Taste, mit der ich mein Handy an/ aus mache?

                        Genau: Lautstärke runter + Ein-Aus-Knopf.

                        cu,
                        Andreas a/k/a MudGuard

                        1. Hallo MudGuard,

                          Genau: Lautstärke runter + Ein-Aus-Knopf.

                          es funktioniert tatsächlich. Ich bin bis jetzt immer den Umweg über "QuickMemo" gegangen. Danke für den Tipp.

                          1. Hallo Jnnbo,

                            es funktioniert tatsächlich. Ich bin bis jetzt immer den Umweg über "QuickMemo" gegangen. Danke für den Tipp.

                            Mit dem ganzen Daumenlänge nach rechts wischen geht bei manchen Modellen auch.

                            Bis demnächst
                            Matthias

                            --
                            Signaturen sind bloed (Steel) und Markdown ist mächtig.
                    2. Hallo Andreas,

                      Screenshot am Smartphone:

                      • Windows: Volume Up + Power-Button gleichzeitig.

                      bei mir nicht, meins geht nur aus.

                      Gruß Jürgen

                    3. Hallo Andreas,

                      Screenshot am Smartphone: […]

                      • Android: Volume Down + Power-Button gleichzeitig.

                      Nicht generell: bei Samsung-Geräten muss man Power- und Home-Button gleichzeitig drücken (so ist es zumindest bei meinem S3 mini, aber afaik gilt das auch für andere Smartphones von Samsung).

                      Gruß,
                      Tobias

  2. Hallo Christian,

    ich habe nochmal stark am Mobile-CSS gearbeitet. An die Mobile-User hier: was haltet ihr davon? Für mich persönlich ist das ein starker Usability-Gewinn, wie seht ihr das?

    schaut schon viel besser aus. Ich würde zwischen die Postings noch etwas Abstand rein nehmen. Schaut alles so gedrückt aus.

    Alternativ-Text

    1. Hallo Christian,

      vielleicht kannst du am Editor auch noch bisschen etwas drehen, dass dieser besser zu bedienen ist

      Alternativ-Text

      1. Hallo Jnnbo,

        vielleicht kannst du am Editor auch noch bisschen etwas drehen, dass dieser besser zu bedienen ist

        Interessant, sieht bei mir ein wenig anders aus 😅

        Ich schaue es mir morgen mal an, heute bin ich zu müde dafür. Muss ins Bettchen.

        LG,
        CK

      2. Hallo Jnnbo,

        vielleicht kannst du am Editor auch noch bisschen etwas drehen, dass dieser besser zu bedienen ist

        [x] Done

        Hat noch einen Bug (die Textarea wächst nach rechts aus dem Bild), aber ich finds so besser. Was meinst du?

        LG,
        CK

        1. Hallo Christian,

          [x] Done

          Hat noch einen Bug (die Textarea wächst nach rechts aus dem Bild), aber ich finds so besser. Was meinst du?

          schaut bis jetzt sehr gut aus.

          Alternativ-Text

  3. @@Christian Kruse

    ich habe nochmal stark am Mobile-CSS gearbeitet. An die Mobile-User hier: was haltet ihr davon? Für mich persönlich ist das ein starker Usability-Gewinn, wie seht ihr das?

    Sieht aufgeräumter aus.

    Aber man kann jetzt nicht mehr herauszoomen. :-( (Safari/iPhone)

    An der meta-viewport-Angabe liegt’s wohl nicht. Hast du da irgendwo eine Breitenangabe und overflow: hidden?

    LLAP

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    1. Hallo Gunnar,

      Aber man kann jetzt nicht mehr herauszoomen. :-( (Safari/iPhone)

      Wo genau?

      An der meta-viewport-Angabe liegt’s wohl nicht. Hast du da irgendwo eine Breitenangabe und overflow: hidden?

      Nein. Meinst du den Thread-Baum? Da ist overflow-x: scroll gesetzt.

      LG,
      CK

      1. @@Christian Kruse

        Meinst du den Thread-Baum?

        Ja, den. Wenn man versucht rauszuzoomen sieht’s so aus:

        Screenshot Threadbaum im iPhone

        Lässt man die Finger los, springt’s zurück auf volle Breite.

        Reinzommen geht, rauszoomen nicht.

        Vorher ging es.

        LLAP

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
        1. Hallo Gunnar,

          Lässt man die Finger los, springt’s zurück auf volle Breite.

          Reinzommen geht, rauszoomen nicht.

          Ja, das liegt an dem overflow-x:scroll auf das .root. Ich finde das angenehmer so, seht ihr das anders?

          LG,
          CK

          1. @@Christian Kruse

            Reinzommen geht, rauszoomen nicht. Ich finde das angenehmer so, seht ihr das anders?

            Ich hatte das Rauszoomen beim Threadbaum oft benutzt, um mir schnell einen Überblick zu verschaffen.

            LLAP

            --
            „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
            1. Hallo Gunnar,

              habs mal wieder rückgängig gemacht, es hatte noch ein paar weitere nicht so schöne Nebenwirkungen.

              LG,
              CK