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

Sketches

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

Esquisses

Nouvelle illustration, nouveau matériel :
iMac Retina 5K, 27 pouces, ça booste, avec la cintiq 24 HD et mon fidèle painter x3
esquisses