HTML5

HTML5 – Tag Input

Der Tag <input> ist ja nicht wirklich neu, hat aber in HTML5 eine Menge neuer Werte für das "type"-Attribut spendiert bekommen, die die Browser veranlassen, sehr interessante Funktionen ohne weitere Codeeingabe oder Zusatzprogramme zu machen. Dazu gehört zum Beispiel der Wert "datetime" für das Attribut "type". Wenn man das einsetzt, bringt ein entsprechend HTML5-fähiger Browser direkt einen Datums- und Uhrzeitpicker auf den Schirm, den man bisher mühsam mit Javascript realisieren musste. Ähnlich ist es mit dem neuen Typattribut "color", das direkt einen grafischen Farbwähler anzeigt, wenn der Browser HTML5 beherrscht. Das Typattribut "email" erzeugt die Eingabefunktion für eine Emailadresse mit Benutzerführung und Validierung, entsprechend funktioniert auch das Typattribut "url". Die Validierung dazu ist sehr strikt. "google.de" und "www.google.de" werden als nicht valide bewertet, während "http://www.google.de" valide ist, also vorsichtig damit…

GSL-Team2012-06-04T08:48:38+02:00Juni 4th, 2012|HTML|Kommentare deaktiviert

HTML5 – Tags audio und video

Zum ersten Mal in der Geschichte von HTML erlauben es die neuen HTML5-Tags <audio> und <video>, Audio- und Videoinhalte direkt im Browser wiederzugeben. Dabei muss man weder auf Flash noch auf Javascript zurückgreifen. HTML5-Browser müssen einen Player als Standard definiert haben, der diese Inhalte wiedergibt. Als Entwickler einer Internetseite, die diese Multimedia-Tags nutzt, kann man aber durchaus seine eigene bevorzugte Methode der Wiedergabe einsetzen. Da die aktuellen Browser von Firefox und Chrome über Internet Explorer bis zu Opera, Safari und SeaMonkey HTML5 immer besser unterstützen, kann man den Einsatz der Multimedia-Tags heute durchaus schon empfehlen. Wie man ein Video mit dem neuen HTML5-Tag einbindet, haben wir schon in einem früheren Artikel gezeigt.

GSL-Team2012-05-23T07:49:49+02:00Mai 23rd, 2012|HTML|Kommentare deaktiviert

HTML5 – die Tags header und footer

Die Tags <header> und <footer> sind zwei der neuen semantischen Tags in HTML5, die im Zusammenhang mit dem ebenfalls neuen Tag <section> zu sehen sind. Der <header>-Tag beschreibt den Kopf einer Section oder eines ganzen Dokuments. Der Tag informiert insbesondere die Suchmaschinen über den Inhalt einer Sektion oder des Dokumentes. Darin sollten beispielsweise die Überschriften von Artikeln oder des ganzen Dokuments stehen. Der <footer>-Tag informiert über relevante Links zum Thema einer Sektion oder eines Dokuments und enthält auch Angaben zum Copyright. Beide Tags können im HTML-Dokument oder innerhalb von <section> stehen und sind besonders bei der Suchmaschinenoptimierung (SEO) neue, interessante Hilfmittel für den Ersteller von Internetseiten.

GSL-Team2012-05-20T10:31:38+02:00Mai 20th, 2012|HTML|Kommentare deaktiviert

Die wichtigsten HTML5-Tags in der Übersicht

HTML5 eröffnet viele neue Möglichkeiten und fast jeder aktuelle Browser kann inzwischen mit den meisten HTML5-Tags gut umgehen. Deshalb möchten wir Ihnen die wichtigsten neuen Tags und Attribute hier in einer kleinen Artikelreihe vorstellen. Für die neuen Tags und/oder ihre neuen Attribute <header> und <footer> <audio> und <video> <input> <canvas> <header> und <footer> <article> und <section> <details> <output> <figure> und <figcaption> <datalist> <progress> und <meter> möchten wir die Vorteile bei der Verwendung anhand von funktionellen Beispielen vorführen. Wenn man einmal gesehen hat, was mit den neuen Elementen oder den neuen Attributen bekannter Elemente erreicht werden kann, wird man nicht mehr auf HTML5 verzichten wollen…

GSL-Team2012-05-15T09:25:12+02:00Mai 15th, 2012|HTML|Kommentare deaktiviert

Sicherheitslücken in Google Chrome 17 geschlossen

Gestern hat Google ein Sicherheitsupdate für Chrome 17 herausgebracht, mit dem neun Sicherheitslücken in der Windows-, Mac OS X- und Linux-Version geschlossen werden. Auch das Plugin Chrome Frame, mit dem sich die Fähigkeiten von Chrome im HTML5- und Javascript-Bereich auch in älteren Microsoft Browsern (Internet Explorer 6,7,8,9) unter Windows XP, Vista und 7 nutzen lassen, war von den Problemen betroffen. Fünf der neun Sicherheitsproblem bezeichnet Google als "hoch riskant". Darüber können Angreifer Schadcodeauf den Rechner bringen und ausführen. Den Versionshinweisen kann man entnehmen, dass mit dem Update auch Probleme mit flashbasierten Spielen behoben werden, Speicherfehler bei Web GL Canvas und Probleme mit iFrames und CSS behoben. Darüber freuen sich besonders Web-Entwickler und Ersteller von Internetseiten, die diese neueren Funktionen schon nutzen. Für das Auffinden der mit diesem Sicherheitsupdate geschlossenen Lücken hat Google den Entdeckern diesmal insgesamt 5.500 Prämie gezahlt.

