HTML 5 – Waebo

HTML5 : La technologie web expliquée en vidéo

TiChou — Wed, 04 Jan 2012 15:00:27 +0000

Depuis de nombreux mois déjà, les professionnels du web échangent à propos de l’HTML5. Permettant d’offrir aux internautes des contenus plus riches de façon native, ce standard en cours d’établissement par le W3C, mais déjà en bonne partie supporté par les navigateurs, est véritablement la base de l’internet de demain.

Mais qu’est-ce que l’HTML5 ? Découvrez au travers de la vidéo suivante les raisons ayant poussé à l’établissement d’une nouvelle version du célèbre format de données HTML (HyperText Markup Language).

Pour résumer, plus besoin de plugin (Flash, Quicktime etc.) et sécurité accrue en plus de nouvelles possibilités (drag and drop, local storage et autres canvas) sur différents terminaux (ordinateurs, tablettes, smartphones).

Vous estimez être un guru HTML5 ? Testez vos connaissances grâce au quiz des balises HTML5.

Source : Blog Opera

Articles similaires :

Google TV : Site d’information pour développeurs et vidéo de démo

TiChou — Mon, 19 Dec 2011 12:00:42 +0000

La télévision Google était dévoilée courant mai 2010. Ce n’est qu’à la fin de cette même année que le géant de la recherche publiait un site internet et un blog pour communiquer sur le projet Google TV, avant de publier quelques mois plus tard des templates HTML5 et Flash gratuits adaptés à la télé.

La firme de Mountain View annonce aujourd’hui un site pour développeurs. Y sont disponibles un guide, des ressources (applis, librairies) et de nombreuses autres informations.

Démonstration vidéo de Google TV :

Pour se nouveau projet alliant l’expérience de la télé et celle d’internet, Google tire parti des acquis concernant les applications Android et sa connaissance des sites web via Google Chrome.

A noter que la Google TV est disponible nativement sur les dernières télévisions mais que le système peut tout aussi bien se présenter sous la forme d’une fonctionnalité additionnelle au travers d’une box qu’il conviendra de connecter.

Plus de détails sur le site de Google TV pour développeurs.

Source : Blog Google TV

Articles similaires :

HTML5 Elements Quiz : Citer toutes les balises en 5 minutes

TiChou — Tue, 06 Dec 2011 17:00:57 +0000

Vous pensez maîtriser l’HTML 5 ? Testez vos connaissances au travers de HTML 5 Elements Quiz, un site vous invitant à citer en cinq minutes un maximum de balises de la prochaine révision majeure de l’HTML, le format de données à la base de toutes les pages internet visibles sur la toile.

Petit score de 57 sur un total de 109 éléments pour ma part lors de la première et seule tentative.

A vous de jouer en vous rendant sur le site officiel de HTML5 Elements Quiz.

Articles similaires :

Internet Explorer 10 : Platform Preview 4 du navigateur

TiChou — Wed, 30 Nov 2011 17:00:06 +0000

Microsoft publiait la première Platform Preview d’Internet Explorer 10 en avril 2011 soit il y a plus de sept mois. Après IE10 PP2 dévoilé en fin juillet 2011 et IE10 PP3 mi-septembre, c’est au tour de la quatrième Platform Preview d’être aujourd’hui poussée au public.

Sans surprise, de nouvelles fonctionnalités sont présentées, bien différentes de celles sur lesquelles se concentraient les développeurs dans les versions précédentes (glisser-déposer, correction orthographique, tactile) si ce n’est la prise en charge améliorée de l’HTML5 et du CSS3.

Présentation des nouvelles fonctionnalités en vidéo :

De nombreuses nouveautés sont à souligner, dont notamment :

Support de Cross-Origin Resource Sharing (CORS) pour des requêtes XMLHttpRequest sécurisées inter-domaines
Support de l’API File Writer avec blobBuilder afin de permettre la manipulation de gros objets binaires au sein du navigateur
Support des tableaux typés en JavaScript pour un stockage et une manipulation efficaces de données typées
Support de la propriété CSS3 user-select définissant les possibilités de sélection de l’internaute dans une page internet ou application web
Support des sous-titres et fichiers de sous-titres dans les vidéos insérées à partir de la balise HTML5, incluant time-code (TC) et position

Cette version introduit de plus une mise à jour du mode de compatibilité (quirks mode) se rapprochant de ceux proposés par les navigateurs concurrents que sont Firefox, Chrome, Safari, et Opera.

A noter qu’Internet Explorer 10 Platform Preview 4 est uniquement disponible sur Windows 8. Windows 7 sera également servi lors de la release finale, mais rien pour Windows Vista ni Windows XP.

Source : IEBlog

Articles similaires :

