Kategorie-Archiv: CSS

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

 

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

 

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

 

Simples responsive Menü mit jQuery: eine select Box

Es gibt etliche mehr oder weniger aufwändige Möglichkeiten für die optimale Darstellung eines Menüs auf dem mobilen Gerät. Hier eine simple Lösung, die eine select Box generiert.
Weiterlesen

 

Bootstrap CSS Angaben für Tabellen, Formulare, Buttons

Bootstrap kommt bekanntlich mit einer Fülle von CSS Formatierungen daher, die man sich – relativ mühsam – auf der „Customize“ Seite (http://getbootstrap.com/customize/) für die eigenen Zwecke anpassen kann. Möchte man Formatierungen, z.B. die für Tabellen, Formulare und Buttons für ein Projekt verwenden, ohne das komplette Bootstrap zu verwenden so muss man sich die entsprechenden Angaben – noch mühsamer – zusammen suchen.
Weiterlesen

 

Ausklappmenü mit Verzögerung

Sich einblendende Untermenüs beim Bewegen der Maus über den jeweiligen Hauptmenüpunkt sind heutzutage üblich. Man kann das sehr einfach per CSS realisieren. Nervig wird es aber, wenn das Menü so platziert ist, dass immer wieder unbeabsichtigt das Ausklappmenü erscheint, obwohl man mit der Maus ganz wo anders hin will. Hier hilft es, einen Verzögerungseffekt einzubinden z.B. mit jQuery. Weiterlesen

 

CSS ordered list: verschachtelte Listen mit Nummerierung

Eine nummerierte Liste („ordered list“) in HTML zu erstellen ist bekanntlich nicht schwer (<ol>). Wenn man eine Unterebene benötigt, so beginnt die Zählung wieder bei 1. Hier eine Lösung, mit der die untergeordneten Listeneinträge die Ziffer der übergeordneten Seite voran stellen. Weiterlesen