de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Flexbox-Muster: Die ultimative CSS Flexbox-Codebibliothek

Die neueste Eigenschaft von CSS flexbox hat die Art und Weise, wie Entwickler Schnittstellen erstellen, radikal verändert. Keine Floats und CSS-Hacks mehr, um Layouts perfekt auszurichten. Sorgen Sie sich nicht mehr um individuell anpassbare Techniken zum Umgang mit mehrspaltigen Layouts.

Aber obwohl flexbox viele Probleme löst, ist es auch kompliziert zu lernen. Um Ihnen den Einstieg zu erleichtern, gibt es eine neue Online-Bibliothek namens Flexbox Patterns, die viele verschiedene flexbox-Elemente an einem zentralen Ort katalogisiert.

Diese Bibliothek ist komplett kostenlos und auf GitHub verfügbar. Alle Beispiele können lokal über NPM oder über GitHub heruntergeladen werden . Sie können die Beispiele aber auch auf der Website durchsuchen, um Codes nach Bedarf zu kopieren und einzufügen.

Jedes Muster hat seine eigene Seite mit einer kurzen Beschreibung und Codebeispielen. Sie können die Codes im wahrsten Sinne des Wortes kopieren und in Ihr bestehendes Webprojekt einfügen, obwohl es empfehlenswert ist, dass Sie zuerst ein wenig darüber lernen, was der Code macht und warum Sie ihn verwenden.

Nehmen Sie zum Beispiel die Demonstration der Seitenkopfleiste mit flexbox, um alle Elemente in einer oberen Navigationsleiste nebeneinander auszurichten.

Normalerweise würde dies Floats und eine Clearfix-Klasse erfordern, um alles richtig auszurichten.

Mit flexbox können Sie alles in einem Container speichern, indem Sie die Eigenschaft display: flex verwenden . Auf diese Weise können Sie festlegen, wie die Elemente miteinander interagieren sollen und wie die Flexbox auf kleineren Bildschirmen funktionieren soll .

Die Muster werden ständig aktualisiert und die aktuelle Bibliothek konzentriert sich auf die gebräuchlichsten Elemente wie Tabs, Sidebars und vertikale / horizontale Zentrierung.

Wenn Sie neu bei flexbox sind, dann schauen Sie sich Flexbox Patterns an. Die Seite wird Ihnen nicht alle Grundlagen von flexbox beibringen, aber es wird reale Beispiele bieten, an denen Sie für Ihre eigenen Webprojekte basteln können.

Designer: Wo auf der Welt sollten Sie arbeiten?

Designer: Wo auf der Welt sollten Sie arbeiten?

Es gibt eine romantische Mythologie um bestimmte Städte herum . Man braucht sie nur zu erwähnen, und tausend Bilder werden in Ihrem Kopf heraufbeschworen, das Ergebnis jahrzehntelanger historischer und populärkultureller Referenzen. Paris. Mailand. London. Rio de Janeiro. New York . Egal, wo du lebst, du hast wahrscheinlich schon von diesen Orten gehört und du weißt genau, wofür sie berühmt sind .Aber w

(Tech- und Design-Tipps)

Löschen Ihres Suchverlaufs von Suchmaschinen und Social-Media-Sites [Leitfaden]

Löschen Ihres Suchverlaufs von Suchmaschinen und Social-Media-Sites [Leitfaden]

Wir verbringen einen Großteil unserer Online-Zeit damit, nach Antworten auf einfache Fragen und komplexe Fragen zu suchen. Manchmal machen wir Suchen, die wir privat halten wollen, Dinge wie persönlichen medizinischen Rat, finanzielle Anfragen über Investitionen und zukünftige Wertpapiere usw. Es ist verständlich, dass einige Nutzer sich unwohl darüber fühlen, dass ihre Suchhistorie online in den Händen gehalten wird eine dritte Partei.Erschwe

(Tech- und Design-Tipps)