Zwei Wege zum HTML5-Standard

Die zwei Arbeitsgruppen, die sich mit der Standardisierung von HTML5 beschäftigen, gehen diametral entgegengesetzte Wege. Das World Wide Web Consortium (W3C) will in den nächsten Jahren eine Spezifikation für HTML5 veröffentlichen und die Web Hypertext Application Technology Working Group (WHATWG), die damals mit der Spezifikation begann, möchte HTML5 fortwährend  standardisieren möchte. Sie arbeitet an ihrer "kanonischen" Dokumentation von HTML und möchte fortlaufend wichtige und brauchbare Neuerungen mit aufnehmen und dadurch eine fortwährende und besonders zeitgemäße Spezifizierung im Sinne des selbst ausgerufenen "HTML Living Standard" schaffen. Diese Positionen sind nicht neu und auch schon mehrfach detailliert beschrieben und begründet worden. Eigentlich kann es dem Ersteller von Internetseiten auch ziemlich egal sein, denn beide Wege sind parallel beschreitbar und die Entscheidung, wer was unterstützt, fällen ja erfahrungsgemäß die Browserhersteller und nicht die Standardisierer.

2012-07-24T07:52:28+02:00Juli 24th, 2012|HTML|Kommentare deaktiviert für Zwei Wege zum HTML5-Standard

Der kostenlose Programm-Editor Brackets von Adobe

Eigentlich hat Adobe seinen quelloffenen Programm-Editor für Entwickler von Internetseiten schon mehrfach auf diversen Veranstaltungen vorgestellt. Der Code dazu war auch schon länger auf GitHub verfügbar. Allerdings wurde Brackets bisher von Adobe nicht wirklich gepusht. Das hat sich jetzt geändert. Vermutlich ist die aktuelle Version inzwischen so stabil und funktionell, dass Adobe den Editor jetzt intensiv bekannt macht, obwohl die Entwicklung noch nicht ganz abgeschlossen ist. Brackets ist ein schlanker Editor, der selbst komplett in HTML, CSS und Javascript erstellt wurde. Er unterstützt Inline-Editing, Haltepunkte und die Liveanbindung an den Google-Browser Chrome. Ersteller von Internetseiten können beispielsweise Änderungen im CSS bei einer Seite schnell im Browser überprüfen. Es ist auch eine Version geplant, die direkt im Browser läuft.

2012-06-26T09:42:15+02:00Juni 26th, 2012|Allgemein, Webwerkzeuge|Kommentare deaktiviert für Der kostenlose Programm-Editor Brackets von Adobe

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…

2012-06-04T08:48:38+02:00Juni 4th, 2012|HTML|Kommentare deaktiviert für HTML5 – Tag Input

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.

2012-05-23T07:49:49+02:00Mai 23rd, 2012|HTML|Kommentare deaktiviert für HTML5 – Tags audio und video

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.

2012-05-20T10:31:38+02:00Mai 20th, 2012|HTML|Kommentare deaktiviert für HTML5 – die Tags header und footer

HTTP 2.0 sorgt in Zukunft für schnellere Internetseiten

Es ist schon mehr als 20 Jahre her, dass Tim Berners-Lee mit seinem Team das Internetprotokoll HTTP entwickelt hat. Dies Protokoll legt fest, wie der Browser eine Internetseite mit ihren Komponenten (HTML, CSS, Javascript) anfordert und wie der Server darauf reagiert. Bei einem Meeting in Paris wurde jetzt die Entwicklung der neuen Version des Protokolls HTTP von der Internet Engineering Task Force (IETF) gestartet. Es gibt schon vier Vorschläge, von denen die bekanntesten wohl "SPDY" von Google und "http Speed+Mobility" von Microsoft sind. Diese zeigen teilweise Überschneidungen, teilweise auch Unterschiede. So hätte Google gerne Verschlüsselung als Normalfall, bei Microsoft's Vorschlag ist es nur eine Option. SPDY gibt es ja schon in Googles Browser Chrome und in Amazon's Silk. Auch Firefox wird SPDY bald unterstützen. Serverseitig nutzen schon Google, Amazon und Twitter SPDY.

