WebKit – Waebo

Adobe Edge : Animations en HTML5, CSS3 et JavaScript

TiChou — Tue, 02 Aug 2011 16:00:35 +0000

Adobe Systems, société éditrice de nombreux logiciels graphiques reconnus comme Photoshop, Illustrator ou encore InDesign, annonce la disponibilité prochaine d’un nouvel outil nommé Edge.

Plutôt que de convertir des fichiers Flash en HTML 5 avec Adobe Wallaby (ou Google Swiffy), la firme californienne propose une application capable de générer des animations en HTML5, CCS3 et JavaScript via de simples clics de souris et autre glisser-déposer d’éléments au sein du projet.

Explication du fonctionnement d’Adobe Edge en vidéo :

De nombreux formats d’images sont compatibles (PNG, JPG, GIF et SVG) et, comme vu dans la présentation, l’auteur de l’animation peut jouer sur différentes transformations (couleur, transparence, taille, etc.) de composants sur la ligne de temps.

A noter que le moteur de rendu intégré à Adobe Edge est ni plus ni moins que WebKit et que le framework JavaScript sollicité est basé sur l’excellent jQuery.

De quoi proposer un contenu dynamique pour les navigateurs de nos ordinateurs mais aussi ceux des tablettes graphiques et autres appareils mobiles tels que nos smartphones.

Pour plus de détails ou pour télécharger la preview de Edge (avant qu’il ne devienne payant ?), rendez-vous dans les labs Adobe.

Source : Clubic

Articles similaires :

Google Chrome 10 : Nouvelle version majeure sur le dev channel

TiChou — Fri, 17 Dec 2010 09:30:22 +0000

Google Chrome était dévoilé il y a maintenant deux ans et c’est le premier des navigateurs à passer la barre de la dizaine pour ce qui est de son numéro de version ; même si au final ça ne signifie pas grand chose.

Google Chrome 10, plus précisément 10.0.612.1, est disponible depuis cette nuit sur le canal de développement pour les systèmes d’exploitation Windows, Mac OS et Linux. Est en premier lieu à noter la mise à jour du moteur JavaScript V8 (3.0.2.1) ainsi que du moteur de rendu WebKit (534.15).

Sous Windows, c’est le Google Cloud Print qui fait son entrée sans avoir besoin de passer par une commande.

D’autre part, de nombreuses corrections et améliorations ont été apportées au navigateur.

Rendez-vous dans quelques semaine pour Google Chrome 11.

Source : Blog Google Chrome

Articles similaires :

HTML5 Conformance Test : Les navigateurs comparés par le W3C

TiChou — Sat, 20 Nov 2010 18:23:21 +0000

Toujours dans un souci de respect des standards web pour une interopérabilité de meilleure qualité qui soit, le World Wide Web (W3C) lève le voile sur une suite de tests à propos des spécifications de l’HTML 5.

Bien que toujours en évolution, cet examen nommé HTML5 Conformance Test et actuellement composé de 212 vérifications a pour but de confronter les possibilités des différents navigateurs avant de les comparer.

Fonctionnalités	Internet Explorer 9 Platform Preview 6	Chromium 9.0.571.0 (64851)	Firefox 4.0b8pre	Opera 11.00 alpha (build 1029)	WebKit Nightly Build r70732

attributes	100%	100%	100%	100%	100%
audio	100%	100%	100%	100%	100%
canvas	89.55%	93.08%	75.47%	85.35%	94.34%
getelementsbyclassname	83.33%	100%	100%	94.44%	100%
foreigncontent	100%	100%	100%	0%	100%
video	100%	85.71%	78.57%	78.57%	85.71%
xhtml5	100%	42.86%	85.71%	100%	42.86%

Internet Explorer est à nouveau au coude-à-coude avec les navigateurs performants du marché – Chromium, Firefox, Opera et WebKit – grâce à la version 9. Il était grand temps.

Plus d’informations sur la page suivante : HTML5 Test Suite Conformance Results.