GSL-Team2012-03-22T11:11:58+02:00März 22nd, 2012|HTML, Javascript|Kommentare deaktiviert

Auch unter Linux geht die Flash-Ära zu Ende

Nach der neuen Roadmap für Flash gibt es bald keinen neuen Flash-Player mehr für Linux. In diesem Quartal will Adobe die letzte Version des Players veröffentlichen und dann noch fünf Jahre lang Sicherheits-Patches anbieten – danach ist auch unter Linux die Flash-Ära vorbei. Schon im November hatte Adobe darüber informiert, dass Flash für mobile Browser nicht weiterentwickelt würde. Hier sieht auch Adobe die Zukunft klar bei HTML5. Wer Internetseiten erstellt, muss sich jetzt langsam über die Konsequenzen klar werden, auch wenn Adobe für Browser unter Windows und Mac weiterhin Flash-Plugins bereitstellen will.

GSL-Team2012-02-24T10:27:25+02:00Februar 24th, 2012|HTML|1 Kommentar

Neue JavaScript-Funktionen von Microsoft

Unter "Javascript-Prototypen für Globalisierung, Mathematik, Zeichenketten und Zahlen" veröffentlicht Microsoft als Teinehmer der EMCA-Arbeitsgruppe TC39 neue Erweiterungen von Javascript, zunächst noch experimenteller Art. Das Problem kennen Webdesigner und –programmierer. Mit HTML5 werden die Funktionalitäten immer umfangreicher und die Webanwendungen anspruchsvoller. Umgebungen, in denen auch für triviale Aufgaben der Server erneut abgefragt werden muss, kommen kaum mehr in Frage. Die neuen Funktionen sollen JavaScript tauglicher für zukünftige Anwendungen machen. Referenzimplementierungen kann man schon von Microsoft's HTML5 Labs downloaden, dort gibt es auch Beispiele wie die Globalization Demo. Zum Testen muss man aber den Internet Explorer 9 verwenden, darauf wird auch beim Download hingewiesen, wenn man das mit einem älteren IE oder einem anderen Browser versucht.

GSL-Team2011-11-24T10:12:24+02:00November 24th, 2011|Javascript|Kommentare deaktiviert

Adobe Flash und MS Silverlight verabschieden sich

Zwei der bekanntesten proprietären Plattformen für Web-Entwickler verabschieden sich in diesen Tagen vom Markt. Adobe stellt die Entwicklung des Flash-Players für mobile Plattformen ein und schwenkt voll auf HTML5 mit Dreamweaver, Edge und Phonegap um. In dem Zusammenhang werden bei Adobe auch 750 Stellen hauptsächlich in Nordamerika und Europa gestrichen. Aber auch Microsoft musste jetzt sein Framework Silverlight zur Disposition stellen. Die Version 5 von Silverlight wird auch die letzte sein. Silverlight 5 wird auch nur noch unter Windows und im Internet Explorer laufen.

GSL-Team2011-11-10T10:50:42+02:00November 10th, 2011|HTML|Kommentare deaktiviert

SlideShare hat erfolgreich von Flash auf HTML5 gewechselt

Über SlideShare kann man Dokumente und Präsentationen mit anderen teilen. Das A und O der Plattform ist also die Darstellung von Dokumenten aller möglicher Formate. Bisher wurde das mit Adobe's Flash gemacht, jetzt hat das Portal auf HTML5 umgestellt. Es gab zwei Gründe dafür. Einerseits wollte man die Entwickler-Ressourcen weniger aufsplitten, zum Anderen ging es um die Grundlage der neuen Mobil-Strategie. Wenn man da völlig unterschiedliche Apps für iPhones, Androids, Blackberrys oder Windows Phones erstellen muss, bringt das schnell an die Grenzen der Möglichkeiten und des Kostenrahmens. Nach der Umstellung auf HTML5 äußert sich SlideShare sehr zufrieden. Auch Power Point- oder Word-Dokumente werden in HTML5 wie original dargestellt, und das 30 % schneller und mit 40 % geringerem Speicherbedarf. Solche Erfolgsgeschichten sollten uns Internetschaffende bei neuen Projekten auch mal wieder drüber nachdenken lassen, ob es nicht schon Zeit für HTML5 ist…

GSL-Team2011-09-29T07:59:13+02:00September 29th, 2011|HTML|Kommentare deaktiviert

Der Flash zu HTML5-Konverter Swiffy von Google zieht um

Kennen Sie Swiffy schon? Es ist ein Online-Werkzeug, mit dem man swf-Dateien (Flash) in HTML5-Dateien umwandeln kann. Mit Swiffy kann man sehr einfach Flash-Content auf seine mobilen Geräte bringen, insbesondere auch die iPhones und iPads von Apple, die von Haus aus Flash nicht unterstützen. So geht das aufwendig gemachte Intro nicht für die mobile Internetwelt verloren… Swiffy kann noch nicht immer aus allen Flash-Inhalten korrekte HTML5-Ergebnisse erzeugen, das ist der Tatsache geschuldet, dass das Tool noch sehr jung ist und noch Einiges lernen muss. Also am besten einfach ausprobieren. In Webkit-Browsern wie Safari oder Chrome wird der Output korrekt dargestellt. Im Zusammenhang mit dem allgemeinen "Frühjahrsputz im Herbst" bei Google soll Swiffy in Zukunft unter einer anderen Adresse zu finden sein. Ein entsprechender Hinweis findet sich auf der Swiffy-Website.

GSL-Team2011-09-05T07:53:30+02:00September 5th, 2011|HTML|Kommentare deaktiviert