42 fantastische und kostenlose HTML5+CSS3 Templates

40+ kostenlose HTML5- und CSS3-Webseitenvorlagen von HTML5 UP

snipaste20161208_092928

Auf der Webseite von HTML5 UP gibt es eine große und tolle Sammlung von 42 kostenlosen HTML5- und CSS3-Templates, welche Sie ohne Beschränkungen kostenlos downloaden können.

Alle gratis angebotenen Webseiten-Vorlagen sind voll responsive (siehe Demovideo) und unterliegen der weiter unten angeführten Lizenz.

Demovideo

In meinem kurzen Clip sehen Sie die Funktionsweise der Templates. Schalten Sie zwischen Desktop, Tablet, Tablet (Portrait) und Mobile (Smartphone) hin und her und sehen Sie, wie sich die Webseite an die jeweilige Größe anpasst.

Weiterlesen

Wie Sie 4 einfache Tooltipps nur mit CSS erstellen

Anleitung zur Erstellung von Pure CSS Tooltipps

Screen

Heute möchte ich Ihnen aus der riesigen Auswahl von coolen CSS-Experimenten eine Anleitung zur Erstellung eines CSS-Tooltips vorstellen und im Anschluss an das Kurz-Tutorial zum Gratis-Download anbieten.

Was sind Tooltipps

Tooltipps sind sogenannte »Quickinfos« oder »Kurzinfos«, welche dem Benutzer mehr Infos geben sollen. Sie werden zum Beispiel in Browsern zur Beschreibung von Links oder zur Erklärung von Icons, d.h. Symbolen oder z.B. Bildern in Computerprogrammen, verwendet und erscheinen, wenn der Mauszeiger über das entsprechende Objekt fährt oder eine gewisse Zeit über dem Objekt verbleibt.

Das Erstellen eines individuellen, gut aussehenden Tooltipps war oft mit großem Aufwand verbunden und setzte Javascript (meist in Form von jQuery) voraus. Mittlerweile geht dies viel einfacher und schneller nur über CSS. Und das auch noch mit vielen tollen Effekten/Animationen.

Weiterlesen