Nouvelles ressources pour les concepteurs et les développeurs Web (juillet 2015)

Les développeurs Web ont la chance de disposer d'outils et de ressources gratuits disponibles en ligne, que nous recueillons consciencieusement dans notre série Fresh Resources tous les mois. Si vous avez manqué le lot du mois dernier, consultez-le ici ou consultez le reste des nouvelles ressources compilées au début de l'année..

Pour le lot de juillet 2015, nous présentons de nouveaux outils et ressources qui faciliteraient vos tâches, allant des plugins WordPress qui vous permettent de déployer des mises à jour de plugins de manière privée dans une bibliothèque JavaScript pour ajouter des animations attrayantes..

Aladdin

Ce plugin ajoute des fonctionnalités supplémentaires à l'administration WordPress, similaires à OS X Spotlight. Cela vous permet d’accéder rapidement aux fichiers et aux dossiers de votre Mac. Une fois installé, appuyez deux fois sur la touche Maj, puis tapez ce à quoi vous souhaitez accéder. Cela rend l'administration WordPress plus accessible avec l'utilisation du clavier.

CSS SiteOrigin

SiteOrigin CSS est un plugin WordPress robuste permettant de personnaliser l'apparence d'un thème en temps réel. Le plugin ajoute un nouveau panneau sous le Apparence> CSS personnalisé menu. Dans celui-ci, vous pouvez écrire des règles CSS personnalisées pour écraser le CSS du thème que vous utilisez ou vous pouvez également utiliser le panneau d'interface graphique pour ajouter les règles CSS de manière intuitive..

DynamicsJS

DynmaicJS est une bibliothèque pour appliquer une animation basée sur la physique. Je ne suis pas un expert en physique, mais les exemples de ce menu ont l'air vraiment cool. Il peut animer des éléments HTML et SVG et vous offre des performances rapides sans aucune dépendance. DynamicJS a été testé sur Safari 7+, Firefox 35+, Chrome 34+ et IE10+.

Mode avion

Ce plugin empêchera plusieurs requêtes HTTP externes WordPress telles que Google Fonts, Gravatar et le programme de mise à jour WordPress de tenter de se connecter aux référentiels de plugins et de thèmes pour les mises à jour. C'est un plugin utile pour le développement local qui supprime les erreurs lorsque ces appels échouent (ce qui se produit généralement lorsque vous développez localement avec un Internet exceptionnellement lent)..

Coverr

Une collection de vidéos qui conviennent parfaitement aux en-têtes de votre site Web. Toutes les vidéos sont gratuites, sous licence sous domaine public. N'oubliez pas de vérifier le “Comment utiliser” section pour apprendre à ajouter la vidéo à votre page Web.

VibrantJS

VibrantJS récupère les couleurs saillantes d'une image. Il présente également quelques API qui vous permettent de traiter la couleur obtenue, telles que le changement de format de couleur et le choix de la composition appropriée pour l'arrière-plan et le texte. Vous pouvez l'utiliser pour améliorer l'interface de votre site Web avec la génération dynamique de couleurs, utiliser la couleur comme image de substitution lorsque l'image n'est pas encore complètement chargée ou créer une application Web pour générer un nuancier..

GradifyCSS

Cette bibliothèque saisit deux couleurs bien en évidence et génère un dégradé CSS à partir des couleurs obtenues. Semblable à VibrantJS, vous pouvez appliquer le dégradé en tant qu’espace réservé à l’image lorsque celle-ci n’est pas entièrement chargée ou en tant que couleur de superposition..

PurifierCSS

PurifyCSS nettoie les règles CSS inutilisées de votre feuille de style. Vous pouvez l'utiliser pour réduire jusqu'à 40% la taille des feuilles de style de grands frameworks tels que Bootstrap et Foundation. PurifyCSS est disponible sous forme de plugin Grunt and Gulp.

Titre Capital pour WordPress

Le nom a tout dit. Ce plugin WordPress transformera les titres ainsi que les en-têtes du contenu en majuscules lors de la sauvegarde ou de la publication du message et de la page. Je trouve ce plugin utile pour les sites Web avec plusieurs auteurs afin de préserver la cohérence du contenu de leur site.

GitHub Updater

Ce plugin permet à l'utilisateur de installer et mettre à jour automatiquement Plugins WordPress hébergés dans GitHub. Malgré son nom, le plugin prend également en charge Bitbucket et GitLab, dont un dans un référentiel privé. C'est un plugin utile pour les développeurs qui développent et distribuent leurs plugins ou thèmes exclusivement pour leurs clients..

Exemples de code

Une collection d’exemples de code de Équipe de révision du thème WordPress. Pour le moment, l'exemple consiste en des codes permettant de créer des composants Theme Customizer à l'aide de l'API Customizer, notamment pour créer la section, les paramètres et le panneau. Plus de codes exemples de meilleures pratiques ajoutées dans le futur.