Illustration de la semaine au poil #28

Une semaine au poil – #28

Nous nous retrouvons pour une nouvelle semaine au poil, au programme : un site totalement expérimental, un simulateur de pluie, le nouveau webdesign de Google Fonts, des techniques pour valider un formulaire et pour finir un article pour vous aider à définir une palette de couleurs pour votre design.

Beau site : le site expérimental de l’agence Resn

Je vous avais, en ce début d’année, déjà parlé de l’agence néo-zélandaise Resn (dans le semaine au poil #9). Ils s’illustrent ici avec leur site expérimental avec leur webdesign plein d’effets plus bizarres les uns que les autres. Pour en profiter mettez le son.
Si vous êtes épileptiques, je ne vous le conseille pas !

Site web expérimental de l'agence Resn

Le site : resn.co.nz

Rainyscope : un simulateur de pluie ultra réaliste

En ce printemps plein de pluie, le site Rainyscope tombe à pic. Il simule de manière ultra réaliste, à l’aide de WebGL, la pluie. On a le droit à de la pluie d’été, d’automne, de la neige qui fond en hiver ou de l’orage de printemps et pour sécher tout ça, un onglet canicule. Tous ces effets sont accompagnés du son qui va bien. On s’y croirait !

Rainyscope : le simulateur de pluie en WebGL

A voir ici : rainyscope.com

Nouveau design pour Google Fonts

On ne peut pas dire que le webdesign actuel de Google Fonts soit des plus modernes. Avec l’arrivée du material design il y a quelques temps déjà, il était temps que Google nous fasse une refonte complète de ce site indispensable à nous, concepteur de sites web.
C’est chose faite depuis cette semaine, non seulement le site a été entièrement revu mais on peut y découvrir quelques nouvelles fonctionnalités. Il y a par exemple la possibilité de changer le fond, afin de voir comme la police réagit. Ou encore des informations quant à son utilisation sur le web…
Si vous n’arrivez pas à vous en accomoder, le précédent est toujours en ligne à son adresse habituelle : https://www.google.com/fonts

Nouveau webdesign de Google Fonts

Nouveau webdesign de Google Fonts

A découvrir ici : fonts.google.com

Quelques techniques pour la validation de formulaires

Pour valider les champs d’un formulaire et rendre l’UX bien meilleure il existe tout un tas de techniques en CSS. Pas évidentes, mais cet article / tutoriel va vous y aider.

Des idées pour valider un formulaire en HTML et CSS

A lire ici : css-tricks.com/form-validation-ux-html-css/

Comment définir une palette de couleur pour un projet web

En début de projet, il est assez normal de se poser la question concernant les couleurs de votre webdesign. Il y a évidemment la charte graphique qui peut vous y aider, mais pas seulement. Les couleurs sont très importantes et peuvent faire de votre projet un bon projet ou un mauvais projet, notamment en terme d’accessibilité.

Designing in color - Pour vous aider à définir une palette de couleur pour vos projets

Je vous invite à lire cet article particulièrement intéressant à ce sujet : medium.freecodecamp.com/designing-in-color-abd…

 

Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter

Laisser un commentaire :

Votre adresse email ne sera pas publiée.