Kleine, nach und nach zu erweiternde Liste von nützlichen CSS Angaben: Weiterlesen
Archiv der Kategorie: CSS
Icons im SVG Format in HTML und (S)CSS einbinden
Icons fehlen seit Jahren auf kaum einer Website. Die Geister (Webdevs) scheiden sich allerdings erheblich darin, wie man passende findet und einbindet.
Weiterlesen
Einen Layer als Ankündigung für besondere Inhalte mit TYPO3 realisieren
Mehr oder weniger flächendeckende Layer, die sich einblenden, sobald die Homepage aufgerufen wird und die über bestimmte Dinge informieren oder wichtige Ankündigungen bereit halten, sind eine schicke und nützliche Sache. Mit TYPO3 geht das relativ einfach.
Weiterlesen
TYPO3 Bildergalerie, einfach und mit schön („cool“) angeordneten Bildern
„Schön angeordnete Bilder“ heißt, dass sich die unterschiedlichen Formate den vorhandenen Platz teilen und ihn ausfüllen, „einfach“ bedeutet, dass die Bilder aus einem Verzeichnis geladen werden können.
Weiterlesen
Druckversion generiert leere Seiten
Optimiert man Webseiten per CSS für den Ausdruck erlebt man gelegentlich unerwartete und unschöne (nervige) Dinge.
Weiterlesen
Menü für responsive Websites mit TYPO3 und jQuery mmenu
Das mmenu ist eine schicke Sache, die wenig Wünsche übrig lässt bezüglich eines sinnvollen, hinreichend coolen und gut zu bedienenden responsive Menüs.
Weiterlesen
Horizontales und vertikales Zentrieren von und in Blockelementen mit display:flex
display:flex verspricht vielen Problemen in der alltäglichen Webentwicklung ein Ende zu bereiten. Man fragt sich, warum es das nicht schon viel früher gab.
Weiterlesen
TYPO3 responsive Images – eine einfache Lösung
TYPO3 bringt seit Version 6.2 verschiedene Lösungen für die Behandlung von Bildern im Zusammenhang mit responsive Design mit. Eine weitere Möglichkeit findet man in der Bootstrap Distribution. Für einfache Anwendungsfälle stelle ich hier eine eigene Option vor.
Weiterlesen
Nützliches CSS und jQuery für Responsive Websites
Ein paar Anforderungen tauchen im Zusammenhang damit, dass eine Website ihre Inhalte und ihr Design auf allem möglichen Gerätegrößen perfekt zum Ausdruck bringen muss, immer wieder auf: zum Beispiel off-canvas Menüs und unterschiedliche Klickevents je nach Endgerät.
Weiterlesen
Linkpfeile ohne Grafikdateien
Immer noch kommt es vor, dass Designer Pfeilchen vor oder nach den Links sehen möchten. Natürlich wollen wir heutzutage keine Grafikdateien dafür verwenden, sondern möglichst eine Lösung präsentieren, die per CSS umsetzbar und für jede Schriftgröße skalierbar ist.
Weiterlesen