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
/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
/news/uploads/magic.jpg image

Animationen mit magic »

CSS 

Magic ist eine CSS-Library  die das Erstellen von CSS3 Animationen mit "special effects" deutlich vereinfacht. Magic lässt sich durchaus als Framework für CSS Animationen bezeichnen. Das Projekt ist auf github.com/miniMAC/magic Zuhause. Inspiriert wurde es von Daniel Eden’s  ...

Details

Stichworte

Verwaltung des Blogs

Powered by

§

Webtipps