jQuery Mobile 1.0 : Framework JavaScript mobile stable

TiChou — Sat, 19 Nov 2011 07:05:44 +0000

C’est au courant de l’été 2010 qu’était dévoilé le projet de version mobile du célèbre framework JavaScript jQuery, nommé sans surprise jQuery Mobile. Après une première version alpha en octobre 2010 et de longs mois de travail, la version finale était enfin publiée il y a trois jours.

C’est un outil de taille qui est diffusé là aux développeurs. jQuery Mobile permet en effet la conception simplifiée de sites internet en HTML5 sans se soucier des différents appareils (smartphones, tablettes et liseuses) et plateformes mobiles – comprenez surtout navigateurs – depuis lesquels seront exécutées les applications web.

L’équipe en charge du développement annonce une importante hausse de performances en terme de temps nécessaire au rendu des pages entre jQuery Mobile RC2 et la Release Candidate 3 qui est à la base de la version stable : de 30% à 50% !

Est également dévoilé ThemeRoller for Mobile, un outil WYSIWYG de création de thèmes. Il est ainsi facile de créer des templates personnalisés via de simples glisser-déposer, sans écrire une seule ligne de CSS. Le résultat peut ensuite être partagé via une URL et/ou téléchargé au format ZIP pour une application directe ou des modifications ultérieures.

De très nombreux plugins et extensions mais aussi articles et tutoriels sont d’ores et déjà disponibles pour jQuery Mobile. De quoi se lancer rapidement dans le développement d’une déclinaison mobile de son site internet.

Pour plus d’informations, rendez-vous sur le site officiel de jQuery Mobile.

Source : Blog jQuery Mobile

Articles similaires :

Firefox 8, 9 & 10 : Toutes les dernières nouveautés du navigateur

TiChou — Mon, 14 Nov 2011 17:40:57 +0000

C’est sans surprise par rapport au cycle de développement du navigateur qu’est dévoilé Firefox 8, six semaines après la sortie de Firefox 7. Une des nouveautés phares de cette release concerne sans doute les extensions. Pour des questions de performances mais aussi de sécurité, Firefox désactive en effet par défaut les modules complémentaires installés par des tiers. Le butineur offre de plus la possibilité aux utilisateurs d’interroger Twitter via un champ de recherche supplémentaire.

Firefox annonce qui plus est – et pour la énième fois – une meilleure gestion de la mémoire vive mais aussi un support accru du WebGL, de l’HTML5 (WebSockets, balises audio & vidéo) et du CSS3 en plus des corrections de bugs et autres améliorations de l’existant.

Finalement, la restauration des derniers onglets et fenêtres utilisés – soit la dernière session du navigateur – fait enfin son entrée. Dans ce sens, afin de ne pas surcharger le navigateur au démarrage, le chargement des onglets peut être reporté via une préférence : Ne pas charger les onglets tant qu’ils ne sont pas sélectionnés.

Firefox 9

En toute logique, Firefox 9 atteint de son côté le canal bêta. Cette version du navigateur met l’accent sur les performances JavaScript. Ainsi, afin de ne pas se laisser distancer par Chrome et son moteur V8 couplé au compilateur Crankshaft, la fondation Mozilla travaille sans relâche et annonce des gains de plus de 30% sur les benchmarks Kraken et V8. Pour se faire, SpiderMonkey se voit soutenu par le compilateur JIT JaegerMonkey auquel a été intégré l’inférence de types (TI – Type Inference) ; fonctionnalité permettant de déterminer le type d’une variable sans qu’il ait été déclaré dans le code.

Firefox 10 vient quant à lui d’échouer sur le canal Aurora et le constat est difficile à accepter. Une sur-consommation de la RAM qu’on pourra difficilement manquer : près de 500MB avec 4 onglets ouverts peu après le lancement et 1GB quelques minutes plus tard avec 6 onglets. Espérons qu’il s’agisse d’une fuite mémoire qui sera rapidement corrigée ou un tel comportement pourrait se solder par l’abandon du navigateur pour… Google Chrome.

Aucune nouvelle du compilateur à la volée IonMonkey.

Articles similaires :

Pdf.js : Fonctionnement du lecteur PDF JavaScript & HTML5

TiChou — Mon, 31 Oct 2011 17:00:28 +0000

La fondation Mozilla levait au courant de l’été le voile sur son projet de développement d’une visionneuse PDF basée sur de l’HTML 5 et du JavaScript : pdf.js. Le futur lecteur PDF de Firefox a depuis cette date bien évolué, proposant les fonctionnalités essentielles à la lecture de tels fichiers sur internet : pagination, zoom, impression, téléchargement, recherche et marque-page sans parler de l’affichage des contenus textuels et autres images.

