Bienvenue...
Graphiste, web designer, intégrateur web, illustrateur publicitaire, explorateur du web, passionné de découvertes, curieux des nouvelles technologies, bref, 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.

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

Coté pack

packaging
packaging luxe
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

Sketches

guerriere

Veille technique

La formation, c’est un processus qui ne s’arrête jamais dans les métiers du numérique, l’impermanence de nos métiers, nous obligent a être en veille continu, certains y consacrent du temps et nous le font partager :

Un petit tour rapide sur les sites que je consulte régulièrement, dans un objectif plus orienté veille technique que graphique bien que les deux soit liés

Stéphanie Walter nous propose une veille toujours pertinente sur le web design, le graphisme, l’expérience utilisateurs, le design d’interface et la mobilité, mais aussi des outils et ressources pour le web
veille technqiue
Voir le site

Sans doute le plus connu, Smashing Magazine est un référence dans le domaine du web, des app, de l’ux, du graphisme…
smashing magazine
Voir le site

Le site de Vincent de Oliveira pour ceux qui ne veulent rien laisser passer des nouveautés CSS et des dernières techniques web
vincent de oliveira
Voir le site

Le blog et le lab de Raphaël Goetter intéresseront ceux qui veulent connaître les derniers aboutissements CSS et la façon de les mettre en oeuvre, un contenu à la fois informatif et pédagogique avec de nombreux exemples
raphael goetter
Voir le lab
Voir le blog