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!

Beitrag zu Ende lesen

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.

Beitrag zu Ende lesen

Google Maps lässt sich bekanntlich kinderleicht in die eigene Website integrieren. Insbesondere auf der Kontaktseite eines Unternehmens oder auch einer Privatperson macht es durchaus Sinn Maps zu verwenden um den Besucher zu zeigen wo sich der Autor bzw. das Unternehmen befindet. Der Vorteil von Google Maps liegt dabei auf der Hand: Zum einen muss nicht mühsam eine Karte gezeichnet werden, zum anderen bietet Google stets aktuelle Informationen, verschiedene Ansichten, Zoomstufen und Kartenausschnitte.
Doch angenommen es sollen mehrere Standorte auf der Karte angezeigt werden; zum Beispiel weil das Unternehmen mehr als eine Filiale hat oder weil der Blogger zeigen möchte wo er im letzten Urlaub war. Wie Ihr mittels der Google Maps API mehr als einen Standort in die Karte eintragt und darüber hinaus auch noch Startposition, Zoomstufe, Kartenlayout und den Inhalt der Infoboxen anpasst erfahrt Ihr in diesem Tutorial.

Beitrag zu Ende lesen

Der Facebook-Button "gefällt mir" wird wohl mittlerweile fast jedem ein Begriff sein. Innerhalb des Social Media Dienstes können User per Klick bekunden, dass ihnen eine Facebook-Aktivität gefällt. Für Facebook-Seiten lautete dieser Button bis vor kurzen noch "Fan werden", nun wurde das Wording angepasst. In einem weiteren Schritt hat Facebook die Anzahl der Developer-Plugins erhöht, so dass es nun kinderleicht möglich ist den Button in die eigene Website einzubinden.

Beitrag zu Ende lesen

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.

• What’s Next in HTML

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.

Beitrag zu Ende lesen

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.

Beitrag zu Ende lesen