Une semaine au poil - #10

Nous voilà fin de la semaine, et voici ma sélection. Nous avons un formidable site avec plein d’outils pour les freelances, webdesigners, chef de projet. Il y a également un tutorial pour animer un bouton de chargement en SVG, un magnifique site et un joli loader en CSS.

Une sélection des meilleurs outils pour les freelances (et autre)

Je me suis retrouvé plusieurs fois à rechercher les bons outils, suivis et reconnus par les communautés. Et il faut dire que ce n’est pas toujours facile. Je suis tombé cette semaine sur ce site qui recense tout un tas d’outils spécialisés et reconnus, il y a vraiment de tout, ça peut aller du design, jusqu’au time trackin en passant par les sites d’images.

Le site ici : https://www.hellobonsai.com/best-freelance-tools

Un loader tout en CSS

Un bien joli loader animé, et réalisé uniquement en CSS.

See the Pen Pure CSS loader #2 by Jerome Renders (@JeromeRenders) on CodePen.

Animer un bouton de chargement en SVG et Segment

Un des nombreux avantages du SVG est qu’il est possible de l’animer élément par élément. Cela demande un peu de travail, mais avec l’exemple qui suit cela en vaut la peine.
Ce tutorial vous permettra de réaliser un beau SVG animé comme dans cette démo.

Par ici : http://x-team.com/2016/01/creating-loading-buttons-svg-segment/

Beau site : natan.be

Superbe site tout en sobriété et vraiment efficace, il a été réalisé par l’agence belge Dogstudio, qui comme on peut l’imaginer a plusieurs awards dans son sac.

A découvrir ici : natan.be

Tutorial : réaliser un formulaire de recherche avec gestion de filtres et liens

A l’aide de ce tutorial, vous aurez la possibilité de réaliser un formulaire de recherche avancé. Non seulement il gère des filtres mais il y ajoute des liens rapides et des suggestions. Couplé avec votre base de données il vous permettrait d’afficher les derniers articles de votre blog par exemple. En plus de cela, il marche avec tous les navigateurs modernes !