Le talentueux artiste Joshua Davis qui a énormément contribué à ma passion pour la technologie Flash revient avec un nouveau Framework pour programmer plus facilement en actionScript 3.

A l’instar de jQuery, avec Hype vous pouvez coder rapidement et simplement en AS3. Joshua Davis prend comme exemple le simple script d’un clip suivant la souris. En AS2, ce script fait 5 lignes, 7 en AS3 et seulement 3 avec HYPE.

Les Flash designers qui étaient habitués à travailler en ActionScript2 ont eut l’impression de ne plus savoir coder lors du passage de Flash en ActionScript3. Il est vrai que le langage AS3 est plus robuste en revanche il n’accepte plus certaines approximations du langage AS2.  En tout cas Hype ravira les designers qui hésitaient encore à passer en AS3.

Partager cet article

L’Académie Google Adwords fait escale à Bordeaux ce Jeudi 15 octobre. Cette journée gratuite de formation, à l’attention des professionnels de la communication ou bien des PME, commerçants ou artisants soucieux du bon fonctionnement de leurs pubicités, sera l’occasion de faire le point sur les différents services google dédiés à l’entreprise.

Toutes les conférences seront animées par les experts de Google. Entre autre, vous pourrez découvrir :

• Google Analytics
• Nouveaux formats de Publicité Online
• Search Marketing
• Google Adwords
• Quels mots clés tapent les internautes dans le moteur ?
• Quel investissement pour être visible ? Et quels retours en attendre ?…..

Personnellement je n’y suis jamais allé, je pense que c’est une formation assez complète pour découvrir les outils Google liés à la publicité en ligne. Pour ceux qui connaissent déjà bien ces outils vous n’apprendrez pas forcément grand chose (si ce n’est les nouveaux formats de pub Google : les pubs display). L’autre avantage est d’avoir quelqu’un de chez Google afin de lui poser des questions précises sur vos campagnes publicitaires.

Pour plus d’information

Web : Echangeur Bordeaux Aquitaine
Courriel : crequena@bordeaux.cci.fr
Tél : 05 56 79 44 48

Partager cet article

Piqure de rappel

Les feuilles de style CSS (Cascading Style Sheets) permettent de travailler sur le design des pages. Elles assurent une meilleure accessibilité, évolutivité et optimisent également le chargement des pages. Les frameworks CSS sont une collection de feuilles de style qui nous permettent de concevoir rapidement une mise en page aussi bien pour un template simple (header, 2 colonnes, footer) que pour des modèles de page complexes (header, multi-colonnes, multi-bloc, elastique, footer).

J’ai découvert il y a quelques mois le système de Grilles (Grid System) qui présente de nombreux avantages :

• Normalisation des placements : tous les éléments sont placés selon des tailles de bloc et non des pixels
• Uniformité : les grilles fournissent une cohésion dans le placement des différents éléments
• Maintenance : elles réduisent le temps de développement lors de la redéfinition de certains styles visuels ou de repositionnement d’éléments
• Efficacité : elles sont cross-browser; elles sont testées et sont compatibles sur la plupart des navigateurs actuels et anciens

Etat des lieux des framework CSS

Les frameworks qui sortent du lot sont :

• Blueprint
• 960 Grid System
• YUI Grid CSS
• SenCSs

A ce jour, le plus répandu est surement Blueprint car il a une grosse communauté qui pousse le projet en l’utilisant et en créant des modules. Après je mettrai 960 Grid System et YUI Grid CSS au deuxième plan. Les deux frameworks sont différents mais possèdent une bonne aura et beaucoup de développeurs les ont adoptés. Enfin SenCSs est un framework CSS qui ne gère pas la mise en page mais les styles, à découvrir comme tant d’autres. Il existe en effet de plus en plus de framework CSS, en voici une liste de 45 avec quelques générateurs.

Une fois le pas franchi…

Dès que vous aurez choisi un système de grid, c’est comme l’adopter. Le code HTML et les balises CSS ne changent pas fondamentalement, ils évoluent. En revanche les frameworks CSS sont très différents les uns par rapport aux autres. Il vous faudra quelques heures ou quelques jours pour être capable de bien les cerner. Et vous avez-vous franchi le pas avec les frameworks et les Grids ?

