en construction

http://fancyapps.com/fancybox/#license

http://jsfiddle.net/uZCC6/1/

tuto pour realiser banniere ci dessus

dans le javascript je regle le texte sa couleur  le timer les effets et le nom de la balise div qui contient canvas

"<div id="header">
<script type="text/javascript" src="http://p4.storage.canalblog.com/45/62/921129/86260648.js">script>
<canvas id="main"></canvas>
</div>"
dans la feuille de style je rajoute apres #topbar-logo
#header {
height:252px;
width:80%;
}
le positionnement du canvas est absolute donc il va se positionner a 10px top et left du div header ( si celui ci est relative)

bon je n ai pas cree le javascript je l ai trouve sur internet mais ai du modifier pour l integrer sur le blog

probleme rencontrer a cause du crossdomain polici je n arrivais pas en placant sur le blog a telecharger le xml contenant le texte et le json contenant la fonte ai donc du tout integrer dans le javascript.

mon erreur je voulais pârser ma variable quin est deja un objet contrairement au req.responseText

je peux meme mettre une balise canvas dans un article avec mettant une balise canvas en mode avance dans page message de canalblog mais probleme de conflitcar deux fois meme script et variable commune avec le header donc ca marche pas mais c'est possible

par contre l editeur canalblog n accepte pas balise canvas dans message en html mais on peut faire un appendchild

quelques liens qui m'ont ete utiles:

http://msdn.microsoft.com/fr-fr/library/ie/cc836466%28v=vs.94%29.aspx

http://blog.pascal-martin.fr/post/JSON-JavaScript-Object-Notation-Presentation

Json Parser Online

http://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380

http://pingouindesalpes.com/jquery/

 http://www.fancyapps.com/fancybox/

ps il y aussi le parametre:'showCloseButton': false

tous les parametres ici

pour faire ouverture et fermeture fancybox passage souris:

http://pastebin.com/RCg3tJ09

fancybox-getting-it-to-work-on-mouseover-mouseout

le resultat avec une image:

ouvrir une fenetre fancybox sans click: http://www.weblog.eliaz.fr/article103.html

http://digipiph.com/blog/creating-sprite-character-movement-javascript-and-jquery-ver-10

petit probleme la il ne faut pas cliquer dedans sinon ca freeze le blog je sais pas pourquoi?

bon j ai resolu mon probleme:il faut mettre dans fancybox :'hideOnContentClick':true

http://www.goat1000.com/tagcanvas.php

http://www.alsacreations.com/tuto/lire/1513-introduction-canvas.html

The fast and easy guide for creating Windows 8 apps using popular technologies!

This book offers a primer for building HTML5, CSS3 and javascript applications for Windows 8. It includes an up-to-date guide for dusting off an aging HTML skill set and adapting to the Windows 8 apps and provides a reference for Windows and .NET programmers not familiar with HTML5. The overall design principles of MetroUI (the new design paradigm for Windows) are discussed.The book also addresses visual design with HTML and CSS, which are the visual design languages to bring MetroUI applications to the screen. Finally, there is a section on using javascript for inter- and intra-functional components.

Create eye-popping visuals on the fly with HTML5 Canvas

Now part of the HTML5 standard tool, Canvas gives programmers the ability to add images, animation, and sound to mobile and regular websites on the fly, in javascript, without needing any third-party tool or player. This practical For Dummies book clearly shows you how to get the most out of Canvas. It presents information in a friendly, non-intimidating way and helps you get started with the Canvas tag, create 2D drawings and images, add video and audio, build a basic game framework, weave spellbinding animation, and more.
If you want to learn how to use HTML5 Canvas, this easy-to-follow guide is just the ticket.

Shows web programmers, developers, and designers at beginner and intermediate HTML5 and javascript levels how to use the powerful HTML5 Canvas tag
Helps you design and add images, animation, sound, and more to mobile and regular websites, without using any third-party tools or players
Covers 2D drawings, text, and bitmap images; video and audio; how to build a basic game framework on Canvas; adding animation; and more
Includes a javascript crash course
Get started using HTML5 Canvas right away with HTML5 Canvas For Dummies.

Table of Contents
Part I: Looking at Canvas
Chapter 1. A Quick Glimpse Behind the Canvas
Chapter 2. Setting Up Your Canvas Platform

Part II: Drawing on Canvas
Chapter 3. Creating Objects
Chapter 4. Enhancing Objects
Chapter 5. Transforming Objects
Chapter 6. Moving Objects

Part III: Breathing Life into Your Canvas
Chapter 7. Mastering the Art of Canvas
Chapter 8. Introducing User Interaction
Chapter 9. Creating Engaging Imagery and Motion
Chapter 10. Sounding Off with Audio

Part IV: Developing More Complex Applications
Chapter 11. Grabbing Attention with Video
Chapter 12. Enhancing Canvas Applications

Part V: The Part of Tens
Chapter 13. Ten Great Canvas Applications
Chapter 14. Ten Great Tools