Tag: HTML5
[CSS3] – 50 exemples
by Michael DUMONTET on mar.05, 2011, under technique

Exemple en CSS3
Voici différent exemple en CSS3 pour :
- Créer des boules de noël
- Créer des boutons originaux
- Créer un tableau design
- Créer des menus accordéons
- Créer des effets de carte en 3D
- Créer des templates d’email
- Utiliser la pseudo-class “:target” (voir un exemple)
- Effet au rollover (survol) (voir un exemple)
- Effet de dégradé en CSS3, radial ou linéaire (voir un exemple)
- …
Source : skyje.com/2010/12/css3-tutorial
[HTML5] – eBook de Google
by Michael DUMONTET on jan.15, 2011, under technique

Un eBook réalisé en HTML5
On entend de plus en plus parler de l’HTML5, et google nous montre un exemple de eBook réalisé par Google. Fonctionnalité souvent réalisé en Flash, dont voici quelques exemples :
theelms.net, flash-ebook.com

eBook flash

ebook flash
[GOOGLE] – HTML5
by Michael DUMONTET on nov.30, 2010, under technique

HTML5 - exemple avec google chrome
Google chrome pousse l’HTML5 de plus en plus.
Voici un exemple d’utilisation de HTML5 sur une page web, melange audio/video très intéressant.
Il vous faudra utiliser le navigateur “google chrome” pour visualiser correctement cette présentation en HTML5.
Source : thewildernessdowntown.com
[HTML5] – demos
by Michael DUMONTET on nov.20, 2010, under Outils web

HTML5 : demos d'un grand nombre de fonctionnalité
Divers fonctionnalité ce trouvant sur le site :
- Le drag and drop d’objet ou de texte (toujours très pratique)
- Un effet de dégradé (interactive canvas gradients)
- Système de chat (simpla chat client)
- etc …
| dataset (data-* attributes) |
| History API using pushState |
| Drag files directly into your browser Not directly part of HTML5 |
| Simple chat client |
| Two videos playing in sync |
| Interactive canvas gradients |
| Canvas & Video |
| Video |
| Canvas |
| Content Editable |
| Geolocation Works on Safari Mobile too |
| postMessage same domain |
| postMessage cross domain |
| drag and drop |
| drag anything |
| offline detection Works on Safari Mobile too |
| navigator.onLine tests Doesn’t use events, only polls |
| on/offline event tests |
| offline application using the manifest FF 3.6 is still buggy – doesn’t request manifest after initial load |
| Storage |
| Web SQL Database Storage |
| Web SQL Database – rollback test |
| Web Workers watch out – uses a lot of CPU! example without – will hang your browser |
[HTML5] – geolocalisation
by Michael DUMONTET on nov.15, 2010, under Outils web

Geolocalisation via HTML5
En HTML5 on peut déjà réaliser un très grand nombre de chose, pourvu que son navigateur en soit capable, bien sur.
Aujourd’hui, avec l’HTML5, nous allons voir la geolocalisation.
API : dev.w3.org/geo/api/spec-source.html
Article (en) : mobile.tutsplus.com/tutorials/html5/html5-geolocation/
Source : htmlfive.appspot.com/static/whereami.html
Code source : html5demos.com/geo#view-source
[HTML5] – videos (youtube, dailymotion, …)
by Michael DUMONTET on nov.05, 2010, under Web

HTML 5 pour la vidéo
Voici quelques informations sur l’utilisation de la vidéo en HTML5.
Disponible actuellement pour quelques navigateurs (firefox 4, google chrome, opera 10.6, safari, IE9, IE6/7/8 avec google chrome frame installé). L’utilisation de l’HTML5 reste assez restreint pour le moment, mais l’évolution des navigateurs va très certainement mettre en avant ce format dans les prochaines versions.
[HTML5] – pie chart (camembert)
by Michael DUMONTET on sept.25, 2010, under Outils web
Vous souhaitez réaliser un camembert dynamique, et fluide. Vous pensez à flash, Ajax, … mais peut-être pas encore à HTML5.
Pourtant des développeurs commencent de plus en plus à s’y intéresser. La preuve des possibilités de cette nouvelle technologie qui monte sur le lien ci-dessous.
[TECHNOLOGIE] – HTML5
by Michael DUMONTET on mai.29, 2010, under technique
Durant la conférence Google I/O, une démonstration du potentiel de HTML5 a été faire.
Je vous laisse juger pour vous même du potentiel qu’offre ce petit bébé (cf video ci-dessous).
Il faudra bien sur que les navigateurs suivent et s’adapte au nouvelle norme en matière de creation de site internet.
CSS3please.com est lui aussi un plus qu’on attend avec impatience.
Source : http://www.macgeneration.com/news/voir/155391/un-prototype-de-mensuel-en-html5



























