Illustration de la semaine au poil #3

Une semaine au poil – #3

Cette semaine nous avons un calendrier de l’avent, des liens utiles, du JavaScript, de l’inspiration et un peu de fun. Bonne lecture !

Le calendrier de l’avent du web !

Illustration des 24 jours de web

Les fêtes de fin d’année approchent et c’est plutôt une bonne nouvelle, on a le droit à la quatrième édition du calendrier de l’avent du web ! Chaque jour, et ce jusqu’au 24 décembre, un article sera publié autour du domaine du web : design, accessibilité, responsive, framework, etc.

Je vous conseille de bookmarker cette page : http://www.24joursdeweb.fr/

Un lien utile qui regroupe toutes les balises HTML

Gethtml.at

Je suis tombé sur ce site réussi et fonctionnel qui décrit toutes les balises HTML et accompagné à chaque fois avec un exemple détaillé.

Le site : https://gethtml.at/

Das kreative Haus (ou the creative house)

first-letter

third-letter

Il s’agit là d’un site allemand créé par l’agence allemande deepblue networks. On y retrouve des animations très réussies autour de lettres de l’alphabet, j’ai beaucoup aimé la multitude de détails dans ces animations. Le site en lui-même a un design plutôt commun et vieillissant malheureusement.

Le site : http://thecreativehouse.db-n.com/

Recadrer vos photos automatiquement à l’aide de SmartCrop.js

visuel exemple SmartCrop.js

SmartCrop est un JavaScript plutôt ingénieux, il permet de recadrer vos photos en fonction du sujet. Il va déterminer le sujet principal sur vos photos pour le recadrer, il peut s’agir d’un visage, d’un détail, d’un élément saturé . Sur cette page vous trouverez une tonne d’exemple qui sont passé par ce JS. Et sinon, si vous n’êtes toujours pas convaincu il est possible de le tester avec vos propres images à ce lien.

Disponible sur github : https://github.com/jwagner/smartcrop.js/

Un tableau de prix à créer ? Le plein d’inspiration !

Visuel tableau de prix

Je crois que si vous manquez d’inspiration et qu’il vous faut créer un tableau de prix, ce sera là le site idéal: http://tympanus.net/Development/PricingTablesInspiration/

Et si Harry Potter était codeur ?

harry_potter_codingIl utiliserait sans aucun doute cette petite extension pour bénéficier de ce super effet scintillant à chaque lettre tapée 😉 Ce n’est pas réellement fonctionnel d’après ce qu’ils en disent car il y a pas mal de bugs, mais ce sera peut être amélioré vu le succès rencontré.

Disponible sur github : https://github.com/codeinthedark/editor/pull/1

Laisser un commentaire :

Votre adresse email ne sera pas publiée.