Simple SVG Hamburger Icon CSS Klasse

Ab und zu kommt es vor, dass gerade kein Icon-Set oder gar eine Icon-Font zur Hand ist. In manchen Fällen wäre dies auch einfach overkill. Zum Beispiel dann, wenn eine Website überarbeitet wird, die ursprünglich nicht responsive war und eh keine Icons beinhaltet. Oder eben wenn eine neue Website erstellt wird, die sonst keine weiteren Icons benötigt.

Dann, und immer dann stelle ich mir die Frage, wie oder woher ich nun möglichst schnell ein Hamburger Icon – das Icon, welches gern für den „Menü-anzeigen/ausblenden-Button“ verwendet wird – bekomme, welches ich anschließend in die Website einbauen kann. Ohne jetzt großartig Photoshop oder Illustrator öffnen zu müssen.

Hier gehts zur Demo. (mehr …)


HTML Input Type „date“ und „datetime-local“ korrekt befüllen

Für die mit HTML5 neu hinzugekommenen Eingabe-Typen für „Datum“ type="date" und „Datum und Uhrzeit“ type="datetime-local" gibt es ein festgelegtes Format. So wird, auch für deutsche Datumsangaben, ein Datum immer im Format YYYY-MM-DD angegeben. Wie das Datum dem Betrachter der Website angezeigt wird, entscheidet der Browser. Googles Chrome z.B. anhand der eingestellten Systemsprache.

<input type="date" value="2015-01-21">

Nun gibt es die Möglichkeit, Datum und Uhrzeit in einem type="datetime-local" Eingabefeld zu kombinieren. Das Format für Eingabefelder vom Typ date wird entsprechend erweitert: YYYY-MM-DDThh:mm:ss.ms

<input type="datetime-local" value="2015-01-21T13:05:23.510">

T dient als Trenner zwischen Datum und Uhrzeit.

Aktuelles Datum und Uhrzeit mit PHP setzen

<input type="date" value="<?php echo date('Y-m-d'); ?>">
<input type="datetime-local" value="<?php echo date('Y-m-d\TH:i:s'); ?>">