“1475_leave.abr… mais c’est quoi ça déjà???” Tout graphiste qui se respecte ( ou pas ) a sous la main une kyrielle de brosses Photoshop pour travailler ses compositions. Et gérer le dossier de brush devient vite infernale. Au bout d’une centaine de brosses on est vite perdu à savoir quel fichier correspond à quelle brosse. Du coup, on utilise toujours les 20 même brosses.

ABRviewer est une petite application gratuite qui permet de prévisualiser le contenu des fichiers .ABR d’un simple clic, sans avoir à ouvrir Photoshop. le site de ABRviewer

  On ne parle que de ça : Noël, la saint sylvestre . Voila, ca y est les fêtes arrivent, avec son lot de promotions chez LDLC ou Threadless.   Mais c’est aussi la période des cartes de voeux Et qui dit carte de voeux dit pleins d’applis FLASH pour nous en mettre les yeux.   L’année dernière c’était la vidéo interactive qui était a l’honneur. Il y a fort a parier que cette année PaperVision va faire son entrée dans les favoris.   Pour cette premiere carte de voeux de la série, on va commencé par une appli papervision réalisé par pill & pillow (des habitués de FWA venus du pays du soleil levant). Grow a Xmas tree

 

30 concepts clés de l’utilisabilité est un article de Sébastien Billard, qui met en avant quelques règles d’ergonomie.

 

A l’heure dites du “web 2.0″ ( 3.0 meme pour certains ), pour beaucoup l’ergonomie se réduit à grossir les bouton, rajouter des nuages de tags et mettre un peu de tween mootools et ca c’est plutot dommage.

 

Donc voila un tres bon article sur l’ergonomie. Il se presente plus comme un glossaire sur differentes notions ergonomiques que comme un article proposant LA solution miracle pour réussir l’ergonomie d’un site

 

Pas mal de notions sont abordées, et s’appuyent sur des résultats d’ études scientifiques ( comme le eye Tracking par ex) ou marketing (Loi de Fitts ..) .Tout ceci constitue un bon point de départ à qui veut s’interesser à l’ergonomie web dans un approche autre que technique.

 

lire l’article

Onesize est une agence hollandaise de motion design.   Portfolio tres impressionant, avec des clients de prestiges ( nike, MTV, mitsubishi ), ils ont sortit en 2004,2005 et 2006 des showreel, sorte de portfolio video regroupant leurs divers travaux.   Cette année ils remettent ca avec le showreel 2007.     Encore une fois un tres beau boulot d’animation et de motion design. Tres fluide, tres rythmé des effets 3D et de la postProd de toute beauté. Attention messieurs les graphistes, ca fait mal !!!

Le “Seam Carving” est le nouvel algorithme intelligent de redimensionnement d’image ( que l’on espère présent dans le prochain photoshop).   Rsizr est un nouvel outil d’édition de photo en flash basé sur cet algo.Sous la forme d’un application en ligne, Rsizr permet de resizer “intelligemment” une image, en fonction des points fort de cette image. Bien que les résultats soient encore un peu approximatif, cela pressages de nouveaux outils de redimensionnement d’images assez foufou. Lire la suite de cet article »

Et voila Lutin Capuche a encore frappé… Apres le flashBlog,qui avait fait un tabac aupres de la communauté wordpress, voila que le lutin nous sort le flash Doc. Mais le flashDoc, qu’est ce que c’est ? Le FlashDocs est un outil de création de site personnalisé entièrement en Flash. Possibilité de créer et modifier une page. Possibilité d’intégré toute sortes de médias ( flash, vidéi, son, images…), gestion de l’arborescence… Plutot qu’un grand discours, le plus simple est d’aller voir.         Voir le flashDocs sur LutinCapuche.com

Voici la V1 de la classe javascript CustumInput.   Cette classe est permet de modifier le comportement de champs texte a partir de leur classe. Elle permet de définir une classe Css pour l’état focus et pour l’état blur du champ texte. Elle vérifie également si la valeur du champs texte a été initialisé et si elle n’est pas vide.   Lire la suite de cet article »

Cet article est le deuxième d’une série de tutoriaux sur les composants graphiques.   Dans le premier article nous avions vu comment cibler un nÅ“ud du DOM et interagir avec cet élément. Nous avions crée la classe custumInput qui permettait de modifier et d’ajouter des comportement a un élément Input.   Dans ce tutorial nous allons voir comment modifier intégralement l’aspect d’un bouton html Nous allons créer un composant graphique en javascript qui remplacera un bouton html.   Ce composant aura 3 images, pour chacun des 3 états (rollOver – rollOut et click) et devra récupérer l’action réalisé sur le click du bouton (l’appel de la fonction)   Le résultat est disponible ici.   Lire la suite de cet article »

websitesasgraphs est une module en ligne qui réalise une cartographie d’une page internet en s’appuyant sur les differentes balises ( en gros sur la structure DOM ).   Un peu sur le même principe que CSS poster, dont j’avais parlé il y a quelques temps, WebsiteasGraphs propose une analyse originale d’un site internet, essentiellement basé sur un approche visuelle globale.   aller a websitesasgraphs

Voici le premier article d’une série Sur les composants graphiques. Les composants graphiques c’est quoi?   Les composants graphiques sont des objets javascript qui permettent de contrôler des interfaces graphiques   Ils consistent en objets javascript ( afin de faciliter le déploiement ) qui implémentent des méthodes aux différents éléments d’une page afin d’en modifier l’apparence, les propriété, ou les comportements face aux actions utilisateurs, tout en modifiant au minimum le code de la page html.Un composant doit être autonome et portable. (Pfiou on respire)   Parmi les composants graphiques les plus connu il y a swfIR ou CRIR   Lire la suite de cet article »

