Nouvelles ressources pour les concepteurs et les développeurs Web (août 2016)

Dans cet article, nous présentons une liste de cadres et d’outils qui est orienté vers le développement web. Fait intéressant, j'ai trouvé quelques-uns de ces outils et cadres provenant de sociétés gigantesques telles que Microsoft et Alibaba..

C'est un bon signe, car de plus en plus d'entreprises contribuent maintenant à l'open source et contribuent à améliorer le Web. Jetons un coup d'oeil à ce qui est en magasin pour la compilation de ce mois.

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..

CuteStrap

Un framework d'interface utilisateur construit sur Sass. Il est livré avec toutes les interfaces Web les plus courantes telles que formulaires, navigations et boutons, ce qui devrait suffire dans de nombreux cas. Si vous trouvez des frameworks populaires comme Bootstrap et Foundation écrasants, Cutestrap pourrait être une excellente alternative pour vous.

Test HTML5

Test HTML5 est un outil en ligne qui testera dans quelle mesure un navigateur prend en charge les dernières spécifications HTML5. C'est un outil pratique pour ceux qui participent au débogage et au test d'applications Web modernes..

Calories du navigateur

Calories du navigateur est une extension Chrome qui mesure le poids d'une page Web. Il analyse les fichiers chargés et leur contribution au poids total de la page. Un petit outil formidable pour vous aider à optimiser les performances de votre site Web.

Weex

Weex Alibaba est un framework qui permet de créer des applications mobiles uniquement avec HTML, CSS et JavaScript. Il est livré avec des modules, des composants d'interface utilisateur, ses propres DevTools et CLI qui sont conçus pour l'environnement mobile et pour accélérer le développement..

Microsoft Web Framework (MWF)

Un framework de Microsoft, les composants d'interface utilisateur dans MWF est basé sur le langage de conception Microsoft Modern: plat, propre et minimaliste. Ce cadre, mis à part les composants de l'interface utilisateur, indique également l'utilisation des couleurs, de la typographie et de l'animation. Je pense que Material Design Lite a finalement rencontré un concurrent égal.

Vital

Vital est un framework avec une interface minimale très agréable. Il est léger, n'a pas de JavaScript, et nativement Rogue - un syntaxhiglighter basé sur Ruby.

Fontea

Fontea est une extension gratuite de Photoshop pour gérer et appliquer facilement des centaines de Google Fonts. Vous pouvez rechercher la police dans Photoshop, la prévisualiser et l'appliquer directement dans votre conception - rationaliser votre flux de travail.

Bruine

C'est un outil qui vous permet de créer des modèles d'interface utilisateur ou un guide de style pour votre site Web. Il générera des éléments tels que les couleurs, les styles de base ou la disposition des composants, ainsi que l’extrait de code. Un générateur de guide de style comme Bruine vous permettra de rester compatible avec les styles de votre site Web.

InterCooler

InterCoolerJS est une bibliothèque JavaScript qui facilite l'application d'AJAX sur votre site Web en ajoutant des attributs HTML. Il est accompagné d’un guide complet et de nombreux exemples pour vous aider à utiliser cet outil..

Picla

Picla est un plugin jQuery pour afficher les étiquettes d'image extraites de l'image alt attribut. Il fournit quelques options pour vous permettre d'ajouter un style et un mouvement personnalisés à l'étiquette. Picla peut être installé en tant que dépendance de votre site Web avec Bower.

IziModal

Voici un plugin jQuery à afficher modal popups. IziModal a beaucoup d'options pour la personnalisation. Vous pouvez, par exemple, personnaliser l'animation, le contenu du texte, les couleurs. Il est léger, réactif et prêt pour la rétine.

MegaBoilerplate

MegaBoilerplate est un générateur pour installer rapidement une pile de développement. Accédez au site Web et sélectionnez les outils et bibliothèques (Node.js, HTML5, Vanilla JavaScript et Electron) que vous utiliserez comme base de site Web. Il compilera et configurera tout ce dont vous avez besoin dans un paquet compressé, prêt au téléchargement.

Hurleur

Une bibliothèque JavaScript pour afficher un lecteur audio moderne à l'aide de l'API Web Audio, Hurleur fonctionne dans les navigateurs aussi vieux que IE9 et supporte de nombreux codecs audio tels que MP3, WEBM, WAV. Beaucoup de fonctionnalités, modulaire et fonctionne sans bibliothèque externe.

SuperEmbed

SuperEmbed est une petite bibliothèque JavaScript qui rend les objets incorporés réactifs, tout en conservant le rapport d'origine. Il prend en charge un large éventail de sources, notamment Youtube, Flickr, Vine, VideoPress et DailyMotion. Voir la démo.

CleaveJS

Fendre est une bibliothèque JavaScript qui met automatiquement en forme les valeurs dans l’entrée. Il peut, par exemple, ajouter le séparateur de milliers dans la devise, ajouter de l’espace dans la saisie du numéro de carte de crédit ou ajouter / en entrée de date. Utilisez cette bibliothèque pour offrir une meilleure expérience utilisateur.

Retournement typique

FlippingTypical vous permet de voir toutes les polices installées sur votre système. Je trouve cette application plus pratique que d'utiliser le FontBook application dans macOS. Je tape du texte au hasard et vois laquelle des polices de mon système a le meilleur look.

Table lumineuse

Un nouvel IDE qui, à mon avis, mérite d’être exploré. Cela a commencé comme un projet KickStarter, soutenu par Matt Mullenweg (fondateur de WordPress), pour finalement devenir open source. Vous pouvez regarder cette vidéo pour avoir une idée de la fraîcheur de cet IDE.

Compresseur

Compresseur est une application Web qui compresse les fichiers image à la taille la plus petite possible sans perte de qualité visuelle. Il supporte également les formats JPG, GIF, PNG et SVG. Cette application est gratuite.

Analyse du site Microsoft

Il s'agit d'un outil pratique de Microsoft pour analyser votre site Web afin de résoudre des problèmes tels que la compatibilité et l'accessibilité des navigateurs. L'outil listera un rapport vous indiquant si quelque chose ne va pas avec votre site Web et comment vous pouvez procéder pour résoudre le problème. Essaie!

Désactiver les blogs

Comme son nom l'indique, ce plugin supprimera les fonctionnalités de blogging telles que Posts, Comments et Feeds. C'est le bon plugin pour vous si vous n'avez pas besoin de la fonctionnalité de blogging dans WordPress.