Kalender mit CSS Grid

Avatar of Robin Rendle
Robin Rendle am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Hier ist ein pfiffiger Beitrag von Jonathan Snook, in dem er uns zeigt, wie man ein Kalender-Interface mit CSS Grid erstellt. Es gibt viele Tricks, die es wert sind, genauer untersucht zu werden, insbesondere dort, wo Jonathan grid-auto-flow: dense verwendet, was es Grid ermöglicht, die Kontrolle über ein Design zu übernehmen und zu versuchen, so viel wie möglich des zugewiesenen Platzes auszufüllen.

Als ich mich umsah, fand ich einen Beitrag über den Auto-Placement-Algorithmus von Grid von Ian Yates, der die Dinge etwas prägnanter darstellt. Könnte nützlich sein.

Ach ja, und wir haben ein Beispiel für einen Grid-basierten Kalender in unserer laufenden Sammlung von CSS Grid Startvorlagen.

Direkter Link →