Pas facile de trouver du temps pour synthétiser ma veille ces derniers temps, notamment avec les fêtes, les vacances à préparer (parce qu’il faut bien en prendre quand même). Voici donc une synthèse sur plusieurs semaines avec de très bonnes ressources JS (tutoriels et scrips), ergo, ressources et inspirations variées.
S’il fallait n’en retenir qu’un
Animating Scenes with with WebGL and Three.js pour son potentiel à « effet wahou » et son tutoriel me semble être une bonne ressource dans le lot que je vous propose pour cette fois. Démystifier un peu la chose à travers la bibliothèque Three.js vous permettra d’aborder les animations en WebGL plus sereinement.
JavaScript
- Lazy Loading Responsive Adsense Ads – une astuce et un script pour le lazy load responsive de publicités Adsense.
- VocaJS – une bibliothèque JavaScript de manipulation de chaîne de caractères.
- Overview of Client-Side Storage – un excellent article sur les manières de stocker des données locales chez l’utilisateur (navigateur).
- Siema – une bibliothèque super légère sans style ni dépendance pour créer un carrousel.
- Request Payment API – l’API Request Payment pour recevoir des paiements depuis le web.
- Animating Scenes with WebGL – un tutoriel pour animer une scène avec WebGL et Three.js.
- PullToRefresh.js – ajouter la fonctionnalité pull-to-refresh avec ce script JS simple.
CSS
- CSS Reference – Un guide visuel pour les propriétés CSS.
- CSS Peeper – Un visualiseur sexy des propriétés CSS.
- CSS Snow Fox – Une jolie démo juste pour le fun.
Ergonomie
- True Lies of Optimistic UI – de très bon conseils sur le design de processus optimistes.
- Share Ideas in Effective Prototypes – l’utilisation de Principle pour partager ses idées d’animation dans des prototypes.
- Communicate Hidden Gestures in app – comment communiquer les actions cachées à faire dans une application.
- How contrast works in UI Design – un article sur le contraste dans le webdesign.
Inspiration & Astuces
- Christmas Line Icons Set – un kit d’icônes sur la thématique de Noël.
- 20 typo animations – 20 exemples et expérimentations d’animations typographiques.
- Calendriers de l’avent – une sélection de calendriers interactifs.
- Card Animation in Principle – un tutoriel de création d’une animation avec Sketch et Principle.
- MacOS Tips & Tricks – quelques fonctions cachées sur MacOS.
- A Design Yearbook of 2016 – un récap du design en 2016.
- Design Trends 2016 & 2017 – les tendances design de 2016 et à quoi s’attendre en 2017.
Ressources
- Mobile Friendly Checker – un petit contrôle d’optimisation mobile de votre site par Google.
- Sketch Symbol Best Practices – une manière de gérer ses symboles sur Sketch.
- Font Style Matcher – un outil pour vérifier la correspondance de deux fontes au moment du FOUC.
- Useful Regex Patterns – des expressions régulières bien utiles réunies sur ce site web.
- Progressive Web App Checklist – une checklist pour votre Web App proposée par Google.
- Rocket Emoji – un accès à des emojis en auto-suggestion pendant que vous tapez, partout sur votre Mac.
- Docsify – générez une documentation simplement avec cet outil.
Bonne lecture à vous et excellente année 2017 !
Merci encore 🙂