 Willkommen auf dem Portal für Mediengestalter
|
|
|
  |
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: 41
Geschlecht: 
|
Verfasst Fr 17.07.2009 14:48
Titel [INFO] - HTML5 |
  |
|
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 14:45, insgesamt 16-mal bearbeitet
|
|
| |
  |
 |
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 17.07.2009 14:54
Titel
|
|
|
|
html5doctor.com - Seite über Tipps zur HTML5 Webseiten Erstellung
|
|
| |
 |
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
| |
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mi 29.07.2009 18:07
Titel
|
|
|
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
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
| |
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
| |
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 22.09.2009 16:08
Titel
|
|
|
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 16:18, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
HTML5 & CSS3
HTML5 + IE11
HTML5 und Apps
flash/html5 grafik
html5 audioplayer mit playlist
[HTML5/CSS] Ausrichtung von li-Elementen
|
|
| |
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.
|
|