Depuis quelques semaines, on entend beaucoup parler de paperVision… Et en effet, les démos disponibles sont tres impressionantes …   RockOnFlash propose depuis peu un composant paperVision qui permet d’intégrer directement paperVision a L’IDE flash. La démo est vraiment impressionante. Voila qui devrait démocratiser papervision. http://www.rockonflash.com/blog/?p=54

DOM Assistant est un librairie javascript qui permet de simplifier la manipulation du DOM.   Cette librairie qui n’a pas les prétentions d’un jQuery ou autres prototypes, permet par contre de gagner du temps quand on a besoin de manipuler un peu de DOM.   L’écriture est très intuitive ( un peu sur le modèle d’un jQuery),et le package ne pèse que elle pèse que 5Ko   La librairie se présente sous la forme de 5 fichiers modulaires. Le moteur de la librairie et 4 modules annexes a importer selon les besoins.   Cette classe est compatible avec la plupart des navigateurs modernes. Lire la suite de cet article »

Un article sur les principe du javascript non intrusif. Un guide des bonnes manières de javascript.   L’auteur montre comment on peut obtenir un javascript lisible et externalisé et non intrusif, en utilisant du DOM , des gestionnaires d’évènements et des test de compatibilité.

lien:

javascript non intrusif

http://www.standards-schmandards.com nous livre une analyse des différents éditeurs de texte WYSIWYG disponible sur le web. Cette analyse est basé sur un test de mise en page.   un document type de mise en page est imaginé. Ensuite chaque éditeur doit le plus fidèlement reproduire la mise en page, en générant uncode le plus valide et le plus propre possible.   Lire la suite de cet article »

Tout flasheur connaît le swfObject, depuis qu’un beau matin de juin, Microsoft a décidé de bloquer les activesX comme ça, sans prévenir…   La version 1.5 de swfObject vient de sortir… Cette nouvelle mouture amène quelques nouveautés.   Lire la suite de cet article »

miniajax.com est un site showRoom qui regroupe pres d’un centaines d’applications Dhtml, Ajax, javascript.   La liste des applications est vraiment impressionnantes.   On y retrouve des aplication développés avec prototypes , ou diverses lightBox, les Ajax Contact form ou Ajax ratin Star.   une liste des bons crus de l’année 2006

CSS poster est une petite application qui génère des cartes de vos fichiers CSS.   l’interet… avoir rapidement une vision globale de ces fichiers css, et ainsi pouvoir optimiser son code, ou faciliter la maintenance.   Ces cartes permette de facilement visualiser la structure des fichiers css, et du coup de faciliter l’optimisation de ces derniers.   Lire la suite de cet article »

Il y a quelques temps j’avais fais un post sur une méthode de redirection d’url dans la flash   Voila une nouvelle méthode vraiment très simple a implémenter.Swf Adress ett compatible avec la plupart des navigateurs moderne.   Comme la méthode de shoe-box, cette méthode s’appuye sur les ancres nommées. Lire la suite de cet article »

dphoto est une gallerie de photos en full Flash… Du tres beau travail… L’admin, aussi en fullflash est tres soignée, avec moulte d’options…   dphoto est une gallerie de photos en full Flash… Du tres beau travail… L’admin, aussi en fullflash est tres soignée, avec un paquet d’options…   Lire la suite de cet article »

your minis est une application développé en flash sur le modèle de netVibes

Lire la suite de cet article »

fZip, est un package de classes flash en AS3 qui permet d’implémenter la gestion des .zip dans flash. Le package permet d’extraire et décompresser les fichiers .zip   Cette librairie comprend un gestionnaire d’evenement, ( error, loaded …) et s’implémente vraiment tres facilement…

Liens

voir une démo le site officiel de fZip la documentation

Jusqu’a il y a quelques temps, flash pour le référencement c’était pas vraiment top…   A part mettre quelques mots clefs dans la page, on n’avais pas beaucoup d’alternatives… On commence a voir de solutions permettant de mettre en place du pseudo URL-rewriting pour des sites en flash.   Une des méthodes consiste en un peu de javascript, External Interface, et un principe d’appel d’ancres nommées. On passe dans l’url un parametre ( en fait une ancre ) qui est récupéré comme variable par flash, via External Interface.   le détail de cette méthode dans l’article de shoe-box.org

L’autre jour en me baladant sur le site de médiabox, je tombe par hazard sur une classe de scrollBar développé par l’équipe de médiaBox: Flash ScrollBar API.   Une API de scrollBar relativement complete et simple a implémenter   Un petit package qui propose une gestion de la scrollBar assez complete:

• Gestion de la molette
• gestion des marges
• possibilité de gérer un scrollPane / ContentPane
• gestion de plusieurs contenus a partir d’un même scrollbar

Lire la suite de cet article »

Un moteur de recherche en ajax qui affiche les résultats de la recherche en direct,un peu comme sur google suggest. Un tres bon billet de thanh sur la mise en place d’un tel moteur.   Au passage, le tres bon blog http://www.sutekidane.net sur le développement php.

Dustin Diaz propose un script pour mettre en place un formulaire de contact en ajax.

Le script permet l’envoi du formulaire sans recharger la page.Tres tendance cet été pour un maximum d’effet.

Actuellement en version 0.9

voir la démo du script sur le site.