HTML

HTML5 (Hypertext Markup Language) ist eine Auszeichnungssprache, mit der die Inhalte eines Dokuments strukturiert und semantisch ausgezeichnet werden. Typische Elemente sind Überschriften, Textabsätze, Links, Listen, Bilder etc. HTML5 ist eine vom W3C noch nicht fertiggestellte Weiterentwicklung von HTML 4.01 und XHTML. Die Sprache wird dennoch bereits produktiv genutzt; in diesem Zusammenhang ist von einem „offenen Standard“ die Rede. Die verschiedenen Elemente eines HTML-Dokuments werden mit CSS gestaltet.

Sensationelle HTML5-Demos

html5-logo-icon

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

Photoshop-Farben als Hexadezimalwert/HTML kopieren

color-als-hex

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

Mehrere Standorte in Google Maps anzeigen

google-maps-marker

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

Facebook "gefällt mir"-Button in WordPress einbinden

i-like-facebook

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 6 – Erste Ideen

html

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.

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

zen-coding-html-css

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