Pour aller plus loin

• Les frameworks CSS : Cet article d’Emmanuel Georjon date de 2008 mais explique très clairement le concept de Grid.
• The Best Fluid CSS Grid : Un article sur le deisgn fluide à l’aide de Grid
• Which CSS grid framework ? : un article qui compare les différentes solutions pour créer des sites à base de framework
• Yahoo Builder : Un générateur qui permet de créer en 2 coups de cuillère à pot un modèle de page basé sur YahooUI (YUI)
• BluePrint CSS Builder : Une version similaire de générateur pour BluePrint
• Designshack Grid : Une section de cette galerie renferme de jolis sites réalisés à base de grid

Partager cet article

Le plus fort c’est que derrière cette application se cache juste un homme : Giacomo Guilizzoni. Et vu la qualité du développement je vous invite à aller tester Balsamiq Mockup ou bien simplement regarder les exemples de réalisation pour vous faire une idée.

Pour aller plus loin dans l’utilisation de cet outil. Vous pouvez vous rendre sur le blog superfiction : Les outils online de conception de wireframes (3/5) : utiliser Balsamiq Mockups.

Il existe d’autres applications du même genre : Gliffy, iplotz, Pencil Project, Templatr, ProtoShare ou encore Caretta GUI Design Studio.

Partager cet article

Partager cet article

iScriba est un nouveau service en ligne qui vous permettra de créer, éditer, partager et envoyer vos devis et factures directement depuis Internet. Destiné aux indépendants, auto-entrepreneur ainsi qu’aux PME, ce service a été crée par des entrepreneurs à la recherche de la solution idéale de gestion de la facturation.

Vous aurez la possibilité de

• créer des documents : ajouter, déplacer, supprimer des lignes à la volée et configurer vos paramètres globalement ou au cas par cas.
• Gérer vos encaissements : Un suivi des règlements client aisé grâce à la gestion des paiements partiels et des crédits.
• Envoyer vos documents : personnaliser le texte, sélectionner les destinataires et joignez un PDF en quelques instants.
• Facturation récurrente : Créez un modèle de facture, définissez sa fréquence, associez un client : vous obtenez une facture récurrente !

J’ai testé le service et pour l’utiliser pleinnement il faut tout intégrer, les factures en cours, les prochains devis, les clients…. Après l’autre problème réside dans la sécurité, car on délivre beaucoup d’informations sensibles à la société Deckmatt, la société éditrice de cette application web. En tout cas iScriba est conçu pour vous faire gagner du temps. Du devis à la facture, en passant par le bon de commande et le bon de livraison, je pense que c’est une des applications web les plus simple à utiliser et en français en plus.

Dans le même genre il existe une application fonctionnant sous Adobe AIR pour générer directement vos factures suivant les temps passés sous Google Calendar : Google Calendar Invoice Creator. Cette application AIR filtre les projets suivant les titres des rendez-vous et calcule ainsi le temps passé sur chaque projet.

Partager cet article

Pour ceux qui ne connaissent pas Firebug, je vous conseille de lire l’article d’Eric Pommereau : Maîtriser Firebug, l’indispensable extension Firefox pour le développement web. Il y présente les principales fonctionnalités et explique de manière précises les subtilités de Firebug.

Yahoo et YSlow pour smushit

Yahoo a développé l’extension YSlow qui intègre des outils d’optimisation de site. Personnellement je trouve l’outil smushit (acheter par Yahoo) est excellent pour optimiser les images d’une page. Mais pour l’optimisation d’une maière générale Google frappe encore fort et déloge YSlow grâce à la pertinence des contrôles de Page Speed.

Google et Page Speed pour l’optimisation

Page Speed est essentiellement un outil qui vous aidera à améliorer les performances de chargement de votre site web. Après l’avoir exécuté, vous verrez une liste avec tous les facteurs susceptibles de rendre votre site plus rapide au chargement, avec une image illustrant chaque contrôle (gzip, cookie, image, cache, mise en cache proxy, DNS, CSS, Javascript…). Les évaluations sont notées selon quatre niveaux : haute priorité, priorité moyenne, correct, et message d’information. Ce qui permet d’identifier rapidement les optimisations à effectuer.

