Die Icons sind in Kategorien unterteilt und übersichtlich geordnet. Besonders praktisch ist, dass man die gewünschten Farbwerte auf der Website definieren kann und die Icons werden dann individuell generiert.

Website: http://mapicons.nicolasmollet.com/

jQuery-Slider werden häufig für die dynamische Darstellung von Beiträgen, Produkten und Galerien verwendet und vor allem auf modernen Webseiten eingesetzt. Früher wurde diese Art der Darstellung meist mit Flash umgesetzt. Da JavaScript und Html jedoch bei weitem suchmaschinenfreundlicher sind, haben sich die zahlreichen JavaScript Frameworks und allem voran jQuery inzwischen durchgesetzt.

Schön ist auch, dass es für fast jedes Vorhaben bereits fertige jQuery Plugins gibt. Eine schöne Zusammenstellung verschiedenster jQuery Slider ist nun auf antsmagazine.com zu finden. 50 der besten Slider wurden hier in einer Übersicht zusammengestellt:

http://www.antsmagazine.com/50-jquery-sliders-you-will-love-to-use

Rotating Image Slider With Jquery [DEMO]

Beispiel jQFullscreen Gallery With Thumnail Flip [DEMO]

Beispiel jQuery-Slider ImageFlow [DEMO]:

URL: http://www.antsmagazine.com/50-jquery-sliders-you-will-love-to-use

Mobilizer ist eine freie Adobe AIR Applikation, welche eine Vorschau von sämtlichen URL-Adressen oder lokalen Dateien (HTML, Bilder oder Flash) in verschiedenen mobilen Endgeräten darstellt.

Aktuell werden iPhone 4, Palm Pre, HTC Evo sowie Blackberry Storm unterstützt. In Zukunft sollen weitere Geräte hinzugefügt werden.

Ein weiteres nettes Feature ist die Exportfunktion der Vorschaubilder als PNG-Datei, was sehr praktisch ist.

Voraussetzungen: Adobe AIR
Webseite: http://www.springbox.com/mobilizer/

html2canvas ist ein eindrucksvolles Skript, das Screenshots von Webseiten (oder Teile davon) erzeugen kann und das clientseitig, nur mit Hilfe von JavaScript.

html2canvas

Wie  jeder Browser rendert das Script Seiten unterschiedlich und das Ergebnis ist manchmal nicht ganz perfekt. Die Bibliothek ist noch experimentell, da es noch verschiedene CSS3 Eigenschaften gibt, die nicht unterstützt werden. Allerdings funktioniert es dennoch recht gut, wovon man sich auf der Demoseite überzeugen kann.

Voraussetzungen: jQuery
Website: http://html2canvas.hertzen.com/
Demo: http://html2canvas.hertzen.com/screenshots.html

RandomText ist eine Webseite zum einfachen Erstellen von Blindtext bzw. Dummytext, entweder in Lorem ipsum oder verworrenem Kauderwelsch.

Es ist möglich, den Typ des Elements (Absatz, Liste oder Überschrift) sowie die Anzahl und Länge zu definieren.

Der Generator bietet Kurzbefehle um den HTML-Quelltext formatiert auszugeben bzw. für die vollständige Ausgabe als Text/HTML-Datei.

Für einen schnelleren Zugriff auf den Dienst kann ein bestimmtes URL-Format aufgerufen werden. Zum Beispiel randomtext.me/lorem/ul-10/5-10/ um eine ungeordnete Liste mit jeweils 5-10 Wörtern Lorem ipsum Text zu erzeugen.

Webseite: http://www.randomtext.me/

Es gibt viele neue und aufregende Sachen die mit HTML5 und CSS3 bei der Website-Entwicklung nun möglich sind.  Aber, wenn es um die Gestaltung von HTML-E-Mails geht, braucht man immer noch Tabellen und Hacks um die Kompatibilität mit verschiedenen E-Mail-Clients zu verbesser.  HTML E-Mail-Boilerplate ist ein Projekt, das hilft die zahlreichen Rendering-Probleme mit den gängigsten E-Mail-Clients zu umgehen.  Der Code ist sehr gut dokumentiert und das Download-Paket enthält eine nicht dokumentierte Version. Der Code hat mir sehr gut geholfen, da es ansonsten sehr viel Zeit kosten kann HTML Newsletter für alle gängigen E-Mail Programme zu optimieren.

Website: http://htmlemailboilerplate.com/
Download: https://github.com/seanpowell/Email-Boilerplate

Als Webdesigner benötigt man für Layoutzwecke oft nicht nur Blindtext, sondern genau so oft Bilder, die man als Platzhalter einsetzen kann ohne Abmahnungen oder sonstige Klagen der Urheber fürchten zu müssen.

Lorempixum ist ein Online-Tool welches genau das bietet: Bildmaterial in den gewünschten Größen, schwarz/weiß oder farbig und nach vordefinierten Kategorien unterteilt. Diese Kategorien sind zur Zeit: abstract, animals, city, food, nightlife, fashion, people, nature, sports, technics, transport.

Alles in allem eine coole Idee und ein interessanter Service.

Website: http://lorempixum.com/

Da Flash von iOS blockiert wird und wegen der zunehmenden Beliebtheit von HTML5 und JavaScript auch immer unwichtiger wird hat sich Adobe nun etwas Neues überlegt: Wallaby ist ein neues Tool von Adobe mit dem man FLA-Dateien in HTML5 umwandeln kann.

Adobe Wallaby

Mit diesem neuen Tool können Designer / Entwickler Ihre Kunstwerke weiterhin mit Flash umsetzen und in HTML umwandeln, so dass diese mit nahezu allen Geräten, einschließlich des iPhones, kompatibel sind.

Wallaby ist noch nicht ganz ausgereift und unterstützt nicht 100% der Flash-Funktionen, aber es könnte durchaus Potential haben und Flash-Fans wird es mit Sicherheit begeistern.

Webseite: http://labs.adobe.com/technologies/wallaby/

Manchmal benötigt man eine Schrift in einem anderen Format, um sie zum Beispiel auf verschiedenen Betriebssystemen einsetzen zu können oder wenn bestimmte Programme nur mit TrueType Fonts funktionieren.
FreeFontConverter ist eine Webanwendung, mit der man fast alle Schriftarten in ein anderes Format konvertieren kann.

Neben den üblichen Formaten TrueType (. Ttf), OpenType (. OFT) und PostScript (. Ps), unterstützt der Converter auch .Svg .Bin. .Dfont und viele andere.

Ein sehr nützliches Tool das man immer wieder mal brauchen kann.

Website: http://www.freefontconverter.com

Die drei wichtigsten Prüfungen (Eingabe erforderlich (required), numerische Eingaben (numeric) und die Überprüfung der Email-Adresse auf korrektes Format (email-format)) sind vordefiniert und es können Weitere per Regular Expressions hinzugefügt werden.

Mit dem integrierten “Invalid Handler” werden invalide Felder direkt angesprochen und die Verhaltensweise kann schnell geändert und verbessert werden.

Website: http://validval.frebsite.nl