WebP – le format d’image créé par Google 39% plus léger que le jpg

Sur le web, on connait les formats d’images standards suivants : jpg, gif et png.  Standards c’est-à-dire reconnus par tous les navigateurs.

Google a récemment créé un nouveau format d’image qui se rapproche du jpg mais qui a la particularité d’avoir un taux de compression plus faible avec la même qualité. D’après leur analyse, une image au format webp est 39% plus légère qu’une image au format jpg.

Prononcé « Weppy« , ce nouveau format opensource ne peut être visualisé que sur les navigateurs google Chrome et Opera pour l’instant.

Pour convertir une image au format png ou jpg vers le format webp, il existe un utilitaire sur le site officiel qui permet de le faire . D’autres outils tels que imagemagick, XnConvert, Pixelmator, Acorn…permettent de créer des images avec ce format. Un plugin existe pour permettre d’utiliser ce format dans  Photoshop.

Ce format va révolutionner le monde des sites Internet s’il sera implémenté sur la plupart des navigateurs puisque il sauvera la vie de ceux qui ont un petit débit de connexion Internet.

Enfin, voici un comparatif intéressant permettant de voir les différences entre webp et jpg (à voir avec le navigateur google Chrome ) http://code.google.com/intl/fr-FR/speed/webp/gallery.html

Ma petite histoire sur la Certification TYPO3 !

Et oui, maintenant je fais partie des certifiés TYPO3 de l’année 2010. Les résultats sont arrivés ce 14 Février vers 18h00. Et mon nom figure sur cette liste !

Pour la petite histoire….Il faisait très froid un après-midi de Décembre dans un hotel parisien près du Panthéon. Il était 12H45.  La personne à l’accueil m’avait indiqué le lieu. Ca se passait dans une salle aménagée de l’hotel. Il y avait déja 15 candidats.

Micky Baratovic en charge de la certification a commencé à présenter ses fonctions dans l’équipe, le déroulement de l’épreuve et le résultat de l’examen. Avant de débuter, nous avons signé le fameux « TYPO3 integrator» certification non-disclore and banner usage agreement. ».  L’épreuve consistait en une épreuve de QCM de 40 questions à traiter en 90 minutes.

Pour réussir la certification TYPO3, je conseillerais de bien connaître TYPO3 (son histoire, l’équipe autour, l’association TYPO3, ses fonctionnalités backend, le typoscript…) , de l’utiliser au quotidien et de bien cerner les pièges de ce cms puisque les questions tournent autour de ces points. Le livre sur la préparation à la certification m’a aussi beaucoup aidé. En effet, ce livre fait une simulation de l’examen. Ce qui permet de bien réviser. TYPO3 est un solide cms, il est complexe mais très bien conçu. Il répond à tous les besoins en matière de création de site que ce soit d’un simple site à un grand portail.

Enfin, je tiens à remercier : la personne que je ne citerais pas mais qui est toujours à mes côtés, Michal Cygankiewicz (mon ami polonais) et  mon boss qui m’a fait confiance.

#jQuerymobile vs #Senchatouch – Quel #framework pour mon application web mobile #HTML5 ?

#jQuerymobile ou #Senchatouch ? Voila 2 principales questions qu’un développeur devra se poser à partir de maintenant lorsque son client lui demande de lui créer une application web mobile avec HTML5.

En effet, comme John Resig l’avait annoncé sur son compte twitter, jQuery mobile est enfin disponible depuis ce Samedi 16 Octobre 2010. jQuerymobile est un framework développé avec jQuery. Il permet de créer des applications web pour les plateformes des téléphones mobile de type smartphones tels que IOS (iPhone), Android, Blackberry, Bada, Windows Phone, Symbian, Palm Web OS et Meego.

Senchatouch est un concurrent très sérieux de jQuerymobile. La différence est que Senchatouch ne fonctionne correctement que sur IOS et Android d’après ce qui est annoncé sur leur site officiel. Il faut payer une licence pour le faire fonctionner correctement. D’un point de vue marketing, jQuery est le gagnant dans l’histoire. Aussi, comme jQuery est plus facile d’accès et plus utilisé que Sencha, ce nouveau framework jquerymobile trouvera facilement sa place.

Mon choix portera évidemment sur jQuerymobile. Ceci parce que ce framework a de l’avenir devant lui. La communauté de développeur qui enrichit jQuery grâce à leurs plugins est très grande. Ceci ne sera pas prêt de s’arrêter avec jQuerymobile.

