Chrome – Waebo

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 :

Google Chrome 16 : Synchronisation des données du navigateur

TiChou — Wed, 14 Dec 2011 08:20:15 +0000

Google Chrome 15 est désormais dépassé, poussé hors du canal stable par Google Chrome 16 qui vient tout juste du channel bêta. Sont à noter de nombreuses améliorations au niveau de la stabilité et de la sécurité du navigateur mais la fonctionnalité majeure de cette release est sans aucun doute la synchronisation des informations entre plusieurs navigateurs (paramètres de configuration, favoris, extensions et applications).

Via Se connecter à Chrome… (Sign to Chrome…) dans le menu, c’est tout le profil utilisateur de Google Chrome qui est synchronisé sur les serveurs du géant de la recherche avant d’être dupliqué à la demande sur tout autre appareil.

Explications en vidéo :

De quoi offrir une excellente expérience utilisateur aux nombreux internautes fidèles. Et éventuellement en convertir d’autres au passage.

Source : Blog Google Chrome

Articles similaires :

Google Chrome 17 : Changer le user agent (outils pour devs)

TiChou — Tue, 13 Dec 2011 06:54:31 +0000

Les versions du navigateur du géant du web s’enchaînent et apportent des améliorations ou nouveautés plus ou moins intéressantes et visibles selon les cas. Google Chrome 17 dévoile cependant une fonctionnalité qui ne manquera pas d’intéresser les développeurs, intégrateurs, et autres référenceurs.

Cette release du navigateur internet permet en effet de facilement changer le user-agent via les outils pour développeurs accessibles nativement.

Comme visible sur la capture ci-dessus, sont ainsi disponibles des user-agents de desktop mais aussi des versions mobiles (iPad, iPhone, Android). Via la valeur Autres du menu déroulant, Google Chrome offre la possibilité de préciser sa propre chaîne de caractères (user agent string) ; celle du GoogleBot par exemple, ou tout autre robot.

Pour accéder à ces options de configuration du navigateur, il suffit de cliquer sur le bouton Paramètres situé dans le coin inférieur droit une fois dans les outils pour développeurs.

Pour information, Google Chrome 17 se situe actuellement sur le canal de développement alors que Google Chrome 18 est d’ores et déjà en possession du Canary channel.

Articles similaires :

Firefox 10 : Transformations CSS en trois dimensions (3D)

TiChou — Thu, 08 Dec 2011 11:00:24 +0000

Les transformations CSS en 3D, disponibles sur Google Chrome depuis la version 11, sont enfin supportées par Firefox 10. Encore sur le channel Aurora, il conviendra d’attendre que la release passe en bêta et enfin sur le canal stable pour permettre à tout un chacun d’en bénéficier.

Exemples en vidéo de rendu 3D en CSS au passage de la souris sur des logos :

Davantage d’explications dans la vidéo suivante :

A noter que seuls Firefox, Google Chrome et Safari sont pour l’instant capables de proposer un tel rendu.

Rendez-vous sur la page suivante pour visualiser vous-même l’effet avec l’un des navigateurs internet sus-cités : Fun with 3D rollovers.

Source : Blog Mozilla

Articles similaires :

The Mozilla Story : Animation de l’histoire de la fondation Mozilla

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

Depuis des années déjà, la fondation Mozilla se bat pour proposer aux internautes un monde meilleur, un endroit dans lequel il serait possible de construire ses rêves.

C’est sur sa page dédiée aux dons que l’éditeur publie la vidéo de son histoire. Nommée The Mozilla Story, y sont abordés différents moments importants et efforts mis en oeuvre comme la raison ayant poussée à la création de l’entité ou encore les outils de sécurité luttant et protégeant quotidiennement les utilisateurs contre spam et autres virus.

Si vous partagez ces convictions et profitez d’un ou plusieurs logiciels de l’éditeur, peut-être est-ce le moment de faire part de votre soutien en effectuant un don. Pour cela, rendez-vous sur la page suivante : The Mozilla Story.

Et puisque le sujet du financement de la fondation Mozilla est lancé, l’accord avec Google – et plus particulièrement avec le moteur de recherche – pourrait ne pas être renouvelé cette année. Après trois ans, l’entente concernant ce partenariat arrivait à échéance en fin de mois dernier et les deux acteurs sont encore en négociation pour sa reconduction.

Si une telle chose arrivait effectivement, l’organisme à but non lucratif devrait alors se débrouiller sans sa principale source de fonds, représentant les dernières années près de 85% de ses revenus. Google Chrome, qui vient tout juste de passer devant Firefox, pourrait d’autant plus facilement prendre des parts de marché.

A noter cependant que la fondation Mozilla annonçait il y a quelques semaines son partenariat avec Microsoft au travers du projet Firefox with Bing.

Affaire à suivre.

Articles similaires :

Firefox 10 : Les outils pour développeurs présentés en vidéo

TiChou — Wed, 30 Nov 2011 11:00:03 +0000

Je vous parlais il y a deux jours des outils pour développeurs actuellement nativement disponibles sur Firefox 10. Cette release, présente sur le canal Aurora, sera publiée en version finale en début d’année 2012. De quoi parcourir le code HTML et autres propriétés CSS sans installation de module complémentaire, en plus de pouvoir bénéficier de la Console Web et du Scratchpad pour exécuter du JavaScript.