De plus une autre fonction (page speed activity) permet de suivre en temps réel les appels http du navigateur avec une représentation graphique du temps des connexions, de la résolution de DNS, du chargement des médias, de l’exécution de javascript, etc afin de mieux se rendre compte en live du chargement des fichiers liées à la page web.

Le petit plus de Google à destination des développeurs

Le bonus, Google publie également un ensemble de meilleures pratiques en matière de performance Web. Ces documents expliquent clairement la bonne démarche en matière d’optimisation de bande passante (images, css…). Je trouve ce genre d’initiative très intéressante de la part de google, tous les développeurs devraient tester cette extension Page Speed car on oublie assez souvent que les utilisateurs n’ont pas forcément le même débit, la même taille d’écran…

Partager cet article

HTML5 le nouveau moteur du web

HTML5 deviendra au fil du temps le format des pages Web pour succéder à l’actuelle version 4.0.

Nouvelles balises, meilleure interprétation sémantique

HTML5 adopte un certain nombre de nouvelles balises et attributs qui reflètent mieux la façon dont les sites internet sont découpés. Beaucoup de nouvelles balises des remplacements sémantiques des blocs génériques (<div>) et en ligne (<span>). Par exemple l’élément <nav> est destiné à un menu de navigation et <footer> pour le pied de page. Ces balises remplacent les <div id= »menu »> ou <div id= »footer »> que nous trouvons sur 80% des sites modernes.

Après nous avons l’arrivée d’éléments qui vont nous donner de nouvelles fonctionnalités tels que le et (exemple de vidéo avec Firefox 3.1). La 3D commence également à faire son apparition dans les spécifications.

HTML5 permet également en vrac :

• de stocker des données sur la machine et de les exploiter offline,
• se situer géographiquement via les bornes Wi-Fi,
• de dessiner ou améliorer la disposition des images à l’aide de la balise <canvas>,
• éditer du contenu directement depuis la page,
• des actions de glisser et déposer,
• gestion de l’historique du navigateur,
• d’éviter de bloquer le navigateur lors d’exécution de tâches assez lourdes avec les Web Workers, etc.

Pour conclure

HTML5 va redéfinir la manière dont les développeurs web vont marquer le contenu. De ce fait HTML5 permettra de mieux décrire le contenu affiché sur une page web, plus complexe, permettent les types de contenu, d’améliorer les médias et le support des applications web, et d’accroître l’interopérabilité des documents HTML.

• Specifications pour le formulaires : changements importants à prévoir pour les formulaires
• HTML 5, le futur du Web : découverte de l’HTML5
• Changements : IE8 et le doctype switching
• HTML 5 drafts : document de référence sur w3.org
• WHATWG Current draft : document de travail sur whatwg.org
• W3C HTML Working Group : document de travail sur w3.org
• Differences from HTML 4 : les « grosses » différences différence en la version 4 et 5
• 5 Exciting Things to Look Forward to in HTML 5 : découverte du HTML5 en 3 parties sur readwriteweb.com
• La spécification HTML 5 par le WHATWG : Réalisée par Ian Hickson.
• La spécification HTML 5 par le W3C : Le W3C reprend le travail sur HTML en se basant sur le document du WHATWG. Même auteur.
• Canvas :  Canvas est déjà implémenté dans Firefox et Safari. Tutoriel et exemples.

Partager cet article

Wolfram Alpha : naissance d’un moteur de recherche encyclopédique

Il est clair qu’il faut innover pour se démarquer du moteur de Google, c’est le pari qu’a fait Stephen Wolfram qui est un spécialiste de la modélisation. Avec des algorithmes mathématiques combinés à de l’analyse sémantique, le moteur qu’il a développé peut comprendre des questions et donner la réponse précise. Certains le présente comme le Google ou le Wikipédia de demain, il est vrai qu’il représente beaucoup d’espoir de voir les recherches web se simplifier encore plus. On peut par exemple faire des conversions en tout genre (date, monnaie, distances…), des comparaisons et autres calculs mathématiques. Je vous invite à aller faire un tour et voir les exemples de recherche disponibles sur la page d’accueil : http://www95.wolframalpha.com/ c’est assez incroyable.

Microsoft et son défi technologique

