Skip to main content


CSS

/news/uploads/Splitscreen.jpg image

Schicke Sache: Split-Screen-layout »

CSS 

Optisch ansprechende Seiten entwickeln und Besucher neugirig machen - welcher Webdesigner möchte das nicht? Ein Hilfsmittel dazu bietet sich mit Hilfe des Split-Screen-Layouts, welches den Bildschirm in zwei oder auch mehrerer Bereiche aufteilt, um Handlungen oder Bilder gleichzeitig zu zeigen.

Details
 image

Hintergrund Zoom»

CSS 

Einen interessanten Effekt ist das Einzoomen von einem Hintergrundbild. Gefunden auf der " Schlüsseldienst-Warendorf " Webseite. Durch das einzoomen des Schlüssels bekommt die Seite einen scheinbaren 3D-Effekt.

Details
/news/uploads/devicescss.jpg image

Aktuelle Geräte mit purem CSS»

CSS 

Aktuelle Geräte wie beispielsweise das neue iPhone X, das Google Pixel oder auch das Surface Pro bestehend aus purem CSS findet man in dem Github Projekt von Yan Zhu. Klassische Anwendung wäre zum Beispiel der Einsatz auf einer Landing-Page.

Details
/news/uploads/rumuli.jpg image

Rumilis Scroll-Down-Icons»

Code CSS 

RUMULI  ist eine Sammlung von HTML und CSS Scroll Down Icon Animationen.  Die Animationen dürfen frei verwendet werden, wie beispielsweise auf landing pages, Apps oder auf eigenen Webseiten, um den Besucher zum Betätigen von Scroll Down zu animieren. Aktuell findet man 21 ...

Details
/news/uploads/spinner.jpg image

CSS-Fortschrittsanzeigen »

Code CSS 

Fortschrittsanzeigen bei komplexen Seiten sind eine schöne Sache. So wird Wartezeit auf ansprechende Weise überbrückt. Gleich 13 unterschiedliche Fortschrittanzeigen findet man auf CSS-Spinners. Hier gibt es einfache wie auch komplexe Animationen zum ausprobieren.

Details
/news/uploads/anfont.png image

Font Awesome Animation»

CSS 

Font Awesome ist eine Schriftart, die statt Buchstaben Icons enthält. Vorteil dieser Fonts ist, dass Smartphone wie auch  4k-Monitor die Icons immer gestochen scharf darstellen und auch skalieren können. In Verbindung mit CSS lassen sich diese Fonts auch animieren. Zur Einbindung wird ...

Details
/news/uploads/cerberus.png image

Cerberus - Templates für Mails»

CSS Tools 

Ein Projekt den Namen Cerberus zu geben heißt gleichzeitig das selbiges durchaus schwer zu realisieren war oder ist. Nun dieses Projekt hat sich zur Aufgabe gemacht, für Desktop-, und Mobilgeräten Templates für responsive HTML E-Mails bereitzustellen.  Als Alternative zu Cerberus ...

Details
/news/uploads/outlinemail.png image

outlinemail»

CSS 

Outlinemail ist ein weiterer Vertreter aus der Gattung Framework für E-Mail. Das Framework beinhaltet fünf verschiedene Templates und diverse Komponenten wie footer, header, artikle, gallery, list, hero sowie 1, 2 und 3 Spalten.   

Details
/news/uploads/imagehover.png image

Imagehover: CSS Bibliothek»

CSS 

imagehover.css ist eine reine CSS Bibliothek für Image Hovereffekte. Die kostenlose Version beinhaltet 44 Efekkte die als Beispiele auf der Website zu finden sind. Die kommerzielle Version mit 216 Effekten liegt zur Zeit bei 19$. Unterstützt wird LESS und SCSS.

Details

Stichworte

Verwaltung des Blogs

Powered by

§

Webtipps