HTML5 fait maintenant partie du quotidien des développeurs souhaitant créer des applications mobiles. Ce qui est impressionnant, est qu’il est possible actuellement de créer des applications natives avec du HTML5, CSS et Javascript. Un logiciel propriétaire Appcelerator a commencé à se lancer dans l’aventure. Il a été suivi par Phonegap.

Firefox 4.0 Beta – les premiers screenshots…

Suite à l’annonce de la sortie de la version de Firefox 4.0 Beta, je me suis pressé de télécharger et de tester la bête. Je vous partage ci-dessous quelques copies d’écran :

La navigation par onglet en haut du navigateur.

Cette nouveauté se trouve dans le menu Tools > Heads Up Display.

Rien à signaler spécialement sur cette nouveauté si ce n’est qu’on a plus d’espace pour travailler correctement

Inspecteur DOM

Un nouvel onglet pour gérer les extensions, thèmes, plugins

Cette amélioration se trouve dans le menu View > Toolbar > Tabs on top .

Ainsi, il est possible dans cet onglet de désinstaller rapidement une extension, d’activer un thème, de supprimer ou d’ajouter un plugin.

Affichage de l’entête HTTP d’une page

Cette nouveauté se trouve dans le menu Tools > Heads Up Display

#CMSMadeSimple sort en version 1.8 – nom de code #Madagascar

Ce 3 juillet 2010, #Madagascar est le nom de code choisi par CMSMadesimple pour la version 1.8 de leur Outil de gestion de contenu après avoir refondu leur site Internet le 28 juin 2010. Ca me fait plaisir de voir qu’ils ont choisi #Madagascar comme nom de code. Cependant je n’arrive pas à trouver l’origine de ce choix.

CMSMadeSimple a la particularité comme son nom l’indique d’être simple d’utilisation mais aussi simple à maintenir. De nouvelles fonctionnalités ont été ajoutées, des améliorations ont été apportées pour rendre le CMS plus rapide et plus léger et des bugs signalés récemment résolus.

Nouvelles balises {cms_stylesheet} et {content_module}

Principalement, la fonction {stylesheet} remplacée récemment par {smarty_stylesheet} a été finalement remplacée par {cms_stylesheet}.

Pour info, cette balise lie toutes les feuilles de style attachées au gabarit. Si elle est oubliée, la page apparaîtra sans style. Pour utiliser des feuilles de style externes, l’utilisation de <link/> standard dans l’en-tête est également permise.

Voici donc la nouvelle utilisation dans un template :

Il ne s’agit pas que d’un remplacement de fonction ou de dénomination. En effet, cette nouvelle fonction prend tout le contenu des feuilles de styles. Elle les envoie à Smarty, qui est le moteur de template de ce CMS. Smarty met en cache ensuite ces feuilles de styles pour rendre l’affichage plus rapide et envoie le tout vers le navigateur dans un fichier unique.

La balise {content_module} est également une grande amélioration ajoutée à ce CMS. En effet, jusqu’alors il était impossible sans extension de mettre en forme un même module différemment sur 2 pages différentes.

Copier-Coller une page

Il est maintenant facile et possible de copier une structure d’une page et de coller dans l’arborescence du site comme ce que font les grands CMS actuels.

De #Typolight vers #Contao : une expérience riche…

Depuis que je me suis intéressé à #Contao (ex-#Typolight), je constate que ce CMS ne cesse d’évoluer et mes découvertes me font dire qu’il est vraiment très puissant.

J’ai un site Internet qui tourne avec ce CMS (Typolight 2.8.4) depuis quelques mois et voici les étapes pour la mise à jour vers Contao 2.9.
Il faut tout d’abord télécharger l’archive contao-2.9.0.zip sur cette page http://www.contao.org/download.html.

Sur le serveur du projet pour lequel Typolight 2.8 est installé, je renomme les fichiers et dossiers suivants pour éviter qu’ils soient écrasés par les fichiers de Contao :

• system/config/dcaconfig.php est renommé en system/config/___dcaconfig.php
• system/config/localconfig.php renommé en system/config/___localconfig.php
• system/config/langconfig.php renommé en system/config/___langconfig.php
• templates/ renommé en ___templates/
• tl_files/ renommé en ___tl_files

J’envoies ensuite tous les fichiers extraits de l’archive téléchargée sur le serveur en écrasant tous les fichiers.

En allant sur http://votrenomdedomaine.fr/typolight/install, je suis  redirigé automatiquement sur http://votrenomdedomaine.fr/contao/install

