Andy Bell hat eine wirklich coole Demo erstellt, die uns zeigt, wie man ein responsives Grid-Layout ganz ohne Media Queries erstellt. So sieht es aus, wenn Sie die Größe des Browserfensters ändern
Ich denke …
CSS Grid hat nicht nur die Art und Weise, wie wir Layouts für das Web denken und erstellen, neu gestaltet, sondern auch dazu beigetragen, widerstandsfähigeren Code zu schreiben, "hackige" Techniken zu ersetzen, die wir zuvor verwendet haben, und in einigen Fällen die Notwendigkeit zu beseitigen, …
Ich liebe es, meine @media query Breakpoints zu verschachteln. Das ist für mich vielleicht das wichtigste Feature von Sass. Vielleicht wähle ich eine Methode und mache es so
.element {
display: grid;
grid-template-columns: 100px 1fr;
@include breakpoint(baby-bear) {
display: block;
}
Mit der Einführung des Dark Mode in macOS hat Safari Technology Preview 68 eine neue Funktion namens prefers-color-scheme veröffentlicht, mit der wir erkennen können, ob der Benutzer den Dark Mode mit einer Media Query aktiviert hat. Safari Technology Preview 71 auch …
Eine der coolen Sachen an <svg> ist, dass es buchstäblich ein eigenes Dokument ist, daher basieren @media-Abfragen in CSS innerhalb des SVG auf seinem Viewport und nicht auf dem HTML-Dokument, das es wahrscheinlich enthält.
Diese einzigartige Funktion hat …
Vor einem Monat habe ich untersucht, wie wichtig es ist, sich auf Interaction Media Features zu verlassen, um die Fähigkeit des Benutzers zu identifizieren, über Elemente zu schweben (Hover) oder die Genauigkeit seines Zeigegeräts zu erkennen – also ein präzises Gerät wie eine Maus oder ein …
Frontend-Entwickler und Webdesigner leben in einer wahnsinnigen Multi-Geräte-Realität.
Vor ein paar Monaten diskutierte das Red Hat UXD-Team darüber, wie man Unternehmensanwendungen für mobile Umgebungen entwirft. Sarah und Jenn, meine talentierten Kollegen, wiesen darauf hin, dass Touch …
Jake Archibald untersucht, wie bizarr sich Media Queries verhalten können, wenn sie in einen <style>-Block innerhalb des SVG selbst eingebettet und dann auf verschiedene Arten in verschiedenen Browsern verwendet werden. Die Ergebnisse sind bestenfalls lückenhaft.
Es wäre …
Kitty Giraudel schreibt auf, warum er iframify erstellt hat, ein Skript, das einen DOM-Knoten greift und ihn in einen <iframe> einbettet. Es ist ein raffiniertes Werkzeug, um Komponenten in einem Styleguide mit einer bestimmten Breite anzuzeigen und effektiv zu simulieren…