Articles similaires :

Google Chrome Frame : Version finale pour Internet Explorer

TiChou — Tue, 28 Sep 2010 05:47:47 +0000

Google Chrome Frame était dévoilé en version bêta l’an passé par le géant de la recherche. Ce dernier annonce aujourd’hui une mouture finale de son produit à destination de l’ensemble des versions d’Internet Explorer, ie. 6, 7 et 8. Le but étant de renforcer le navigateur de la firme de Redmond en remplaçant le moteur de rendu par défaut, Trident, par l’excellent WebKit couplé au véloce moteur JavaScript V8. Il en résulte un butineur plus rapide mais surtout un support intéressant de l’HTML 5 dont notamment la balise audio, vidéo ou encore la géolocalisation.

Internet Explorer 9 apporte certes de nombreuses améliorations mais est, rappelons-le, uniquement compatible avec Windows Vista et Windows 7 ; et donc non fonctionnel pour les systèmes d’exploitation précédents comme Windows XP, encore très largement utilisés. C’est là que Google Chrome Frame intervient, proposant aux internautes de tout de même bénéficier des dernières technologies web.

Côté client, il convient toujours d’installer le plugin Google Chrome Frame.

Mais ce n’est pas tout car le site web visité doit également préciser être compatible avec Google Chrome Frame via la balise meta suivante :

D’importants acteurs du web comme YouTube et Orkut de Google mais aussi DeviantArt ont déjà opté pour cette solution.

De nombreux problèmes de sécurité induits par l’installation de Google Chrome Frame, notamment au niveau du mode de navigation privée, restent cependant montrés du doigt. Selon Microsoft, l’outil proposé ne fait qu’augmenter la surface d’attaque d’Internet Explorer.

Articles similaires :

Maxthon 3.0 : Le navigateur au double moteur (Webkit, Trident)

TiChou — Tue, 14 Sep 2010 21:13:40 +0000

Le très peu connu Maxthon sort en version 3 (3.0.17.1000). Après avoir jusqu’à présent proposé comme seul moteur de rendu Trident – Internet Explorer -, le navigateur web se complexifie à l’instar de Lunascape en proposant désormais d’une part et principalement Webkit, mais aussi Trident comme second moteur de rendu.

Du côté du moteur JavaScript, c’est l’excellent V8 de Google qui se cache sous le capot.

L’interface est sobre comme le veut la tendance initiée par Chrome et peu de temps après adoptée par Opera et Firefox.

De nombreuses fonctionnalités en plus de la navigation avec la souris ou encore la synchronisation des marque-pages sont toujours en court de développement dans les ateliers de l’éditeur du navigateur.

Affaire à suivre pour les fans ou même les curieux.

Articles similaires :

Flock 3.0 : Le navigateur social délaisse Firefox (Mozilla) pour Chromium

TiChou — Fri, 25 Jun 2010 06:46:55 +0000

Dure annonce que celle faite par l’équipe en charge du projet Flock, bien que l’on s’y attendait. Alors que navigateur social est actuellement basé sur Firefox (3.0) pour sa version 2.6 comme ne manque pas le de souligner le site officiel – Powered by Mozilla -, la prochaine version encore en atelier, ie. Flock 3.0 bêta, est désormais propulsée par Chromium.

Flock 2.6.0 (Firefox – Mozilla)

Flock 3.0.0.3737 (Chromium)

Les raisons expliquant un tel changement pour le navigateur se situent à différents niveaux, dont notamment :

Performance : Moteur JavaScript V8 et moteur de rendu WebKit
Sécurité et stabilité : Fin du support de Firefox 3.0

Il ne reste qu’à souhaiter à Flock un succès grandissant pour l’avenir.

Articles similaires :

Google Chrome 5 : Géolocalisation, HTML 5, WebGL, Omnibox et Flash player

TiChou — Tue, 13 Apr 2010 06:35:06 +0000

