Les Ressources du Web #24

Une sélection avec pas mal de ressources et articles sur les sujets : CSS, animations, Flexbox, des outils vraiment super pratiques, des plugins WordPress à venir et existants qui vous simplifient la vie, de beaux PSD et des fontes et icônes vraiment sympa. Je vous laisse découvrir tout cela.

S’il fallait n’en retenir qu’un

Ce serait ce super Framework vous permettant de créer facilement des newsletters sur mesure. Le balisage est un peu perturbant au début, mais on s’y fait vite :p

CSS

• 3D Direction-aware hover effect – un effet de cube dépendant de l’arrivée de votre souris dans la zone à survoler.
• Holy Grail Layout with CSS Grid – petite introduction à CSS Grid à travers la Holy Grail Layout.
• Feather Flex – une grille légère en Flexbox.
• Repaintless.css – une librairie d’animation en CSS basée sur la technique  » FLIP » pour éviter le repaint du navigateur.

WordPress

• WordPress 4.5 – avez-vous mis à jour vos plugins/thèmes ? Le « projet » de WordPress 4.5.
• OneSignal – envoyez des notifications push à vos abonnés à chaque nouvel article ou sur commande. (en test sur ce blog)
• WordPress Apps – gérez votre blog depuis l’application de bureau. (Window, Mac et Linux)
• Instant Article – d’ici le 14 avril prochain, vos articles WordPress pourront être publiés en tant qu’Instant Article Facebook grâce au plugin dédié.
• Build Advanced Search – une recherche avancée avec WordPress et WP_Query.

JavaScript

• Timbre.js – une librairie JS pour créer du son… à vous de jouer !
• Viewer.js – un bon script de galerie photo qui propose pas mal d’options (zoom, rotation, diaporama plein écran, etc.)
• Megamenu.js – une proposition de solution en JS pour les megamenus responsive.
• Wave Scroll – une démonstration d’un scroll découpé original.
• How to make a parallax illustration – une démo d’une illustration en parallaxe.
• Spirit.js – animer des éléments grâce à une timeline et récupérer l’animation en JS et JSON.

Outils

• MJML – un excellent framework pour créer de la newsletter responsive.
• MapHub – créez des Maps interactives (parcours, guide, etc.) et intégrez-les dans vos sites.
• Heymoji – ajoutez des réactions emoji à vos pages.

Inspiration & Ressources

• Best Interactive Websites – une liste des meilleurs sites web interactifs de 2016
• Sketch Landing Page – un template sketch pour créer une landing page avec un « style iOS ».
• Astronomy Icons – des icônes sur le sujet de l’astronomie.
• Dripicons – des icônes « ligne » simples.
• Escafina Font – une très belle typo de titrage.
• Peace Sans – une fonte originale à découvrir.
• 10 PSD gratuits – des PSD gratuits pour démarrer rapidement des projets, ou pour les demandes de maquettes gratuites ;p

Bon ressourcement !