L’outil d’installation me demande de saisir le mot de passe, je saisis alors contao au lieu de typolight.

Les étapes suivantes sont inchangées : changer directement le mot de passe par défaut, générer la clé de cryptage, information de connexion à la base de données.

Après cette étape, un bouton « Run version 2.9 Update » est apparu. A la page suivante, Contao m’informe que de nouvelles colonnes vont être ajoutées sur les tables suivantes : layout, member, module, user, article, content et des colonnes vont être supprimées sur les tables : calendar, faq_category,  layout, news_archive

La mise à jour de la base de données s’effectue correctement. Contao a conservé l’utilisateur administrateur (ce qui est logique d’ailleurs, sinon je suis un peu dans la m****)

Je remets les noms des fichiers que j’ai renommé précédemment. Ceci afin que les templates et configurations personnalisées puissent être conservés.

Je me connecte en front et en backend, Tout se passe très bien. Contao est bien en version 2.9.

Ddans le BE pour voir ce qu’il y a dans le menu thème , je clique sur ce menu

Un thème « Contao Open Source CMS » par défaut a été créé. Il regroupe les éléments permettant de personnaliser l’affichage du frontend général. 7 boutons suivants : Editer, Supprimer, détail, Editer la feuille de style, Editer les fichiers de templates, Editer les modèles de présentation, Exporter le thème se situent à droite du thème pour permettre d’intéragir sur le thème. Il est bien entendu possible de créer un autre thème et aussi d’importer un thème au format .cto.

Je vous raconterai la suite de cette expérience bientôt…

Le nouveautés de Contao CMS 2.9

Il y a une semaine exactement, la nouvelle était annoncée sur Twitter.

Chose promie, chose due. La version 2.9 de Contao (ex-Typolight) est sortie.

Contao est un CMS simple. Son code est propre. Il est très facile à utiliser. Le backend est accessible et respecte les standards HTML et CSS du web. Contao ressemble beaucoup à Typo3 dans la façon de gérer la structure d’un projet dans le backend et dans la structure des fichiers de configuration. Un exemple concret, en typo3 pour représenter les élements d’un enregistrement en backend, on utilise le TCA (Table Content Array). Avec Contao, on a le DCA (Data Container Array) si je ne me trompe pas? De ce fait, certains utilisateurs confondent Contao et Typo3. Mais il est très important de faire savoir que malgré quelques ressemblances, ce CMS tire des avantages par rapport à d’autres CMS.

Cette nouvelle version signe aussi la nouvelle dénomination du CMS. En effet, ce CMS s’appelait jusqu’alors Typolight.

Parmi les nouveautés apportées : un nouveau gestionnaire de thème. Les thèmes n’existaient pas dans Typolight. On n’avait que les templates pour pouvoir modifier le gabarit de la page frontend. En effet, un template est juste un fichier au format .tpl . Un thème quand à lui est un groupe qui peut contenir des feuilles de styles CSS, des modules, et des layout. Ce groupe est stocké en base de données et reconnu automatiquement par le backend de Contao lors de l’accès à la page gestion des thèmes. De plus il est possible d’exporter un thème pour pouvoir l’utiliser plus tard par exemple. L’export sera au format .cto qui n’est autre qu’un fichier compréssé au format ZIP renommé différement.

Un nouveau gestionnaire des extensions a été mis en place également. De multitudes options ont été ajoutées telles que  : la possibilité de faire une recherche dans la liste des extensions installées. Une option pour permettre de mettre à jour en une seule fois plusieurs extensions. Sur ce point, il me semble que wordpress a été le premier CMS à initier cette option.

Il est possible maintenant d’associer différents templates à des sous-pages. Jusqu’à maintenant, on ne pouvait avoir qu’un seul template pour l’ensemble du site et un seul template pour un module. Ces fichiers étaient stockés dans le répertoire templates. L’avantage est dans cette nouveauté la possibilité de pouvoir skinner différemment un même module placé dans diverses pages du site.

Partager sur Twitter et Facebook deviennent maintenant très facile et sont intégrés nativement dans la version 2.9 de Contao. En plus des boutons déjà existants tels que : impression au format PDF, et lien à un ami, On peut paramétrer une page pour que l’internaute puisse l’imprimer, et partager la page sur les réseaux sociaux : Twitter et Facebook. Lors d’une partage d’un lien, Contao a prévu de raccourcir les liens avec TinyURL. J’imagine déjà que d’ici quelques jours, une extension qui utilisera bit.ly verra le jour.

