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

De nombreux outils et applications pour les développeurs disponibles sur le Web évoluent en fonction des tendances, tandis que certains deviennent une solution plus pragmatique. , mais reste se démarquer dans leurs catégories respectives.

Nous avons une belle police qui peut être votre Helvetica Neue remplacement, une bibliothèque JavaScript pour tester la pression tactile et un outil pratique pour la consignation des erreurs JavaScript. 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..

Police OverPass

Dépasser font est une police gratuite inspirée de Highway Gothic. Highway Gothic est une fonte largement adoptée dans de nombreux pays. pour les panneaux de signalisation en raison de sa lisibilité à distance et à grande vitesse. La police OverPass est disponible en quatre graisses (minces, normales, semi-gras et gras), majuscules et minuscules, et peut également être convertie en police Web..

Licence: OFL (Open Font License)

Pa11y

Pa11y est un outil pour tester l'accessibilité de votre site web avec moins de tracas, à travers la beauté qui est automatisation. Vous pouvez utiliser l'interface de ligne de commande ou la configuration via le tableau de bord si vous préférez une interface colorée et interactive. Pa11y produira un rapport indiquant les domaines à corriger si vous souhaitez améliorer l'accessibilité de votre site Web pour divers handicaps..

Plus de ressources sur l'accessibilité:

• Le Web moderne et l'accessibilité [Vidéo]
• Playlist: Accessibilité de Thomas Bradly [Vidéo]
• Un aperçu de la norme ARIA Web et de l'accessibilité des applications HTML

PressureJS

Force Touch d’Apple mesure essentiellement la pression du doigt sur l’écran ou le trackpad, ce qui permet d’ajouter des fonctionnalités supplémentaires. Les développeurs peuvent tirer parti de cette technologie pour ajouter de la convivialité à leurs applications OS X ou iOS natives.. PressureJS est une bibliothèque JavaScript qui accroche dans les API Force Touch et vous permet de l'appliquer à vos sites Web.

SplitJS

SplitJS est une bibliothèque JavaScript légère qui vous permet de diviser la fenêtre de la fenêtre du navigateur en plusieurs sections. Vous l'avez peut-être vu couramment utilisé dans les applications Web de partage de code, telles que CodePen.io, JSFiddle ou JSBin, où les espaces de travail HTML, CSS et JS sont séparés dans leurs propres sections..

FlexibilitéJS

Flexbox facilite beaucoup l'organisation des mises en page Web. Cependant, comme cela ne fonctionne pas dans Internet Explorer 9 et 8, les développeurs Web doivent souvent utiliser de nouveau le problème notoirement problématique. flotte propriété. FlexibilitéJS est ici pour que vous puissiez utiliser Flexbox sans quitter ces anciens navigateurs.

LabellaJS

LabellaJS fait du créer une chronologie étiquetée tellement plus facile. Vous disposez d'un certain nombre d'options pour contrôler la position, la direction, la largeur, la hauteur et l'algorithme de présentation de l'étiquette. Cela fonctionne avec le chargeur AMD tel RequireJS, et peut être bien utilisé avec Browserify et Node.js. Aucune dépendance requise.

Pipi

Pipi est plus qu'un simple framework CSS. Il est emballé avec beaucoup de composants pour aider avec le processus de construction comprenant un serveur intégré, rechargement en direct, carte source, minification, validateur de code, et générateur de site statique. Il est également livré avec ses propres bibliothèques JavaScript avec des fonctionnalités pour améliorer l'interface de votre site Web..

Grav

Grav est un fichier plat CMS similaire à Jekyll, un générateur de site statique. Pourtant, il peut être étendu via des thèmes et des plugins, un peu comme WordPress. Par exemple, vous pouvez installer pour ajouter le Panneau de l’administrateur, les codes de fonction, les commentaires, les formulaires et le plan Sitemap. C’est dans l’ensemble un excellent CMS qui peut également être un bon candidat pour un CMS plus établi..

PatternPack

PatternPack est un outil qui vous permet de construire un système pour construire votre site web ou votre application et partagez-le sur différents projets en même temps. Avoir un système standard est une forme générale de meilleure pratique: non seulement cela accélère votre flux de travail, mais cela rend également le projet plus facile à gérer. Lisez le Guide de démarrage pour savoir comment utiliser l'outil..

Oh Crash!

Le débogage en JavaScript peut être très délicat. Vos utilisateurs peuvent rencontrer des erreurs que vous n'avez probablement pas rencontrées lors du développement et du déploiement, car vous disposez déjà de la configuration parfaite. La difficulté ici est que l'erreur est uniquement enregistrée dans le navigateur de l'utilisateur. Avec Oh Crash tu peux maintenant mettre le journal dans vos dépôts Github, donc vous êtes plus au courant de l'erreur.