Illustration de la semaine au poil #6

Une semaine au poil – #6

Cette semaine j’ai beaucoup de choses à vous partager : des posters animés, des codepens, des outils, de l’inspiration pour vos futurs webdesign et une bonne nouvelle pour Internet Explorer.

Paradeiser – menu de navigation pour mobile

Commençons par le système de navigation Paradeiser. Vous l’avez peut être remarqué, beaucoup de sites mobile (voire de sites desktop) disposent d’un bouton de type hamburger pour déployer leur menu. Mais il faut dire qu’il commence à être pas mal décrié. C’est là que Paradeiser entre en jeu. Il s’agit donc d’un menu ultra léger (1.3kb gzipped) pour vos sites mobiles, et en plus de cela il est très simple à utiliser.

Menu mobile Paradeiser

Plus d’informations ici: http://lucidlemon.github.io/paradeiser/

Inspiration pour vos menus de navigation horizontaux

Si vous êtes en panne d’inspiration pour le menu de votre site web, vous en trouverez ici tout un tas, et ils sont bien sûr téléchargeables.

Inspiration menu horizontal
A voir ici : http://tympanus.net/Development/LineMenuStyles/
Et à télécharger ici : http://tympanus.net/codrops/2016/01/06/inspiration-for-line-menu-styles/

Générateur de dégradés

Dégradé blurry background

Un générateur de dégradés différent de ce que l’on voit habituellement. Il utilise en effet des images en libre de droit ou vos propres images pour créer des blurry backgrounds que vous pouvez ensuite importer en CSS dans vos pages.

Pour le tester : gradient.quasi.ink

Background qui change de teinte

Voici un fond d’écran qui change de teinte en fonction de l’heure de la journée. Il a été accéléré dans le CodePen histoire de voir la totalité de l’animation.

Background changeant en fonction de l'heure de la journée

Disponible ici : http://codepen.io/juliamlim/pen/zrYyVy

Posters animés en CSS

Voici ma plus belle trouvaille cette semaine, il s’agit d’un site qui a été créé en hommage au Swiss Design et dont les différents posters ont été refaits et animés en CSS. Très belle réussite je dois dire.

Voici quelques uns des posters, je vous invite à cliquer dessus pour les voir animés sur le site.
Les posters ont été recréés et animés en CSS par Jon Yablonski.

Swiss Poster 1

Swiss Poster 2

Swiss Poster 3

Le site est ici : http://swissincss.com/

La fin d’internet explorer 8, 9 et 10 !

Microsoft arrête officiellement le support d’Internet Explorer 8, 9 et 10. Il était temps que cela se termine !
Pour en savoir plus  : http://www.theverge.com/2016/1/6/10722426/internet-explorer-8-9-10-dying

 

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.