>> Tester, Télécharger Contao http://www.contao.org/

GoogleCL : produits de Google en ligne de commande

(GoogleCL peut prêter à confusion au nom de domaine www.google.cl qui est le moteur de recherche de Google au Chili.) La grande nouveauté du jour est GoogleCL (ligne de commande). Google permet maintenant d’utiliser ses produits (Blogger, Calendar, Youtube, Picasa, Docs, Contacts) en ligne de Commande.

Il est vrai que l’on pouvait tout imaginer avec ce géant de l’Internet. Cette nouveauté me surprend encore une fois après la sortie il y a quelques semaines de Google Webfonts.

Au lieu de se connecter à Google Calendar pour enregistrer par exemple un évènement, il ne vous suffit plus qu’à lancer votre terminal (si vous êtes sous Linux ou MacOSX) ou votre fenêtre MSDOS (sous windows) et taper la commande suivante :

$ google calendar add « Lunch with Jim at noon tomorrow »

L’intérêt d’un tel service est pour l’utilisateur la rapidité de l’utilisation des produits de Google. En effet, comme plusieurs entreprises intègrent déjà Google en tant qu’outil collaboratif, cette nouveauté ne pourra qu’être remercié par les utilisateurs puisque le gain de temps est prouvé.

En revanche, comme l’utilisation est en ligne de commande. Ce qui veut dire accès sur la machine de l’utilisateur. On ne sait pas si Google veut récolter nos données personnelles pour les utiliser à des fins commerciales ?

Toutefois, l’installation de Python sur la machine de l’utilisateur est un prérequis pour utiliser ce service. De plus, les manipulations sont un peu compliqués pour une personne qui n’aime pas trop les lignes de commandes.

Des exemples de scripts sont disponibles sur cette page si vous souhaitez en savoir plus.

HTML5/CSS3 – Quasiment tous les browsers sont prêts

Et c’est parti pour les développeurs web, webdesigner,  éditeurs, et les webmaster dans un nouvel apprentissage. C’est une nouvelle aventure qui s’ouvre dès maintenant, on peut le dire puisque presque tous les nouveaux navigateurs en ce moment supportent le HTML5 et les nouvelles propriétés du CSS3.

Le site findmebyip.com a dressé un tableau comparatif des propriétés du CSS3 et les navigateurs qui supportent actuellement ces propriétés. Pas de surprise au niveau des navigateurs de Microsoft. Toutefois, ils nous ont annoncé récemment que la version 9 de Internet Explorer allait supporter le HTML5 et le CSS3.

Les grands gagnants de l’aventure  sont Chrome 4,5 et Safari 4 d’après le tableau.

Chive – Gestionnaire Mysql OpenSource

Ces derniers temps, beaucoup d’applications OpenSource pour gérér des bases de données Mysql fleurissent.

Elles tentent tous de se faire une place dans ce domaine mais surtout de déceler le manque du plus puissant phpmyadmin en proposant d’autres fonctionnalités supplémentaires ou en présentant un design plus facile et plus ergonomique.

SQLBuddy a été l’un des premiers outils de gestio de base de données à faire peur phpmyadmin. Ils proposent une interface se rapprochant des tableurs et ceci de façon très dynamique en ajax. De plus on peut gérer une base SQLite avec SQLBuddy, ce qui n’est pas disponible dans phpmyadmin.

Chive est un autre outil qui mérite sa place également dans ce domaine. On est rapidement séduit avec l’interface ajax qui permet d’éditer en ligne directement un enregistrement, une structure d’une table, un champ d’une table en particulier  sans attendre le rechargement de la page. De plus, Chive intègre un éditeur disposant d’une coloration syntaxique, d’un numéro de ligne et qui reconnait le langage SQL. En termes technique, Chive utilise le framework Yii (Easy Efficient and Extensible) .

La force de phpmyadmin réside dans :

• Sa présence dans ce domaine depuis plusieurs années.
• La plupart des hébergeurs de sites Internet disposant d’un serveur en PHP avec une base de données en mysql intègre automatiquement phpmyadmin comme outil supplémentaire aux clients keur permettant de gérer leur base de données en dehors de leur site en PHP.
• La plupart des logiciels standalone qui permet de créer un serveur php sur son poste en local tels que EasyPhp, Wampserver, Xamp, Mamp… disposent aussi de phpmyadmin par défaut.