mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 26.01.2020 18:41 Benutzername: Passwort: Auto-Login

Thema: [INFO] - HTML5 vom 17.07.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> [INFO] - HTML5
Seite: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13  Weiter
Autor Nachricht
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Fr 17.07.2009 13:48
Titel

[INFO] - HTML5

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

ich wollte hier mal einen Sammelthread zu HTML5 erstellen.

Jeder kann hier Tipps,Tricks, Infos, Wissenwertes und Spezifisches zu HTML5 posten.

====================================================================================




====================================================================================

HTML5 - Validator

W3C - HTML5

Unterschiede HTML4 - HTML5

w3schools - HTML5 - Standard Attribute

w3schools - HTML5 - Events

SmashingMagazin - HTML5 and the Future of the Web

html5doctor.com - Seite über Tipps zur HTML5 Webseiten Erstellung

You can use HTML5
HTML5 Doctor
HTML5 Demos
HTML5 @ code.google.com

http://9elements.com/io/?p=153
http://carsonified.com/blog/dev/html-5-dev/23-essential-html-5-resources/

http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/

http://www.alistapart.com/articles/get-ready-for-html-5/
http://www.webkrauts.de/2009/09/21/moderne-semantik/

http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/

http://www.webkrauts.de/category/html5-einfuehrung/

Bring dem IE die neuen HTML5 Elemente bei:

Code:
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <script src="https://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE9.js" ></script>
<![endif]-->


Allgemeine Deklaration der Elemente zum korrekten Stylen [CSS]

Code:
header, footer, aside, nav, article, section {
   display:block;
}



HTML5 Reset Stylesheet

html5laboratory

What beautiful html code looks like

http://html5test.com/

Hier ein paar von golem.de gesammelte 'Html5-Experimente':
www.clicker.tv
mugtug.com/darkroom/
chromabrush.com (Chrome required)

WTF is HTML5 and Why We Should All Care

http://diveintohtml5.org

http://www.peterkroener.de/wp-content/uploads/2010/05/HTML5-Technologien3.png

http://apirocks.com/html5/html5.html

http://playground.html5rocks.com

Tutorial - HTML5 Microdata

HTML5 Canvas Cheat Sheet

http://wearehugh.com/public/2010/08/html5-video-accessibility/

http://css-tricks.com/html5-innershiv/

Periodic Table of the Elements

http://html5readiness.com/

HTML5 != CSS3

HTML5 / The facts and the myths

Translating Canvas with HTML5

CanvasDemos
CanvasTut

HTML5 Boilerplate [en]


Die HTML BOILERPLATE gibt es nun auch auf Deutsch

HTML5 Boilerplate [de]

HTML5 Audio and Video what you must know

Fun with HTML5 Forms

Canvas - Definition/Erläuterung

HTML5 - Geo location using the google api

HTML5 Starter Pack

Get familiar with HTML5

HTML5 Game Framework For Touchscreens & Browsers

HTML5 - A technical specification for Web developers

The current state of HTML5 Forms


Zuletzt bearbeitet von Kash am Di 29.03.2011 13:45, insgesamt 16-mal bearbeitet
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 17.07.2009 13:54
Titel

Antworten mit Zitat Zum Seitenanfang

html5doctor.com - Seite über Tipps zur HTML5 Webseiten Erstellung
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 17.07.2009 13:56
Titel

Antworten mit Zitat Zum Seitenanfang

http://meiert.com/en/blog/20080708/you-can-use-html-5/
http://html5doctor.com/
http://html5demos.com/
http://code.google.com/p/html5/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 31
Geschlecht: Männlich
Verfasst Mi 29.07.2009 17:07
Titel

Antworten mit Zitat Zum Seitenanfang

Auf smashing gibt es ein sehr netten Cartoon, der die Unterschiede von xhtml 1.x, xhtml2, html5 gut erklärt.

die kurze zusammenfassung:
- xhtml2 wurde als projekt beendet
- xhtml2 (als spezifizierung) hat nichts am hut mit xhtml1 (der syntax), dh xhtml ist keinesfalls tot.
- man kann die xhtml syntax (selfclosing, etc) auch in html5 verwenden (er nennt es im strip xhtml5, finde ich nicht gut)
- da html5 abwärtskompatibel designed wurde, kann man es schon jetzt verwenden (siehe links oben)
- html5 kann man auf 2 weisen schreiben:
nach der alten html4 syntax (<option selected>Oo</option> )
nach der xhtml syntax (<option selected="selected">Oo</option> )
- wie man es schreibt ist einem selbst überlassen



soviel dazu. ich präferiere ja ehr die xhtml syntax. strikte regeln, keine verschiedenen wege machen es einfach übersichtlicher.

ach ja, der cartoon:

klick
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 04.08.2009 09:33
Titel

Antworten mit Zitat Zum Seitenanfang

http://9elements.com/io/?p=153
http://carsonified.com/blog/dev/html-5-dev/23-essential-html-5-resources/


Zuletzt bearbeitet von m am Di 04.08.2009 09:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 31
Geschlecht: Männlich
Verfasst Di 04.08.2009 09:58
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 02.09.2009 19:42
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.alistapart.com/articles/get-ready-for-html-5/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Di 22.09.2009 15:08
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.webkrauts.de/2009/09/21/moderne-semantik/

Dazu demnächst mehr auf Webkrauts.de

webkrauts hat geschrieben:
In den nächsten zwei Wochen stellen euch einige unserer Autoren auf webkrauts.de die wichtigsten neuen Elemente im Detail vor – ausgehend vom aktuellen Entwurf. Es wird um die semantische Grundaufteilung einer Webseite gehen, um Elemente für Video- und Audiodateien, um Spielereien mit und um die neuen Möglichkeiten für das input-Element. Den Abschluss bildet ein Beispiel aus der Praxis: Wir nutzen HTML5 für ein Blog-Projekt.


Ich kann jedem, der sich mit Webstandards beschäftigt, nur empfehlen diese Reihe zu verfolgen.


Zuletzt bearbeitet von Kash am Di 22.09.2009 15:18, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML5 und Apps
HTML5 + IE11
XHTML2.0 vs. oder feat. HTML5
[HTML5] Stream auslesen
HTML5 schon Standart?
HTML5 Video Background
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.