Retrouvez via la vidéo suivante (~30 min) toutes les informations à propos de Pdf.js ; du projet au rendu des fichiers PDF en passant notamment par la structure des documents à afficher, les problèmes auxquels sont confrontés les développeurs et finalement le travail qui reste à faire.

Pdf.js est un projet intéressant à suivre de prêt !

Source : Blog Mozilla Labs

Articles similaires :

Doodle Google : Les logos commémoratifs fêtent leurs 13 ans

TiChou — Mon, 12 Sep 2011 14:30:13 +0000

Google exhibait ses premiers logos commémoratifs en 1998, pour rendre hommage à des personnalités ou à des moments importants de notre histoire. Ces doodles, bien connus, attendus et appréciés des internautes, représentent un travail conséquent pour une visibilité sur la page d’accueil du moteur de recherche de seulement 24 heures. Les créations bénéficient donc d’un affichage limité dans le temps mais d’une audience incroyable de par leur emplacement.

A l’occasion de ce 13ème anniversaire, l’AFP réalisait il y a quelques jours un reportage sur le travail de l’équipe en charge du doodle quasi-quotidien – en confrontant toutes les déclinaisons de Google – pilotée par Ryan Germick.

Sans surprise, les technologies employées ont beaucoup évolué, notamment ces dernières années. Alors qu’il s’agissait initialement d’images statiques, les logos sont désormais souvent dynamiques grâce à de la vidéo, du JavaScript ou encore de l’HTML 5.

Hasard du calendrier, la vidéo présente justement le doodle de Freddie Mercury, l’une des plus belles réussites selon moi, avec le jeu vidéo Pacman et le guitariste Les Paul.

Articles similaires :

Internet : Evolution des technologies web et des navigateurs

TiChou — Tue, 06 Sep 2011 08:00:38 +0000

Le géant de la recherche annonçait la disponibilité de son navigateur internet début septembre 2008. A l’occasion du troisième anniversaire de ce butineur en pleine forme, Google dévoile une infographie interactive de l’évolution du web.

Y sont ainsi présentés sur un axe de temps les technologies et navigateurs web qui ont fait et font encore actuellement internet tel que nous le connaissons. De 1990 à 2011, retrouvez des protocoles (HTTP, SSL), langages ou assimilés (HTML & HTML 5, CSS, JavaScript, Flash, XML, AJAX) ainsi que nos fidèles browsers dont certains sont actuellement dépassés (Mosaic, Netscape, Opera, Internet Explorer, Safari, Firefox, Chrome).

Google va jusqu’à préciser ce qu’on pourrait assimiler aux futurs des navigateurs, ces systèmes d’exploitations minimalistes comme Chrome OS.

Pour découvrir cette infographie construite en HTML5, rendez-vous sur le site suivant : L’évolution du Web.

Source : Blog Google Chrome

Articles similaires :

Firefox 7 : Nouvelles fonctionnalités du navigateur

TiChou — Mon, 05 Sep 2011 15:00:14 +0000

Difficile de suivre les nouveautés de Firefox avec le nouveau rythme de développement de six semaines adopté par la fondation Mozilla.

Firefox 6 sortait mi-août, dévoilant de nombreux changements aux utilisateurs (internautes et développeurs) dont notamment : simplification de l’URL et mise en emphase du nom de domaine, bloc-notes JavaScript Scratchpad et Permission Manager, WebSocket full-duplex, console Web déplaçable, amélioration de Firefox Sync ainsi que du démarrage du navigateur internet et finalement de nouvelles possibilités HTML 5 et CSS 3.

Firefox 7, actuellement en version bêta, se focalise quant à lui sur l’amélioration de la consommation mémoire grâce au projet MemShrink. Des gains de 20% à 30% sont ainsi globalement notables, allant jusqu’à 50% dans certains cas. Sans sollicitation, le navigateur ne consommera donc pas plus de mémoire et une partie de cette dernière est libérée à chaque fermeture d’onglets.

Même si aucun benchmark n’existe actuellement, le projet projet MemShrink semble selon plusieurs tests porter ses fruits.

A l’heure à laquelle le projet Electrolysis n’est toujours pas intégré, Firefox trouve un moyen d’améliorer sa stabilité, limitant ainsi les risques de crash.

On notera finalement la correction de bugs divers, la synchronisation immédiate des éléments avec Firefox Sync, le support de l’accélération matérielle avec Azure Direct2D pour la restitution des éléments Canvas ainsi que la prise en charge de la propriété CSS 3 text-overflow: ellipsis; et de la spécification Web Timing permettant de mesurer le temps de chargement d’une page web.

Firefox 7 est attendu en version finale pour la fin du mois de septembre 2011.

Source : Blog de Nicholas Nethercote

Articles similaires :