La fondation Mozilla, éditeur du navigateur internet, vient de publier une vidéo présentant ces nouveaux outils à destination des développeurs, intégrateurs et autres graphistes :

Pour rappel, la jeunesse du projet qui devrait à terme remplacer le célèbre Firebug implique sans surprise le manque de certaines fonctionnalités, notamment au niveau des actions sur le code HTML.

Firefox pourrait bien reconquérir le coeur de certains utilisateurs passés à Google Chrome…

Source : Blog Firefox

Articles similaires :

Firefox 10 : Examiner le code avec les outils pour développeurs

TiChou — Mon, 28 Nov 2011 11:00:39 +0000

Depuis de nombreuses années déjà Firefox est doté d’un extraordinaire module complémentaire qui ne manque pas de quotidiennement simplifier la vie aux nombreux développeurs que le navigateur internet compte dans ses fidèles utilisateurs : Firebug. Initialement créée par Joe Hewitt, cette extension vivait un moment délicat cet été à l’annonce du départ de son contributeur principal John J. Barton qui partait se pencher sur la prochaine génération d’outils pour développeurs de Google Chrome.

La fondation Mozilla travaille quant à elle sur un projet visant à offrir ses propres outils à destination des développeurs. C’est ainsi que Firefox 10, encore sur le canal Aurora, propose un inspecteur de code dont les fonctionnalités sont similaires à celles de Firebug.

Disponible depuis le menu (Examiner), dans le menu contextuel (Examiner l’élément) via un simple clic droit de souris sur la page web ou au travers d’un raccourci clavier, l’inspecteur permet de parcourir les éléments et de facilement accéder au code source associé. On appréciera la fluidité des transitions entre les balises avec le mulot.

Le code HTML est visible dans le volet inférieur surmonté d’un breadcrumb qui permettra d’aisément accéder aux éléments parents et enfants mais aussi frères, respectivement à gauche, à droite et sur l’élément sélectionné.

Le style CSS est quant à lui affiché dans le volet latéral droit. D’un fonctionnement semblable à celui de Firebug, celui-ci met en évidence les propriétés et valeurs des IDs et classes de la balise examinée mais autorise également l’ajout de nouvelles entrées, la modification ou la désactivation via la checkbox en regard de chaque ligne. A noter que deux vues sont ici disponibles : par Règles et par Propriétés.

Petit retour sur la Console Web dans laquelle il est possible d’avoir accès à l’élément inspecté via la variable $0.

Vient s’ajouter à cette collection d’outils pour développeurs le Scratchpad déjà intégré depuis Firefox 6.

De par sa jeunesse, l’inspecteur (HTML + CSS) manque encore de fonctionnalités essentielles comme l’édition et la suppression d’une balise (et son contenu) ou l’autocomplétion de propriétés CSS. En espérant que ces améliorations soient rapidement apportées afin de soumettre à la communauté un outil en mesure d’être présenté comme un concurrent crédible à Firebug.

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 :

Prefix Free : Propriétés CSS sans préfixe vendeur

TiChou — Tue, 18 Oct 2011 16:30:01 +0000

Tout graphiste, intégrateur ou autre personne ayant un jour écrit quelques lignes de CSS avancées a été confronté aux préfixes vendeurs. Différents selon les navigateurs internet ou plus exactement selon les moteurs de rendu, ceux-ci sont nécessaires pour bien des propriétés CSS. Il est ainsi rapidement fastidieux de préciser ces particules, d’autant plus que leur prise en compte évolue avec le temps.

Afin de se passer de cette importante contrainte, Lea Verou dévoile -prefix-free. Cet outil se présentant sous la forme d’un fichier JavaScript minifié (prefixfree.min.js) de seulement 4Kb se propose, via une simple inclusion, d’ajouter les préfixes nécessaires en fonction des besoins de l’internaute visitant la page d’un site web. En d’autres termes en fonction de son navigateur.

A titre d’exemple, la propriété CSS3 pour contrôler la durée des transitions – transition-duration – donnera :

Firefox : -moz-transition-duration
Opera : -o-transition-duration
Chrome & Safari : -webkit-transition-duration

A noter que cette initiative est saluée par Eric Meyer, auteur de la célèbre feuille de reset CSS.

Pour plus de renseignements et/ou télécharger Prefix Free, rendez-vous sur le site officiel.

Articles similaires :

Google MapsGL : Des cartes natives en 3D grâce au WebGL

TiChou — Mon, 17 Oct 2011 16:30:46 +0000

La firme de Mountain View dévoilait il y a quelques jours déjà une déclinaison expérimentale de son célèbre service de cartographie. Nommée Google MapsGL, cette version est propulsée avec du WebGL – une spécification d’affichage 3D avec accélération matérielle pour les navigateurs web – afin de proposer un rendu natif en trois dimensions. Il n’est donc plus nécessaire pour les internautes d’installer un plugin tiers.

Outre la possibilité d’aisément profiter des building et autres monuments en 3D, les transitions entre les images sont plus fluides et l’activation du mode Google Street View plus rapide.

Démonstration en vidéo :

Les navigateurs internet supportant actuellement le WebGL étant Google Chrome et Firefox.

A vous de jouer en vous rendant sur l’adresse suivante : Google MapsGL.

Source : Blog Google

Articles similaires :