Sensationelle HTML5-Demos

Die Diskussion um HTML5 und Flash ist in vollem Gange und dürfte Euch sicher nicht entgangen sein. Nun haben die ersten Portale damit begonnen Ihre Video-Inhalte von Flash auf HTML5 umzustellen oder zumindest eine HTML5-Beta Version alternativ für iPad und Co anzubieten. Doch HTML5 kann noch viel mehr! Höchste Zeit sich mit einigen überaus sehenswerten HTML5-Beispielen zu befassen. Viel Spass!

Den ganzen Beitrag lesen »

Photoshop-Farben als Hexadezimalwert/HTML kopieren

Wenn Ihr innerhalb von Photoshop eine Farbe mittels Pipette aufnehmen wollt um Sie anschließend als Hexadezimalwert in Eurem CSS-Code einzubinden so war der bisherige Weg (bis CS5) recht mühselig. Entweder Ihr habt bei eingeblendetem Info-Bedienfeld und zwei Monitoren (alternativ gutem Gedächtnis) den Code abgeschrieben oder aber Ihr habt einen Umweg über den Color Picker genommen, Euch dort den Hex-Code herauskopiert und anschließend im CSS-Code wieder eingefügt. Klar, mit ein wenig Übung sind beide Varianten eine Frage von zwei Sekunden … aber jetzt es geht auch in einer.

Den ganzen Beitrag lesen »

Internet Explorer 9 (IE9) Platform Preview

Internet Explorer IconMicrosoft hat im Rahmen der MIX 2010 eine Platform Preview des Internet Explorer 9 veröffentlicht. Neben HTML5, CSS3 und SVG-Support soll die kommende Version auch deutlich schneller werden. Das klingt doch schonmal gut!
Leider ist es mir selbst verwehrt die Testversion zu installieren, da mindestens Windows Vista mit Service Pack 2 benötigt wird. Wenn Ihr also die Möglichkeit besitzt Euch das Ganze einmal anzuschauen, so freue ich mich über Feedback!
Die ersten Tweets und Posts zu diesem Thema sind auf jeden Fall überdurchschnittlich positiv.

HTML 6 – Erste Ideen

HTML 5 ist weder final vom W3C verabschiedet worden noch gibt es einen flächendeckenden Browser-Support für HTML 5. Aber warum sollte man sich nicht trotzdem bereits jetzt Gedanken über Features der kommenden Version machen?
WHATWG hat dies im offiziellen Blog getan und stellt Ideen rund um ein mögliches device-Tag vor. Ausführlichere Infos auf Deutsch findet Ihr bei Create Or Die und Webstandard.

Video Zen-Coding

Vor ein paar Tagen habe ich eine kurze Einführung ins Thema Zen-Coding gegeben. Nun ist mir dieses Video zum Thema in die Hände gefallen was ich als interessante Ergänzung zum Beitrag ansehe. Es werden sinnvolle Anwendungsbeispiel von Basic bis Advanced gezeigt.

Den ganzen Beitrag lesen »

Zen-HTML/CSS/Coding: Schneller, besser, cooler!

Zen-Coding ist der neuste Trend in Bezug auf effektives und schnelles HTML- und CSS Markup. Mittels Online-Editoren oder Plugins für bekannte Programme wie Coda, Textmate, Espresso oder Dreamweaver wird eine Kurzform für HTML und CSS geschrieben die anschließend automatisch in das gewünschte Markup umgewandelt wird.

Den ganzen Beitrag lesen »

‹textarea›-Größe in Safari und Chrome mit CSS3 erzwingen

Die Textarea in Safari und Chrome verfügt über einen Anfasser in der unteren rechten Ecke der es dem Seitenbesucher ermöglicht die Größe des Eingabefeldes selbst zu bestimmen.
Eigentlich eine gute Sache, will man doch nicht ganze Aufsätze in ein winziges Textfeld schreiben müssen. Doch häufig zerstört eine manuell vergrößerte textarea das Seitenlayout. Abhilfe kommt wie so oft per CSS3.

Den ganzen Beitrag lesen »