Tag: HTML5

[CSS3] – 50 exemples

by 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

Laissez un commentaire :, Plus...

[HTML5] – eBook de Google

by 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


pageflipgallery.com


ebook flash


(Lire la suite…)

Laissez un commentaire :, , Plus...

[GOOGLE] – HTML5

by 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

Laissez un commentaire :, Plus...

[HTML5] – demos

by 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

(Lire la suite…)

Laissez un commentaire : Plus...

[HTML5] – geolocalisation

by 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

Laissez un commentaire : Plus...

[HTML5] – videos (youtube, dailymotion, …)

by 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.

(Lire la suite…)

Laissez un commentaire :, , , Plus...

[HTML5] – pie chart (camembert)

by on sept.25, 2010, under Outils web

Outil de statistique en HTML5 & Jquery

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.

(Lire la suite…)

Laissez un commentaire :, , Plus...

[TECHNOLOGIE] – HTML5

by on mai.29, 2010, under technique

HTML 5

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

Commentaires fermés :, , , Plus...

Une recherche ?

Utilisez le champ suivant pour effectuer une recherche sur le blog:

Des questions ? N'hésitez pas à nous contacter ou laisser un message sur le blog!