HTML5 – Structure sémantique d’une page

See on Scoop.itformation 2.0

Lorsque l’on passe au HTML5, il devient parfois assez confus de réaliser une structure de page sémantiquement viable. Habitué auparavant au HTML4 où la confusion régnait allègrement sur les propriétés sémantique de chaque div (est-elle entrain de désigner un nouveau type de contenu ou est-elle là uniquement pour styler l’élément, la page?) et où, pour le coup nous nous efforcions de séparer les différents types de contenu les uns des autres proprement, le HTML5 arrive avec un grand nombre de balises venant combler ces lacunes. Néanmoins, le HTML5 en voulant résoudre les problèmes des versions précédentes, apporte aussi son lot de confusions, principalement pour la bonne utilisation de ses balises.

Nous nous retrouvons ainsi avec des balises section, header, aside, pour la mise en forme sémantique du contenu mais sans trop comprendre à quel moment les utiliser, et surtout quelle bonne architecture adopter pour la création de ses pages.

See on slapandthink.com

Free HTML5 Slideshow Maker

See on Scoop.itformation 2.0

HTML5 Slideshow Maker is a handy easy-to-use application that you can use to create HTML slideshows with your image and photo collections. Using this powerful HTML5 slideshow making program, you won’t need to write code to create professional looking slideshows.

HTML5 Slideshow Maker provides splendid slideshow templates and transition effects for making your HTML5 slideshow animated into life. Just follow three simple steps and your HTML slideshow will be ready to publish immediately. First, choose the pictures you want to include in the slideshow, then choose a theme. You can customize your slideshow by adding background colors, hyperlinks, etc. Press the ‘Publish’ button and HTML5 Slideshow Maker will create your slideshow and make it ready to upload to your own website or to our free online album Go2Album and even insert to social websites like MySpace, Blogger, Friendster, etc. with the HTML embedding code automatically generated.

See on softzilla.blogspot.fr

cHTeMeLe : jeu éducatif pour apprendre le HTML5

See on Scoop.itformation 2.0

cHTeMeLe est un jeu éducatif et collaboratif de plateau pour apprendre le langage HTML5 distribué sous licence Creative Commons CC-BY-NC. Ce projet est certifié HTML5 et dispose de la colorisation syntaxique intégrée. But de ce jeu qui a pu être créé et lancé grâce à la contribution financière d’internautes : « créer la page HTML avec les cartes que vous avez en main… le jeu se joue de 2 à 5 joueurs et chacun endosse le rôle d’un navigateur (Firefox, Chrome, Safari, Opéra, IE). Posez vos cartes balises en respectant les standards du web et accumulez les points. Jouez les cartes « évènements » afin de gêner les autres navigateurs (crash, bug flash, etc.) ou de vous aider dans la course à la construction de la page. »

See on www.netpublic.fr