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 !
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
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)
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
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 !
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 ?
Il 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