Les Ressources du Web #26

Petite sélection pour l’été avec, une fois n’est pas coutume, pas mal de JavaScript, quelques éditeurs de sites statiques basés sur du Markdown ainsi qu’un éditeur de .MD vraiment sympa. Autrement : icônes, animations CSS et SVG pour votre inspiration et motivation. À vous de jouer et bonne lecture !

S’il fallait n’en retenir qu’un…

Cette fois ça serait un peu d’humour et d’utile en même temps à travers Couscous.io.

Ce gestionnaire de contenu statique basé sur du Markdown propose un système de template et une documentation que j’ai trouvé assez claire. Il manque clairement des templates de qualité dans ceux actuellement disponibles, mais vous avez déjà une bonne base existante de travail.

WordPress & CMS

• Elementor – un constructeur de page visuel en glisser/déposer pour WordPress.
• Un plugin en POO – un tutoriel pour comprendre la construction d’un plugin WordPress en POO.
• CloudCannon – un CMS pour notre ami Jekyll.
• Couscous.io – un CMS de site statique basé sur du Markdown.

Front-end (JavaScript, CSS)

• Multi-range slider – Un slider (un sélecteur d’intervalle) HTML5 multi-range,
• jQuery 3.0 Final Release – les nouveautés de jQuery 3.0,
• iOS Switcher button – une librairie JS pour créer des interrupteurs iOS-like.
• Anime.js – une librairie JS pour créer des animations sur vos pages web.
• ScrollTrigger – une mini librairie JS pour animer des éléments au Scroll grâce à CSS.
• How well do you know CSS display – un très bon récap de toutes les valeurs de display.
• 20 scroll-hacking solutions – une sélection de 20 scripts pour prendre possession du scroll.

Inspiration

• Radial SVG Slider – une effet de transition sur un slider plutôt sympa.
• Multi Page effect – un effet de multiple page en transition.
• Des boutons – plein de styles de boutons divers et variés pour votre inspiration.
• Item Reveal – un effet d’apparition/disparition en SVG animé vraiment cool.

Ergonomie et astuces

• Infinite scroll best practices – des conseils sur les comportements attendus lors d’un infinite scroll.
• A good use of Autofill features – des conseils méconnus sur les auto-complétions d’éléments de formulaire en HTML5.

Outils et ressources graphiques

• Yoga Icons – des icônes sur le sujet du Yoga.
• Datamaps.co – Créer des cartes de données issues de fichiers CSV.
• Typora – un éditeur Markdown beau, propre et facile d’utilisation.

N’hésitez pas à me faire transiter des ressources par mail si jamais vous en croisez des bonnes.