background preloader

HTML5 Demos and Examples

HTML5 Demos and Examples

https://bestvpn.org/html5demos/

[Meetup] HTML5, CSS3 et pizzas : Quatrième édition - www.kanithael.net Comme annoncé hier, voici la quatrième édition du meetup HTML 5. On ne change pas une équipe qui gagne, avec John Karp et Sylvain Weber aux commandes. Nous étions encore plus de 100 personnes pour cette édition, et chose amusante, plus de la moitié de la salle venait pour la première fois ! Comme quoi la communauté HTML5 est active, et ça intéresse du monde (surtout quand on voit le programme de la semaine à Paris…). Quoi de neuf sur la planète HTML5 ? Sylvain Weber, CEO et co-fondateur de Kontest, ancien Googler.Chaque mois, Sylvain explore le web et l’univers HTML5 à la recherche des dernières pépites et démos sorties récemment.

Stockage des données locales : Web Storage Nous connaissions les cookies. Maintenant nous disposons de Web Storage (ou DOM Storage) pour stocker des données locales. Faisons un tour du propriétaire ! Stockage des données dans le navigateur HTML5 Un article de Wikipédia, l'encyclopédie libre. HTML5 (HyperText Markup Language 5) est la dernière révision majeure d'HTML (format de données conçu pour représenter les pages web). Cette version est en développement en 2013.

Modernisez vos jeux HTML5 canvas partie 1: mise à l’échelle matérielle & CSS3 - David Rousset Les dernières versions des navigateurs commencent à implémenter des versions stables de certaines spécifications HTML5 particulièrement intéressantes comme Offline APIs, Drag’n’drop & File APIs. Ces nouvelles fonctionnalités offrent aux développeurs web de nouveaux scénarios de jeux et nous mène vers une nouvelle ère d’applications web. De notre côté, IE10 les implémente toutes et les mêmes fonctionnalités sont présentes également au sein des applications Windows 8 HTML5 au style Metro.

HTML5 Context Menu: Focus sur les menus contextuels en HTML5 Les nouvelles spécifications HTML5 apportent un bon nombre de nouveautés. Aujourd'hui, nous allons voir plus en détail les menus contextuels en HTML5. Créer des menus contextuels permet d'ajouter une couche d'intuitivité et d'ergonomie à une application. Aujourd'hui, à part utiliser un plugin Javascript permettant de simuler un menu navigateur au clic droit, il n'y'a pas d'autres alternatives web. Le HTML5 introduit dans ses spécifications l'API HTML5 Context Menu. Osez HTML5 et CSS3 ! Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens

8 étapes cruciales à implanter après l’installation de WordPress Après avoir installé WordPress, il vous reste encore bien du chemin à parcourir avant d’arriver au sommet ! Même si tous les blogueurs vous diront que “WordPress est une plateforme géniale”, elle demande toutefois quelques petites attentions particulières. Vous avez installé WordPress et être prêt à démarrer ? Vérifiez ces 8 étapes cruciales à implanter après l’installation de WordPress… 1. Modifier la structure des permaliens

<meter> et <progress> Voici deux éléments très ressemblants mais n'ayant pas du tout la même fonction... <meter> et <progress> entrent dans la grande famille HTML5 et devraient en réjouir plus d'un ! On progresse et on jauge ! Il faut faire la distinction entre les éléments <progress> et <meter> . D'un côté nous avons <progress> qui indique la progression d'une tâche au cours du temps, sans que l'on ne s'attache à une valeur précise mais plutôt à un pourcentage. Par exemple débutant à zéro et avançant jusqu'à atteindre les 100%.

HTML 5 Une vue d'ensemble de ce qu'apporte HTML 5. C'est autant qu'un successeur à HTML 4, une plateforme pour les applications en ligne ou même locales (notamment avec Metro). Le nouveau format crée un standard pour de nombreuses fonctionnalités auparavant disponibles sous forme de plugins, et permet ainsi de créer des sites plus évolués accessibles à tous les internautes. Video et audio HTML 5 dispose de son propre lecteur video ou audio, personnalisable par CSS. 7 CMS pour créer son propre réseau social - ressources Découvrez une sélection de CMS, gratuits pour la plupart qui vous permettront de créer un réseau social dans le style de Facebook autour de votre passion ou de votre service. Idéal pour créer une communauté et regrouper des passionnés à venir partager autour de votre centre d'intérêt ou de vos services, un réseau social peut etre un réel atout dans la communication d'une marque ou d'un produit si celui-ci est bien fait. Oxwall Pour vous aider à utiliser Oxwall Un article complet pour bien débuter avec Oxwall Elgg

Introduction à l’HTML5 Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte. Sommaire :

Les microformats et microdata apportés par HTML5 Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations. Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Cet article a été rédigé par Geoffrey Crofte, intégrateur et designer web chez Alsacréations et pour son petit studio Creative Juiz. Également auteur de son propre blog Creative Juiz et de nombreux articles pour la communauté Alsacréations, Geoffrey apprécie les expérimentations sur CSS3 et nous les fait partager sur TryToTry, son laboratoire. Retrouvez Geoffrey sur Twitter : @geoffrey_crofte ou sur son portail perso.

La fonction calc() en CSS calc() est une fonction CSS3 offrant la possibilité de réaliser des opérations mathématiques en CSS (addition, soustraction, division et multiplication). Compatibilité La compatibilité de cette fonction est encore un peu limitée aux navigateurs récents.

Related:  HTML5HTML5HTML5HTML5 Part 1HTML5HTML5HTML5HTML5webrrHTML-CSS-PHP