marctrix: CSS/Media Queries

problematische Seite

Hej alle,

ich habe mir den oben verlinkten Artikel aus der To-Do-Liste von @Matthias Scharwies mal zur Brust genommen, finde den aber recht gelungen. Hier und da habe ich die "Beachten Sie"-Hinweise angepasst und ein bisschen umformuliert, mir ist aber ncihts großes aufgefallen.

Soll das etwas spezielles dazu kommen? Oder sollte da einfach mal einer drüber gucken?

Eine Sache könnte ich noch hinzufügen, würde das aber hier gerne erst diskutieren: es gibt Listen wie man mit geschickten Kombinationen von media-queries (device-pixel-ratio, device-width, aspect-ratio und device-height) ganz bestimmte Handy-Modelle identifizieren kann. Ich halte das aber für müßig, weil der Ansatz breakpoints inhaltsbezogen über em-Angaben zu setzen deutlich sinnvoller ist.

Wenn man diesen Standpunkt vertritt (und ich tu das), sollte aber auch der entsprechende Hinweis über (js)-Lösungen entfertn werden?!?

Marc

  1. problematische Seite

    Hallo marctrix,

    ich habe mir den oben verlinkten Artikel aus der To-Do-Liste von @Matthias Scharwies mal zur Brust genommen, finde den aber recht gelungen. Hier und da habe ich die "Beachten Sie"-Hinweise angepasst und ein bisschen umformuliert, mir ist aber ncihts großes aufgefallen.

    Danke für deine Unterstützung.

    Eine Sache könnte ich noch hinzufügen, würde das aber hier gerne erst diskutieren: es gibt Listen wie man mit geschickten Kombinationen von media-queries (device-pixel-ratio, device-width, aspect-ratio und device-height) ganz bestimmte Handy-Modelle identifizieren kann.

    Auf solche Ideen sollten wir unsere Leser gar nicht erst bringen.

    Wenn man diesen Standpunkt vertritt (und ich tu das), sollte aber auch der entsprechende Hinweis über (js)-Lösungen entfertn werden?!?

    Auf jeden!

    Bis demnächst
    Matthias

    --
    Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
    1. problematische Seite

      Hallo Matthias Apsel,

      Wenn man diesen Standpunkt vertritt (und ich tu das), sollte aber auch der entsprechende Hinweis über (js)-Lösungen entfertn werden?!?

      Auf jeden!

      Ich hab gar keinen gefunden !?

      Bis demnächst
      Matthias

      --
      Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
  2. problematische Seite

    Servus!

    Hej alle,

    ich habe mir den oben verlinkten Artikel aus der To-Do-Liste von @Matthias Scharwies mal zur Brust genommen, finde den aber recht gelungen. Hier und da habe ich die "Beachten Sie"-Hinweise angepasst und ein bisschen umformuliert, mir ist aber ncihts großes aufgefallen.

    @marctrix

    Vielen Dank für Deine Arbeit.

    Das Todo gilt ja genau genommen nur für die Browsereinschränkung bei orientation.

    Soll das etwas spezielles dazu kommen? Oder sollte da einfach mal einer drüber gucken?

    Andererseits gibt es immer wieder was, was man noch besser und deutlicher schreiben könnte.

    wenn uch was beim Stöbern auffällt - nur zu mit den Änderungen oder Anmerkungen.

    Eine Sache könnte ich noch hinzufügen, würde das aber hier gerne erst diskutieren: es gibt Listen wie man mit geschickten Kombinationen von media-queries (device-pixel-ratio, device-width, aspect-ratio und device-height) ganz bestimmte Handy-Modelle identifizieren kann. Ich halte das aber für müßig, weil der Ansatz breakpoints inhaltsbezogen über em-Angaben zu setzen deutlich sinnvoller ist.

    Da geh ich mit Dir und @Matthias Apsel konform.

    Wenn man diesen Standpunkt vertritt (und ich tu das), sollte aber auch der entsprechende Hinweis über (js)-Lösungen entfernt werden?!?

    Den habt ihr schon entfernt, oder? Gut so!

    Marc

    Herzliche Grüße

    Matthias Scharwies

    --
    Es gibt viel zu tun - packen wir's an: ToDo-Liste gewünschte Seiten
    1. problematische Seite

      Hej Matthias,

      Wenn man diesen Standpunkt vertritt (und ich tu das), sollte aber auch der entsprechende Hinweis über (js)-Lösungen entfernt werden?!?

      Den habt ihr schon entfernt, oder? Gut so!

      Ne, ist noch drin, sogar als Empfehlung :-}

      Empfehlung: Für den Medientyp @screen ist es besser, Breakpoints anhand der Eigenschaften wie Bildschirmauflösung, Seitenverhältnis, bzw. der Orientation, wie es gerade gehalten wird, zu erstellen. Eine andere Möglichkeit wäre das Auslesen der User-Agent-Kennung, um mobile Geräte zu identifizieren.

      Mache ich morgen und ersetze es durch einen kurzen Text, wie man inhaltsbezogene Breakpoints festlegt.

      Marc

      1. problematische Seite

        Servus!

        Hej Matthias,

        Wenn man diesen Standpunkt vertritt (und ich tu das), sollte aber auch der entsprechende Hinweis über (js)-Lösungen entfernt werden?!?

        Den habt ihr schon entfernt, oder? Gut so!

        Ne, ist noch drin, sogar als Empfehlung :-}

        Empfehlung: Für den Medientyp @screen ist es besser, Breakpoints anhand der Eigenschaften wie Bildschirmauflösung, Seitenverhältnis, bzw. der Orientation, wie es gerade gehalten wird, zu erstellen. Eine andere Möglichkeit wäre das Auslesen der User-Agent-Kennung, um mobile Geräte zu identifizieren.

        So was überliest man (ich) immer, weil es ja doch schlüssig klingt. Dass unter dem Link zur User-Agent-Kennung von der Müßigkeit dieses Tuns berichtet wird (IE ist Mozilla, Windows Phone 8.1 ist eine iPhone, etc), kommt einem (mir) da nicht in den Sinn.

        Mache ich morgen und ersetze es durch einen kurzen Text, wie man inhaltsbezogene Breakpoints festlegt.

        Vielen Dank im Voraus!

        Marc

        Herzliche Grüße

        Matthias Scharwies

        --
        Es gibt viel zu tun - packen wir's an: ToDo-Liste gewünschte Seiten
        1. problematische Seite

          Hej Matthias,

          Mache ich morgen und ersetze es durch einen kurzen Text, wie man inhaltsbezogene Breakpoints festlegt.

          Vielen Dank im Voraus!

          Zu Hülfe - ich habe da was kaputt gemacht. Der grüne Balken ist bei der Empfehlung nicht mehr zu sehen, obwohl ich meine das Markdown so gesetzt zu haben, wie bei dem Hinweis darüber - auch funktioniert der Link zu den Breakpoints nicht. Seh den Wald nicht und könnte einen Förster gut gebrauchen...

          Hier geht es direkt zur betreffenden Stelle

          EDIT: Hat sich erledigt - eine schließende eckige Klammer hatte gefehlt...

          Marc

          1. problematische Seite

            Hallo,

            Seh den Wald nicht und könnte einen Förster gut gebrauchen...

            Ich wohn in den Bergen und seh das Meer nicht. Du meinst ein Sehmann könnte mir da helfen?

            Gruß
            Kalk

            1. problematische Seite

              Hi,

              Seh den Wald nicht und könnte einen Förster gut gebrauchen...

              Ich wohn in den Bergen und seh das Meer nicht. Du meinst ein Sehmann könnte mir da helfen?

              nicht nötig: Wenn ich den See seh, brauch ich kein Meer mehr.

              So long,
               Martin

              --
              Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.
              - Douglas Adams, The Hitchhiker's Guide To The Galaxy
          2. problematische Seite

            Hallo marctrix,

            Hier geht es direkt zur betreffenden Stelle

            EDIT: Hat sich erledigt - eine schließende eckige Klammer hatte gefehlt...

            Wer hats repariert? ;-)

            Bis demnächst
            Matthias

            --
            Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
            1. problematische Seite

              Hej Matthias,

              Hier geht es direkt zur betreffenden Stelle

              EDIT: Hat sich erledigt - eine schließende eckige Klammer hatte gefehlt...

              Wer hats repariert? ;-)

              ??? - Habe ich wohl nur auf Vorschau gedrückt und danach vergessen zu speichern. Oder so... - grmblfx

              Marc