Après MSN, Live Search et les tentatives de rachat de Yahoo, Microsoft n’a jamais vraiment inquiété Google mais il pense avoir trouver un moyen de se faire une place dans les moteurs de recherche. En effet le tout nouveau moteur bing.com est selon Microsoft un « moteur de décision » qui aidera l’internaute à explorer, chercher, et trouver ce qu’il souhaite. Le service sera proposé en version bêta (test) dans les autres pays, dont la France à partir de mercredi.
Google n’est pas prêt de se sentir attaqué par ce nouveau moteur à la sauce Microsoft mais il pourrait bien mettre en difficulté les moteurs d’AOL, Ask.com ou même Yahoo. A suivre de près également.

Avec Wave, Google veut ré-inventer l’email

Google vient de secouer le Web avec Wave, présentée lors de sa conférence développeurs, I/O de San Francisco. Les ingénieurs ont essayé de concevoir l’email d’aujourd’hui. Un outil de communication capable de tout faire ou presque.

Partager cet article

La fin des blogs?

Les outils de microblogging sont souvent présentés comme le Futur. Or, depuis la découverte de Tumblr ou Storytlr il y a quelques mois, je pense que la tendance est sur le point de changer. En effet il y a quelques années, le blog était le carrefour de notre identité numérique sur internet; il centralisait presque toute notre information.
Mais depuis 2008, la moindre pensée (de mois de 140 caractères) est diffusée sur internet (via Twitter, Jaiku…) ainsi que nos photos (Flickr, Picasa, etc), notre radio (Last.fm), nos liens (Delicious…), notre position géographique… Le seul moyen de réunir tout cette quantité de données publiques est un service de LifeStream qui vous permet de regrouper toute votre “vie numérique” en un seul et même lieu. Et ce lieu n’est pas forcément un blog, cela peut être un site dédié (storytlr.com) ou bien un flux (FriendFeed).

Tumblr entre twitter et le blog

Tumblr est un service qui est à la croisée des chemins de Twitter et des plateformes de blog. En effet il reprend à Twitter sa simplicité de mettre en ligne des messages ou des citations. D’un autre coté, on peut mettre des vidéos, des images ou des textes non limités en nombre de caractères comme sur un blog. Voir un exemple de tumbleblog (le nom donné ou blog de Tumblr): tssvideo.

Tumblr est un service de publication rapide, vous pouvez l’utiliser de façon nomade avec votre téléphone ou bien vous pouvez à l’aide d’un Tumblet (bouton inséré à la barre de navigation de Firefox) poster instantanément une citation, une photo, une vidéo trouvée sur le net en quelques secondes.

L’idée originale de Storytlr

storytlr.com permet de rassembler photos, vidéos, tweet sur un seul et même site. En effet un grand nombre de nos activités sont liées à ces différents médias. Par exemple lors d’une conférence on peut prendre des photos, des vidéos, écrire un article sur son blog et tweeter en direct autour de cet évènement. Il est normal que toutes ces informations partagées soient liées puisqu’elles traitent le même sujet.

A la différence de FriendFeed où tout est rassemblé par ordre chronologique, avec storytlr.com il est possible de créer un site ou bien une histoire sur un évènement. Je suis sûr que cette particularité fera des émules, car c’est la logique même, notre vie est découpée en évènement (plus ou moins important selon leur symbolique ou leur durée). Voici une image (récupérée du site medium4you.be) qui résume de façon graphique le service proposé par Storytlr :

L’auteur du site Storytlr, Laurent Eschenauer, explique cinq mois après la création :

« C’est au-delà de nos espérances. Cela me permet d’apprendre pas mal de choses mais aussi – et surtout – cela m’a permis de rencontrer énormément de gens intéressants. Des gens s’inscrivent de Norvège, de France, de Suisse et aussi d’Asie. Comme notre service est naissant, la Chine ne l’a pas encore bloqué et nous connaissons un certain succès auprès des Chinois en quête de liberté sur la Toile. »

Plus d’informations

• Découvrez un excellent exemple d’utilisation de storytlr,
• A lire un article de Pierre Olivier Carles sur Storytlr ou encore readwriteweb,
• Retrouvez l’histoire de storytlr, votre vie online sur dhnet.be.

Partager cet article