2012-04-02T17:56:24+02:00April 2nd, 2012|HTML|Kommentare deaktiviert für HTTP 2.0 sorgt in Zukunft für schnellere Internetseiten

Schaltflächen (Buttons) ohne Formular nutzen

Die Schaltflächen, die in Formularen mit Input-Elementen erzeugt werden, lassen sich ohne Probleme auch als Anker für normale Links verwenden. Man braucht also kein vollständiges Formular, um über diese grafisch ansprechenden Buttons eine andere Seite aufzurufen. Dazu behandelt man ein Input-Tag vom Typ "submit" wie ein Bild oder einen Text, die als Linkanker dienen sollen. Die Beschriftung der Buttons wird durch das Attribut "value" festgelegt. Hier ein Beispiel mit HTML-Quellcode und dem Ergebnis:

2011-12-01T13:14:31+02:00Dezember 1st, 2011|HTML|Kommentare deaktiviert für Schaltflächen (Buttons) ohne Formular nutzen

Sehen und Hören per Browser vom W3C geplant

Zum Bereich Real Time Communication (RTC) zwischen Browsern gibt es jetzt einen neuen Entwurf des W3C. Danach sollen die Browser in Zukunft auf die Audio- und Video-Streams des Computers zugreifen und diese streamen können. Das navigator-Objekt soll um die getUserMedia-Methode erweitert werden. Beim Aufruf fragt diese nach der Erlaubnis des Benutzers, die Webcam oder das Mikrofon benutzen zu dürfen. Bei einer positiven Antwort erhält die aufrufende Instanz einen Handler vom MediaStream-Objekttyp. Es sollen dabei mehrere Kanäle verwaltet werden können. Der Entwurf enthält auch das Objekt peerConnection, mit dem zwei Browser direkt zu einem Videotelefonat verknüpft werden können. Die verwendbaren Formate sind allerdings noch nicht konkret aufgeführt.

2011-10-31T10:01:55+02:00Oktober 31st, 2011|Allgemein, HTML|Kommentare deaktiviert für Sehen und Hören per Browser vom W3C geplant

Webbasierter Cloud-Editor ACE 0.2.0 mit neuen Sprachen

ACE ist ein webbasierter Programmeditor mit einem Funktionsumfang, der einem normalen Editor schon ziemlich nahe kommt. Es ist ein Nachfolge-Projekt von Mozilla Bespin. Die neue Version 0.2.0 bringt eine vertikal oder horizontal geteilte Ansicht des Editors, Code-Folding und einen Syntax-Check während der Eingabe. An Sprachen werden aktuell PHP, Java, Javascript, Ruby, C++, Python, HTML und CSS unterstützt. In Arbeit ist die Sprachunterstützung für Scala, C#, Perl, Groovy und JSON. Der Cloud-Editor ACE ist komplett in JavaScript geschrieben. Weitere Informationen und einen Download-Link findet man auf der ACE-Homepage.

2011-10-10T08:25:02+02:00Oktober 10th, 2011|HTML, Javascript, PHP|Kommentare deaktiviert für Webbasierter Cloud-Editor ACE 0.2.0 mit neuen Sprachen

Firebug – das Must-Have-Add-On für Webentwickler

Als Webentwickler kommt man an Firebug fast nicht vorbei. Es ist eine sehr leistungsfähige und auch sehr beliebte Entwicklungsumgebung für Internetseiten und Anwendungen, die man mit eigenen Programmen erweitern kann. Die Software hat eine eigene Schnittstelle, an die Entwickler ihre Programme anbinden können. Firebug erhalten Sie kostenlos auf der Addon-Seite von Mozilla. Wenn das Add-On in Firefox eingebunden ist, kann es mit Klick auf den kleinen Käfer (Bug) in der Statusleiste aufgerufen werden. Dann wird das aktuelle Dokument komplett eingelesen und analysiert. Besonders geeignet ist Firebug für die Analyse eigener und fremder Webseiten. Ein integrierter Editor hilft bei der Bearbeitung von HTML-Seiten und CSS-Stylesheets.

2011-09-08T10:43:51+02:00September 8th, 2011|HTML, Javascript|Kommentare deaktiviert für Firebug – das Must-Have-Add-On für Webentwickler
Nach oben