background preloader

HTML5

Facebook Twitter

HTML5 Semantic Elements. 75 amazing uses of HTML5 | Web design. Some of these sites use the latest technologies to push the boundaries of what's possible on the web; others use traditional design principles to build beautiful, usable sites. Whether you're using simple HTML or diving into WebGL and 3D CSS, you'll find something here to inspire you. We also have a brilliant selection of inspirational examples of CSS for you to explore. 01. Appy Fizz Appy Fizz is a sparkling drink that describes itself as 'the champagne of fruit drinks'.

The new Appy Fizz website was part of a more extensive rebranding project by NYC-based design firm Sagmeister & Walsh. The design is an interesting mix of super-flat and implied three-dimensional elements. Art and its space in commercial industries is a theme Sagmeister & Walsh play with throughout their work, and it's interesting to see how this combination translates to the web. 02.

Made by Few is an annual web conference hosted by Few, a design and development agency in Arkansas. 03. 04. 05. 06. 07. 08. 01. 02. 03. HTML 5.1 Nightly. This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at The management and production of this document follows a relatively complex setup.

Details are provided as part of the introduction. This document was published by the HTML Working Group as a Working Draft. If you wish to make comments regarding this document, please send them to public-html@w3.org (subscribe, archives). All comments are welcome. Publication as a Working Draft does not imply endorsement by the W3C Membership. This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. Table of Contents. HTML5 - Web developer guide. HTML5 is the latest evolution of the standard that defines HTML.

The term represents two different concepts. It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows the building of more diverse and powerful Web sites and applications. This set is sometimes called HTML5 & friends and often shortened to just HTML5. Designed to be usable by all Open Web developers, this reference page links to numerous resources about HTML5 technologies, classified into several groups based on their function.

Semantics: allowing you to describe more precisely what your content is. Semantics Sections and outlines in HTML5 A look at the new outlining and sectioning elements in HTML5: <section>, <article>, <nav>, <header>, <footer> and <aside>. Using HTML5 audio and video The <audio> and <video> elements embed and allow the manipulation of new multimedia content. Forms improvements New semantic elements Improvement in <iframe> MathML WebRTC. HTML, HTML5 und CSS für Mediengestalter print | FW: look! – Design Blog.

Ich muss zugeben, dass ich etwas überrascht war, dass neben den schon sehr webspezifischen Themen SQL und CSS3 auch noch die HTML5-Struktur auch für uns Mediengestalter mit dem Schwerpunkt print auf dem Programm für die Abschlussprüfung steht. Da in der Praxis vermutlich die wenigsten damit in Berührung kommen, hier ein Rundumschlag über alles, was ich bei den Themen HTML, HTML5 und CSS für wichtig halte. Dies beinhaltet Was davon für die Prüfung tatsächlich relevant ist, weiß ich nicht. Im Zweifelsfall pickt man sich die Kapitel raus, die für einen selbst wichtig erscheinen. Auf die U5: CSS-Kaskadierung werde ich nicht eingehen, da Kevin dazu schon einen sehr guten und verständlichen Artikel geschrieben hat.

Ich denke allerdings, dass man erstmal HTML grundsätzlich verstanden haben muss, um zu verstehen, was genau die Umstellung von HTML4 auf HTML5 bedeutet. Was sind HTML und CSS eigentlich und was ist wofür zuständig HTML ist die Abkürzung für Hyper Text Markup Language. <! Z.B Typselektor. HTML5 Boilerplate: The web's most popular front-end template. Modernizr: the feature detection library for HTML5/CSS3. HTML5 Rocks - A resource for open web HTML5 developers.

Elements

Link Types <rel> <video>