Les ressources du Web #19

Il y a eu plein de nouveautés ces derniers temps. J’ai notamment découvert quelques petits scripts JS très intéressants et qui promettent de belles choses une fois sur vos sites web. Découvrez également quelques ressources graphiques avec pas mal de PSD et quelques icônes, ainsi que des liens d’inspiration et des astuces WordPress.

Outils

• Styleguide – créez et maintenez facilement un guide de styles pour votre projet web.
• Tota11y – un script à placer sur votre site web pour détecter les erreurs d’accessibilité.
• ColorHunt – une bibliothèque de nuanciers.

JavaScript

• Minigrid – un script de mise en page type masonry mais en beaucoup beaucoup plus léger et moderne.
• FTScroller – créer des zones de scroll compatible au toucher et à la souris (roulette et clic).
• Enllax – un script parallaxe plutôt léger, même s’il aurait encore une certaine marge d’amélioration.
• Tapatar – proposez à vos visiteurs un outil pour sélectionner leur avatar depuis Gravatar, Facebook, leur propres photos ou une source entièrement personnalisée.
• Touchpoint.js – voir visuellement les actions au touché, c’est possible avec ce script.
• Canvid.js – créer une vidéo à partir d’éléments JPG (sprites) et de canvas.
• Chocolat – un plugin jQuery de lightbox responsive.

Sources graphiques

• Hand Gesture icons – des icônes de gestes « touch ».
• Birth Center – un PSD d’une page web.
• Logic Pen – un PSD de page web de type portfolio.
• Pex – un PSD d’une page web assez classique.
• iOS9 Vector GUI – un fichier AI avec tout le nécessaire graphique.
• 3D Isometric Garage – des fichiers vectoriel pour composer l’intérieur de votre agence.

HTML/CSS

• Leafee UI Kit – un kit UI intégré plutôt sympa.
• Real Time To-do App with Polymer – un tutoriel complet pour construire une todo list en temps réel collaborative avec Polymer.

Inspiration

• UI Movement – inspiration d’animation sur des éléments d’interface.
• 20 Beautiful Dark UI – inspiration graphique sur des interfaces foncées.

WordPress

• Déployer un plugin WordPress depuis Github – création d’une classe « Upadter » pour intégrer son plugin dans WordPress depuis un repo Github.
• Widget sur WordPress 4.3 – comment résoudre le message d’erreur sur l’ancien mode de déclaration des widgets.
• Twentysixteen Theme – le thème 2016 disponible sur WordPress.org