Bienvenue...
Graphiste, web designer, intégrateur web, illustrateur publicitaire, explorateur du web, curieux des nouvelles technologies... ce blog est pour moi l'occasion de montrer mes réalisations professionnelles, et des recherches plus personnelles. L'interêt d'un blog c'est aussi de partager ses découvertes sur le web.

Orchestre Dijon Bourgogne

Un projet de refonte du site internet de L’Orchestre Dijon Bourgogne
ODB
orchestre dijon bourgogne
Voir le site

Le temps des pommes

magapomme
Voir le site

Adobe Animate CC ou le revival de flash

La question se posait déjà depuis un certain temps : quelle formation pouvait-on proposer désormais à nos clients pour remplacer flash ?
Flash n’étant plus opérant sur un parc de machines grandissant comme les mobiles, il fallait bien trouver une alternative à une demande récurrente de nos clients pour faire des animations 2D. Aujourd’hui les choses se sont un peu éclaircies, fort heureusement mais elles ont pris une tournure assez singulières, en faisant du neuf avec du vieux. Car c’est bien notre vieille IDE flash, qu’on nous ressert, revenant par la fenêtre après l’avoir accompagner à la porte et annonçé son décès dans les médias idoine (j’avais moi-même mis ma pierre à l’édifice).
(Lire la suite…)

Webdesign de l’été

Nouveau site pour les cycles Lapierre

Lapierre-cycle
lapierre-suite
Voir le site

Nouveau site pour les créateurs d’objets design en bois Y’a pas le feu au lac

webdesign
yplfl-webdesign
Voir le site

Coté pack

packaging
carte de visite cote-pack
Voir le site

Recherche webdesign

magapomme

Dessin en famille

charlotte

Au combat !

guerriere-viking

Librairie Greensock

Si vous êtes webdesigner, vous connaissez surement le site www.awwwards.com et vous avez bavez devant cette vitrine qui présente tous les savoirs-faire graphiques et techniques actuelles (CSS3, CSS animations, Javascript, SVG…)
Dans le détail :

  • 93% utilisent CSS animations
  • 91% -> Javascript animations
  • 83% -> SVG
  • 70% -> jQuery
  • 69% -> Scrolling animations
  • 65% -> Greensock
  • 50% -> HTML5 Canvas

Source : ihatetomatoes.net/awwwards

Dans l’expérience utilisateur on peut donner plus a voir qu’un simple page figée toute responsive qu’elle soit dans sa conception. On peut dynamiser tout un site ou renforcer simplement certaine action avec du javascript afin de rendre l’expérience plus plaisante à l’utilisateur. Sans être développeurs front-End on peut et on doit être sensibilisé à ce genre de chose dans la conception du webdesign et pouvoir imaginer une série d’animation des éléments constitutif du site.
Un élément plus particulièrement m’intéresse ici, ce sont les bibliothèques d’animation jQuery et plus précisément Greensock. Une bibliothèque qui reprend les principes que l’on connait bien en flash en version Javascript, il s’agit de la librairie d’animation Greensock (TweenLite et TweenMax). Cette librairie va vous permettre de créer une série d’animation complète avec une gestion du temps / déroulement assez poussée.
Cette librairie devient un must-have puis que comme indiqué précédemment 65% des sites présentés sur www.awwwards.com proposent cette solution pour animer leurs interfaces en complément de jQuery.
Son avantage, c’est sa grande agilité et de penser l’animation comme une timeline, dans laquelle on pourra déclencher une série d’animation à des moments défini et de pouvoir jouer l’animation en avant ou en arrière , son autre avantage c’est d’être universel et de pouvoir s’exécuter sur tous les navigateurs
Aujourd’hui, elle reste la meilleure réponse face à CSS3 animation qui n’est pas encore bien implémenté sur tous les navigateurs et ne permet pas autant de choses. Quant à jQuery, il n’a pas le même portée et ne peut pas enchaîner une série d’animation dans une timeline et contrôler la lecture de ces animations dans le temps. On retrouve ici des concepts proches de ceux que l’on pouvaient avoir dans Flash.

Découvrir Greensock
greensock

Ardoise digital iskn et Wacom bamboo spark

Un marché de niche tente de se développer aujourd’hui essayant de séduire aussi bien les professionnels que le grand public, c’est celui de la reconnaissance du geste sur support papier vers une traduction simultané sur support numérique.
L’ardoise digital de iskn et la bamboo spark de Wacom se sont lancer dans la bataille. Un idéal derrière cette belle idée : garder encore le papier comme support, alors que les tablettes iPad ou tablettes graphiques de Wacom, on fait d’énorme progrès au point parfois de supplanté le papier dans un worflow de plus en plus tendu. Alors pour ce faire une idée et savoir si il faut miser sur ce marché :
Lire l’article
duo-ardoise-bamboo