Nouvelles ressources pour les concepteurs et les développeurs Web (mars 2016)

Dans notre dernier volet, nous nous sommes concentrés sur les différentes bibliothèques Javascript et CSS pour vous aider à créer de meilleurs sites Web et applications Web. Ce mois-ci, nous avons plus de bibliothèques à recommander, parallèlement à un petit focus sur la typographie..

Dans cette partie de la série, vous découvrirez quelques bibliothèques JS qui vous serviront, mais également un ensemble de conseils, un très long essai sur la typographie, un générateur de couleurs et un framework frontal léger. Sans plus tarder, vérifions-les.

Cliquez pour plus de ressources

Retrouvez toute notre collection de ressources recommandées et les meilleurs outils de conception et de développement Web disponibles..

JS Conseils

JS Tips est une collection de conseils JavaScript, dont certains s’articulent autour de syntaxe, certains à propos de efficacité et performance du code, et d'autres sont spécifiques à un framework comme AngularJS. De nouveaux pourboires sont ajoutés quotidiennement et il en existe actuellement 50. C'est essentiellement un favori site pour chaque développeur web.

Gestionnaire vagabond

Gestionnaire vagabond est une application graphique pour contrôler Vagrant. MAMP similaire, où vous pouvez arrêter ou exécuter Vagrant et voir quel vagabond est en cours d'exécution. L'application est disponible pour OS X et pour Windows. Si vous n'êtes pas sûr de ce qu'est Vagrant, consultez notre précédent article sur Comment installer WordPress localement avec Vagrant.

Bulma

Bulma est un framework frontal. Le forfait comprend des composants communs de l'interface utilisateur du Web comme la navigation, la liste déroulante et (bien sûr) la grille qui est entièrement construite avec Flexbox. La seule fonctionnalité manquante (du moins pour le moment), ce sont les composants JavaScript. Les composants Bulma sont beaucoup plus minces comparés à Bootstrap, mais ils devraient suffire pour construire un site web petit mais présentable.

Gutenberg

Nommé d'après Johannes Gutenberg, l'inventeur de la presse de masse. Gutenberg est une collection de règles de style pour un réglage typographique approprié sur le Web. Les règles de style définissent la ligne de base, la taille et l'échelle de la police et la hauteur de ligne. Une grande bibliothèque de styles pour améliorer le contenu de votre site Web.

Okayav

Okayav est un jQuery pour construire une navigation réactive, mais pas seulement une autre. Le plugin a une conception légèrement différente de la réactivité: lorsque la fenêtre est redimensionnée, chaque menu est réduit. progressivement fusionné dans une icône pour tolérer la taille limitée de la fenêtre. Ça a l'air cool, n'est-ce pas?

Nouvelle typographie Web

le Nouvelle typographie Web est un essai approfondi et révélateur sur la typographie. Il aborde les styles depuis les premiers jours des livres jusqu'à la manière dont nous construisons et consommons sur le Web. Bien documenté avec des illustrations multiples et bien référencé, il s'agit d'un long article de Robin Rendle, mais sa lecture en vaut certainement la peine pour mieux comprendre la typographie..

Couleur sûre

Couleur sûre est une palette de générateur de couleurs pour le Web. Contrairement aux outils mentionnés précédemment dans cette série, ColorSafe ne génère que des couleurs conformes à la norme WCAG pour l’accessibilité des couleurs..

Dialogue modal accessible

C’est une petite bibliothèque JavaScript (seulement ~ 0.5kb) à construire une fenêtre de dialogue modale. Étant accessibles, les utilisateurs peuvent facilement ouvrir, fermer et naviguer dans la boîte de dialogue avec un clavier et une souris. Le paquet est simplement du code JavaScript nu, pas de style, vous pouvez donc façonner librement le mode de dialogue comme vous le souhaitez.

Mo.js

Mo.js est un package complet de la bibliothèque d'animation JavaScript. Il est livré avec quelques préréglages pour vous permettre de définir et d'exécuter rapidement l'animation. Il est modulaire, ce qui vous permet de supprimer les fonctionnalités inutiles, ainsi que fluide et lisse. Étant une nouvelle bibliothèque fraîche, malheureusement, la documentation n'est pas encore prête (pour l'instant).

Particules

Cette bibliothèque ajoute des réseaux de particules flottantes sur votre site Web, simplement pour que votre site Web ait l'air plus cool instantanément. Les particules vont réagir au mouvement du curseur. Les réactions ainsi que d'autres éléments tels que les couleurs, la distance et la forme peuvent être configurés à l'aide des options.