id23 blog

mr. divs animierte GIFs

admin — Fri, 11 May 2012 07:10:16 +0000

Matthew “mr. div” DiVito, ein angehender Spieleentwickler und Motion Graphic Designer, hat auf seiner Tumblr Seite einige sehr aufwendig animierte GIF Grafiken veröffentlicht. Die GIFs zeigen meist geometrische Formen, die mit zum Teil sehr einfachen Effekten dennoch eine unglaubliche Wirkung hinterlassen, gerade in der Hinsicht, dass man bei der Gestaltung von animierten GIFs doch sehr [...]

CSS Icons ohne Grafiken und Schriftarten

admin — Sat, 28 Apr 2012 11:45:14 +0000

Ist zwar schon etwas älter, aber dennoch sehr interessant. Nicolas Gallagher hat auf seiner Homepage eine Demo mit 84 reinen CSS Icons veröffentlicht. Das besondere an den Icons ist, dass diese nicht durch die Verwendung von Grafiken oder Schriftarten erzeugt werden, sondern durch die Nutzung von Pseudo-Elemente und mit Hilfe von CSS und HTML erstellt [...]

CSS 3D Clouds Tutorial

admin — Sat, 28 Apr 2012 09:17:43 +0000

Jaume Sánchez hat nun zu seiner CSS 3D Clouds Demo auch ein Tutorial veröffentlicht. In dem Tutorial erklärt er Schritt für Schritt wie man mit Hilfe von HTML, JavaScript und CSS 3d Transforms eine 3d-ähnliche, animierte Wolkenwelt erstellen kann. Das Tutorial findet Ihr hier.

heatmap.js

admin — Fri, 27 Apr 2012 08:01:30 +0000

heatmap.js ist eine JavaScript-Bibliothek des österreichischen Software-Entwicklers Patrick Wied, die für die Erstellung von Web-Heatmaps genutzt werden kann. Der Begriff Heatmap setzt sich aus “Hitze”, bzw. “Wärme” und “Karte” zusammen. Es ist im Grunde eine Visualisierung von bestimmten Werten. Über unterschiedliche Farbewerte wird deutlich, welche Punkte häufig (rote Flecken) und welche nur sehr selten (blaue [...]

3D Slideshow mit jmpress.js

admin — Wed, 25 Apr 2012 06:49:06 +0000

Ein sehr interessantes Tutorial von Mary Lou von Codrops, eine Slideshow mit 3d Effekten, die mit Hilfe des jQuery Plugins jmpress.js realisiert wird. Der ein oder andere wird sicherlich schon was von impress.js gehört haben, eine JavaScript-Bibliothek für die Erstellung von 3d Präsenstationen. Die jQuery Portierung jmpress.js ermöglicht das Gleiche, bietet jedoch noch zusätzliche Optionen. [...]

TYPO3 4.7 veröffentlicht

admin — Wed, 25 Apr 2012 06:29:53 +0000

Gestern wurde die neue Version 4.7 des sehr verbreiteten Open Source Content Management Systems TYPO3 veröffentlicht. Laut Steffen Ritter, dem Release Manager für TYPO3 4.7, wird es zugleich auch die letzte Version im Version 4 Branch sein. Man möchte sich nun wieder der Weiterentwicklung von Typo3 6.0 widmen. Mit dem neuen Release wurde die Frontendausgabe [...]

CSS Tutorial: Rotating Words

admin — Thu, 19 Apr 2012 06:05:16 +0000

Codrops hat ein Tutorial veröffentlicht, in dem erklärt wird wie Ihr einzelne Wörter oder Abschnitte eines Satzes per CSS Animations austauschen könnt. Mit Hilfe von CSS Animations werden einzelne Wörter oder Abschnitte eines Satzes skaliert, rotiert oder einfach nur ein- und ausgeblendet. Dieser Effekt ist zwar nicht neu, aber das Besondere ist, dass dabei nicht [...]

Artikel: Einführung in Modernizr

admin — Thu, 19 Apr 2012 05:37:46 +0000

Webdesigner Depot hat einen interessanten Artikel zur beliebten JavaScript Bibliothek Modernizr veröffentlicht. Der Beitrag richtet sich in erster Linie an Designer, die noch nicht so viel Erfahrung mit dem Umgang von HTML und CSS haben. Der Artikel geht zunächst darauf ein was Modernizr überhaupt ist und erläutert anhand von Beispielen die Einrichtung und Möglichkeiten. Den [...]

HTML5 Bookmarks

admin — Thu, 12 Apr 2012 06:35:42 +0000

HTML5 Bookmarks ist, wie der Name schon sagt, eine Sammlung mit den wichtigsten Lesezeichen zum Thema HTML5. Neben den Lesezeichen, die in unterschiedliche Bereiche eingeteilt sind (jQuery, CSS3, 3D Engines, Frameworks, etc.), gibt es auch täglich aktuelle Beiträge zu HTML5. Die Seite findet Ihr hier.

jQuery Mobile 1.1.0 RC2 veröffentlicht

admin — Mon, 09 Apr 2012 14:41:23 +0000

Vor einigen Tagen hat das jQuery Mobile Team die neue Version 1.1.0 RC2 des beliebten Gerüsts für mobile Oberflächen veröffentlicht. Den Changelog, die Demos inklusive der Beschreibungen, sowie den Download der neuen Version findet Ihr im Blog Beitrag zum Release von jQuery Mobile 1.1.0 RC2.