HTML5 - GBV

2y ago
45 Views
2 Downloads
455.87 KB
6 Pages
Last View : 1d ago
Last Download : 2m ago
Upload by : Madison Stoltz
Transcription

Klaus Fórster, Bernd Oggl *YES, (\Ut VIDE¿ ,EMANTICS, DYNAMICS,HTML5. Leitfaden für WebentwicklerADDISON-WESLEYAn imprint of Pearson EducationMünchen Boston San Francisco Harlow, EnglandDon Mills, Ontario Sydney México CityMadrid Amsterdam *-

InhaltVorwort131Intro151.11.21.3Wie alies begannZeitreise zu OriginalschauplátzenIn medias res1.3.1 Was gibt es Neues?1.3.2 Was ¡st veraltet?1.3.3 . und was ¡st mit XHTML?1 .4 Kann ich HTML5 jetzt schon verwenden?15222324283132Struktur & Semantik für 48484923Kopfzeile mit »header« und »hgroup«Inhalt mit »article«Fufizeile mit »footer« und »nav«Randspalte mit »aside« und »section«Der Outline-AlgorithmusAbbildungen mit »figure« und »figcaption«Semantik auf Textebene - weitere neue Tags2.7.1 Die Elemente »ruby«, »rt« und »rp«2.7.2 Das Element »time«2.7.3 Das Element »mark«2.7.4 Das Element »wbr«2.7.5 Elemente mit marginalenÁnderungenIntelligente Die Input-Typen »tel« und »search«Die Input-Typen »url« und »email«Datum und Uhrzeit mit »datetime«, »date«, »month«,»week«, »time« und »datetime-local«3.1.4 Die Input-Typen »number« und »range«3.1.5 Der Input-Typ »color«3.1.6 Die neuen Input-Typen im Einsatz56575858

Inhalt3.23.33.43.5Nützliche Attribute f ü r Formulare3.2.1 Fokussieren mit »autofocus«3.2.2 Platzhalter-Text mit »placeholder«3.2.3 Verpflichtende Felder mit »required«3.2.4 Noch m e h r neue Attribute f ü r das »¡nput«-ElementNeue Elemente3.3.1 Anzeigen von Messgrdfien mit »meter«3.3.2 Fortschrittsanzeige mit »progress«3.3.3 Auswahllisten mit »datalist«3.3.4 Kryptografische Schlüssel mit »keygen«3.3.5 Berechnungen mit »output«Clientseitige Formular-Überprüfung3.4.1 Das »invalid«-Event3.4.2 Die »checkValidity«-Funkt¡on3.4.3 Fehlerbehandlung mit »setCustomValidity()«3.4.4 Zusammenfassung der Gültigkeitsprüfungen3.4.5 Oder doch nicht prüfen? »formnovalidate«Beispiel: Ein Support-FormularVideo und Audio4.14.24.34.44.54.64.7Ein erstes BeispielDas »video«-Element und seine AttributeVideo-Codees4.3.1 Ogg: Theora und Vorbis4.3.2 MPEG-4: H.264 und AAC4.3.3 WebM: VP8 und VorbisTools zur Video-Konvertierung4.4.1 ffmpeg4.4.2 vlc4.4.3 Firefogg4.4.4 Miro Video ConverterWelches Format für welchen Browser?Übergangslósungen für »alte« Browser4.6.1 mwEmbed4.6.2 html5mediaVideo und Scripting - ein einfacher Vídeo-Player4.7.1 Einbau des Videos4.7.2 Das Starten und Stoppen des Videos4.7.3 Das Anzeigen und Setzen der Wiedergabeposition4.7.4 Schnellsuchlauf vor und 59798989999101102104105106106108110111113114116

Inhalt4.84.7.5 Das Auswáhlen bestimmter Sequenzen ¡m Film4.7.6 Laut, leise und stumm schalten4.7.7 Weitere Attribute und Methoden des»HTMLMediaElement«-lnterfaces4.7.8 Die lange Liste der »MediaEvents«Und was ist mit .65.75.85.95.105.115.125.135.145.15Ein erstes BeispielRechteckeFarben und SchattenFarbverláufePfade5.5.1 Linien5.5.2 Bézierkurven5.5.3 Kreisbbgen5.5.4 Rechtecke5.5.5 Umrisse, Füllungen und ClipmaskenText5.6.1 Fonts5.6.2 Horizontaler Textanfasspunkt5.6.3 Vertikaler Textanfasspunkt5.6.4 Text zeichnen und messenBilder einbettenPixelmanipulation5.8.1 Arbeiten mit dem »lmageData«-Objekt5.8.2 Farbmanipulation mit »getlmageData()«,»createlmageData()« und nBase64-Kodieren mit »canvas.toDataURL()«,,save()« und »restore()«Animationen5.14.1 Animation farbiger Kugeln5.14.2 Video abspielen mit »drawlmage()«Was fehlt noch?5.15.1 »isPointlnPath(x, y)«5.15.2 Barrierefreiheit in Canvas?168172175179187189190190194198198199

Inhalt5.15.3 Sicherheitsaspekte5.15.4 Browserunterstützung5.15.5 Weiterführende Links2002012026SVG und 67.78Einleitung7.1.1 Ein Wort zu geografischen Daten7.1.2 Online-KartendiensteEin erster Versuch: Positionsausgabe¡m BrowserTechnischer Hintergrund der PositionsbestimmungAnzeige der aktuellen Position auf OpenStreetMapPositionsverfolgung auf Google MapsBeispiel: Geonotes7.6.1 Bedíenung7.6.2 Wichtige 223224229Web Storage und rungStorage8.2.1 Das »Storage-lnterface«8.2.2 »sessionStorage«8.2.3 »localStorage«8.2.4 Das »Storage-Event«8.2.5 DebuggingOffline-Web-Applikationen8.3.1 Die Cache-Manifest-Datei8.3.2 Offline-Status und Events8.3.3 DebuggingBrowser-UnterstützungBeispiel: Knapp dran!8.5.1 Bedienung der Anwendung für Spieler8.5.2 Bedienung der Anwendung für Administratoren8.5.3 Wichtige Codefragmente8.5.4 Erweiterungsmoglichkeiten

führung9.1.1 Der Websocket-ServerBeispiel: Ein Broadcast-Server9.2.1 Der Broadcast-Client9.2.2 Der Broadcast-ServerBeispiel: Schiffe versenken!10 Web Workers10.1 Einführung10.2 Suche nach Schaltjahren10.3 Hóhenprofile berechnen mit Canvas10.3.1 Wichtige Code-Fragmente11 Microdata11.1 Ein ganz normaler Text11.2 Die Syntax von Microdata11.2.1 Die Attribute »itemscope« und »itemprop«11.2.2 Das »itemtype«-Attribut11.2.3 Das »itemid«-Attribut11.2.4 Das »itemref«-Attribut11.3 Die Microdata DOM-API12 Einige globale Attribute zum Schluss12.112.212.312.412.5Neuigkeiten beim »class«-AttributBeliebige »private« Attribute mit »data-*«Das »hidden«-AttributDas »classList«-lnterfaceDrag&Drop mit dem »draggable«-Attribut12.5.1 Drag&Drop in Kombination mit der »FileAPI«12.6 Die Attribute »contenteditable«und 304307308309310311313319323Ausblick327Index329

3.2.1 Fokussieren mit »autofocus« 60 3.2.2 Platzhalter-Text mit »placeholder« 61 3.2.3 Verpflichtende Felder mit »required« 62 3.2.4 Noch mehr neue Attribute für das »¡nput«-Element 62 3.3 Neue Elemente 65 3.3.1 Anzeigen von Messgrdfien mit »meter« 65 3.3.2 Fortschrittsanzeige mit »progress« 68 3.3.3 Auswahllisten mit »datalist« 69

Related Documents:

[HTML5 강좌 및 동영상 목록] [HTML5 동상 강좌] 1. HTML 5 개요 [HTML5 동상 강좌] 2. HTML4 vs HTML5 (1) [HTML5 동상 강좌] 3. HTML4 vs HTML5 (2) [HTML5 동상 강좌] 4. Sementic Element (1) [HTML5 동상 강좌] 5. Sementic Element (2) [HTML5 동상 강좌] 6. Strong Web Form [HTML5 동상 강좌] 7. Rich Text Edit API [HTML5 동상 강좌] 8. Video Element [HTML5 동상 강좌] 9.

Recommends which HTML5 and CSS3 features are ready to use and which fallback to use when appropriate. Wikipedia "Comparison of Layout Engines (HTML5)" Charts show HTML5 support by the major browser lay-out engines. HTML5 Readiness An interesting visualization of growing support for HTML5 and CSS3 from 2008 to present. Validating HTML5 Documents

Pg. 03 PSD to HTML5 PSD to HTML5 www.exportkit.com CSS3 and JavaScript PSD to HTML5 This manual will outline all the steps required to convert your PSD to HTML5 in a few clicks. Export Kit makes PSD to HTML5 and CSS websites quick, easy and painless. In minutes you can have clean and valid PSD to H

HTML5 provides a standard for playing audio files. Audio on the Web Before HTML5, there was no standard for playing audio files on a web page. Before HTML5, audio files could only be played with a plug-in (like flash). The HTML5 audio element specifies a standard way to embed audio in a web page. HTML5 Audio Tags Tag Description

HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since then. HTML5 is still a work in progress. However, most modern browsers have some HTML5 support. How Did HTML5 Get Started? HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web .

GBV. Increase public awareness of GBV by moving away from the mere 16 days of activism to a robust 365 days campaign against GBV and encourage every citizen to take specific steps to prevent GBV in both the private and public arena. In light of the recommendations made the Government UN GBV JP facilitated a one day workshop

Formation HTML5 / CSS3 l’informatique. 2 1 - Introduction Pourquoi HTML5 et SS3 ? ompatiilité ave les navigateurs Prinipales différen es entre HTML5 et ses prédéesseurs Installation logiielle 2 - Les bases du HTML5/CSS3 Délaration de type de doument (DTD) Syntaxes HTML et XHTML Jeux de aratères

Introducing HTML5 Games Discovering new features in HTML5 Offline applications . Discovering new features in CSS3 CSS3 animation . The benefit of creating HTML5 games Breaking the boundary of usual browser games . What others are playing with HTML5 Coca-Cola's Ahh campaign . Asteroid-styled bookmarklet .