De nombreux changements et nouveautés dans les deux dernières releases de la version 5 du navigateur de la firme de Mountain View sur le canal de développement (dev channel) : Google Chrome 5.0.371.0 (Windows, Mac OS et Linux) et Google Chrome 5.0.375.3 (Windows).

En premier lieu des corrections de la fonctionnalité de géolocalisation dont je vous parlais en début de mois dernier. Des ajustements aussi au niveau des balises audio et vidéo apportées par l’HTML 5.

WebGL tourne désormais dans le bac à sable (sandbox) et est accessible via la commande – -enable-webgl (sans espace entre les premiers tirets). A noter qu’il est vivement déconseillé de continuer à utiliser la commande – -no-sandbox (toujours sans espace entre les premiers tirets).

Des changements sont à noter du côté de l’omnibox :

Le bouton de rafraîchissement de la page vient prendre la place de l’étoile (en début de barre d’adresse)
L’étoile pour ajouter la page en cours de consultation aux favoris est déplacée dans la partie droite de la barre d’adresse
Une icône terre apparaît en début de barre d’adresse, et donne accès à un certain nombre d’informations concernant la sécurité

Le moteur de rendu WebKit a finalement été mis à jour de la version r56820 à la version r57160.

Pour ce qui est de Google Chrome 5.0.375.3, est à noter le player Flash activé par défaut contrairement à la version 5.0.360.4 du navigateur dans laquelle il fallait passer par une commande pour en bénéficier.

Source : Blog Google Chrome & Blog Google Chrome

Articles similaires :

CSS : Les feuilles de style par défaut des navigateurs web

TiChou — Wed, 31 Mar 2010 16:57:10 +0000

Dans une volonté compréhensible de faire des sites web cross browsers, développeurs et intégrateurs sont souvent amenés à redéfinir les styles imposés par les navigateurs. Ces derniers ne proposent en effet pas les mêmes, et les styles peuvent dans certains cas être différents selon les versions dudit butineur.

Il peut donc être utile de pouvoir jeter un oeil sur les feuilles de style par défaut utilisées par Firefox, Internet Explorer, Opera ou encore Webkit.

C’est ce que propose le site iecss.com dont l’adresse est assurément à garder sous la main.

Articles similaires :

HTML 5 : Désactiver le referrer avec l’attribut rel= « noreferrer »

TiChou — Wed, 13 Jan 2010 21:28:26 +0000

Avec les nouvelles spécifications de l’HTML 5 arrive la possibilité de bloquer le referrer. Pour rappel, il s’agit de la page web de provenance récupérée par le serveur web ; depuis le navigateur qui lui aura évidemment transmis l’information. Cette dernière est très utilisée, notamment par les nombreux outils de statistiques.

Cela se passe sans grande surprise du côté de la balise de lien, avec l’ajout de l’attribut rel= »noreferrer ».

Code HTML classique qui enverra le referrer à la page cible :

Un très beau blog

Code HTML 5 qui bloquera l’envoi du referrer à la page cible :

Un très beau blog

Enfin une gestion du referrer native au langage, sans besoin de faire appel aux extensions de Firefox.

A noter toutefois que pour ainsi dire aucun navigateur ne supporte actuellement ce code à l’exception des nightly builts de WebKit. Safari et Chrome pourraient donc rapidement bénéficier de cette nouveauté.

Articles similaires :

WebGL : La 3D dans Chrome, après WebKit et Firefox

TiChou — Fri, 09 Oct 2009 17:22:11 +0000

Le mois dernier voyait apparaître WebGL pour WebKit et Firefox. C’est désormais à Chromium de suivre la marche, comme l’annonce le développeur Kenneth Russell, et d’intégrer ladite technologie permettant l’accélération matérielle afin d’obtenir un rendu en trois dimensions au sein-même du navigateur.

Je vous laisse observer l’impressionnant résultat via la vidéo ci-dessous.

Cela laisse présager de belles choses pour l’avenir.

Source : Clubic

Articles similaires :