Mario Fink » Werkzeuge

Aktueller Stand von HTML5 Formularelementen

mario — Wed, 30 Mar 2011 06:20:53 +0000

Dank diesem sehr übersichtlichen Nachschlagewerk kann man nun auf einen Blick erkennen, welcher Browser welche HTML5 Formularelemente unterstützt und welcher nicht.

Sehr nützlich. Und leider auch sehr ernüchternd, schaut man sich den aktuellen Stand für HTML5 Elemente im Internet Explorer 9 an.

Neben der Kompatibilitätstabelle gibt es zu jedem Punkt noch nähere Informationen sowie Beispielseiten, auf denen man die neuen Formularelemente in Aktion sehen kann.

The Current State of HTML5 Forms (wufoo.com)

Initializr – Neues HTML5-Projekt in 15 Sekunden

mario — Mon, 21 Feb 2011 10:27:06 +0000

Leicht dämlicher Name, aber Initializr ist ein sehr brauchbarer HTML5-Vorlagen-Generator – basierend auf HTML5 Boilerplate, dem de-facto Standard für HTML5 Templates. Dabei kann man folgende Einstellungen für die zu erstellende Vorlage vornehmen:

HTML & CSS
Darf es eine leere Seite sein oder Beispielinhalt?
JavaScript
Kein JavaScript oder eine Geschmacksrichtung von jQuery?
Browserkompatibilität
Modernizr oder HTML5Shiv?
Serverkonfiguration
Verschiedene Basiskonfigurationen für den Apache, ASP.Net, etc.

Nach dem man seine Wahl getroffen hat, kann man die entsprechende Vorlage als Archiv herunterladen und sein eigenes Projekt darauf aufbauen – mit dem guten Gewissen, auf einem soliden Fundament aufzusetzen.

Link: Initializr – HTML5 Templates Generator

Alle IEs parallel benutzen mit der Spoon Browser Sandbox

mario — Fri, 27 Aug 2010 18:51:23 +0000

Die Internet Explorer Versionen 6, 7, 8 und die Vorabversion des Internet Explorer 9 parallel benutzen, ohne Installation?

Das erlaubt die Spoon Browser Sandbox. Alles was man dafür tun muss, ist ein kleines Plugin zu installieren. Danach kann man die verschiedenen Browser direkt von der Seite starten. Sehr nützlich, da es unter Windows extrem schwierig ist, verschiedene Versionen des Internet Explorers parallel zu verwenden.

Darüber hinaus bietet Spoon auch noch alle restlichen aktuellen Browser an und sogar Programme und Spiele.

Fraise – bester MacOS Freeware Texteditor

mario — Sun, 01 Aug 2010 15:07:27 +0000

Bisher war Smultron der Texteditor meiner Wahl unter MacOS. Da dieser schon seit einiger Zeit nich mehr weiterentwickelt wird, musste ich mich zwangsweise nach einer Alternative umschauen. Mein Weg führte mich zuerst zu TextWrangler. Vom Funktionsumfang gleichwertig, konnte ich mich allerdings nie wirklich mit dessen User Interface anfreunden.
Vor ein paar Tagen dann, erfuhr ich in einer Ecke des Internets, dass Smultron doch noch am Leben ist – nun allerdings unter dem Namen Fraise.

Um’s kurz zu machen: heruntergeladen → installiert → glücklich & zufrieden!

Fraise – Freeware OpenSource TextEditor für MacOS herunterladen

»HoverLink« – Safari Extension

mario — Sat, 31 Jul 2010 18:15:53 +0000

Meine erste Extension für Safari 5 ist fertig!
Sie hört auf den Namen »HoverLink« und ermöglicht es vor dem Klicken eines Links zu überprüfen, wohin dieser weiterleiten wird. Dabei wird am unteren rechten Fensterrand ein kleiner Bereich mit der Link-URL eingeblendet. Safari’s Statusleiste kann das standardmäßig zwar auch, bietet darüber hinaus aber kaum Mehrwert, der den dafür verschwendeten Bildschirmplatz rechtfertigen würde. »HoverLink« wird nur dann eingeblendet, wenn es auch wirklich gebraucht wird.

Das erste Mal habe ich eine solche Funktion bei Google’s Chrome gesehen und seitdem im Safari des öfteren vermisst. Die perfekte Gelegenheit, den neuen Safari Extension Builder zu testen.

Für den Fall, dass noch jemand Interesse daran hat, habe ich meine Erweiterung eben bei Apple eingereicht. Mal sehen, wie lange das dauert, bis sie in der Safari Extension Library verfügbar ist. Bis es soweit ist, hilft folgender Link weiter:

HoverLink Safari Extension [Download]

Kostenloses User Interface Design Framework

mario — Wed, 28 Jul 2010 06:56:10 +0000

Vincent stellt auf seinem Portfolio ein umfangreiches User Interface Design Framework für Adobe Illustrator CS2 zur Verfügung. Unter anderem enthält es folgende Komponenten:

leicht anpassbare GUI Elemente
260 Vektor Icons
200 Grafikstile und 330 aufeinander abgestimmte Farbfelder

Die Nutzung ist komplett kostenfrei – sowohl privat als auch kommerziell. Nur für den Fall, dass man die Elemente auf einer fertigen Webseite nutzen möchte, muss man auf Vincent’s Seite verweisen.

[Download] User Interface Design Framework | Webalys

Ultimativer CSS Sandkasten: »CSSDesk«

mario — Wed, 14 Apr 2010 16:44:51 +0000

Eine perfekte Spielwiese für HTML und CSS bietet CSSDesk. Einfach direkt im Browser das HTML-Markup und die dazu gehörigen CSS Regeln eingeben und sofort das Resultat begutachten.

CSSDesk – Dynamic CSS Sandbox

(via)

iPhone Wireframe Vorlage (PDF/Visio)

mario — Mon, 12 Apr 2010 13:32:12 +0000

Von Interactive Logic kommt diese nützliche Vorlage zum Erstellen von Wireframes für Apple’s iPhone bzw. weitere mobile Geräte mit vergleichbarem Formfaktor:

iPhone Wireframe Vorlage als PDF oder im Visio Format

(via geekchix.org Ivana Jurčić – Lilit)