CSS/Media Queries
marctrix
- frage zum wiki
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
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
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
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
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
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
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
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
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
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
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