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

La scène du développement Web a progressé à la vitesse de la lumière cette année. CSS3 a été bien adopté et nous dépendons moins de polyfill étant donné que les derniers navigateurs supportent très bien le dernier standard Web. Microsoft Edge a été introduit, Google a publié deux sources ouvertes pour le Web: Material Design Lite et Polymer 2.0..

Nous allons donc terminer l’année avec quelques outils pratiques pour les autres développeurs Web. Nous avons quelques bibliothèques JavaScript ainsi que des outils pour travailler plus efficacement avec jQuery. Pour en savoir plus, consultez les ressources complètes pour la série des développeurs Web..

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

Notie.js

Notie.js est une alerte, une notification et une boîte de dialogue JavaScript plus agréables. Au lieu d'utiliser le alerte() fonction qui montre un peu terne et choquant boîte d’alerte, vous pouvez le remplacer par le notie () fonction de la bibliothèque pour afficher une alerte de style. Associez facilement le style d'alerte à la conception générale de votre site avec Notie.js.

Github Corner

Ce n'est que récemment que j'ai réalisé que le coin Github, que l'on voit habituellement sur la page d'accueil d'un projet open-source, a déjà 7 ans. Temps pour un lifting. Github Corner est une initiative pour un look plus moderne et plus frais pour le ruban Github. Il utilise SVG au lieu de graphique bitmap qui lui permet de rester nette dans les écrans haute résolution.

Sweet (Slack) Thèmes

Slack est devenu l'application de chat la plus populaire dans les petites entreprises, les startups et les développeurs. Comparé à d'autres applications telles que Skype et Google Hangouts, Slack est personnalisable de plusieurs manières, y compris son thème - l'apparence et la nuance de l'interface de l'application. Voici une collection de thèmes Slack prêts à être installés .

jQuery Config

jQuery est modulaire, ce qui signifie que nous pouvons supprimer les modules non désirés afin que la taille soit plus légère. Notre précédent tutoriel, Comment supprimer les modules inutiles dans jQuery, montre comment le faire avec Homebrew, NPM, mais cela se fait via le terminal. Si vous ne voulez pas utiliser cette méthode, vous pouvez utiliser jQuery Config. Il fait la même chose en quelques clics.

Note d'été

Note d'été est une bibliothèque JavaScript pour créer un éditeur WYSIWYG. SummerNote est développé à partir de projets Open Source de premier plan: jQuery, Bootstrap et Font Awesome. Le déploiement de SummerNote est aussi simple que le déploiement de toute autre bibliothèque JQuery. Il s’agit de la bibliothèque de remplacement idéale pour TinyMCE, en particulier si votre site Web utilise également Bootstrap comme base..

BackstopJS

BackstopJS est un excellent outil pour tester la réactivité des sites Web, ce qui est un processus fastidieux. En un mot, cette bibliothèque rend la tâche de test d'un site sur plusieurs tailles d'écran beaucoup plus transparente grâce à l'automatisation. L'outil va capturer des captures d'écran du site Web et annoter la page réussie et échouant au test en fonction des paramètres spécifiés et de la taille de l'écran. C'est comme un outil de test unitaire pour déployer un site web responsive.

SuitCSS

SuitCSS est une plate-forme, composée de son propre préprocesseur CSS prenant en charge la syntaxe future de CSS, telle que Custom Property et Custom Media Query, une poignée de classes d'utilitaires basées sur la méthodologie BEM pour aligner, dimensionner et positionner des éléments, ainsi que de nombreux modules CSS commencer à développer un site Web bien construit.

Lier

Lier est une application OS X native qui vous permet de créer des interfaces Web et des mises en page à l'aide de GridStyleSheet, un algorithme de mise en page développé par TheGrid. GSS vous permet de disposer efficacement de sites Web. Par exemple, contrairement à CSS, GSS permet l’alignement vertical de ses conteneurs d’éléments avec une seule ligne de code..

Anti-modéré

Anti-modéré est une bibliothèque JavaScript qui charge les images plus intelligemment. Avec cette bibliothèque, même avec des connexions Internet lentes, vous pouvez commencer par charger une image de taille plus petite, tandis que l'image plus grande se charge toujours en arrière-plan. Une fois complètement chargé, l'image la plus grande occupe une place centrale. Cette technique pourrait poser une vitesse de chargement plus rapide pour vos pages Web.

Conseils jQuery à connaître

Titre cool et contenu encore plus cool, c’est un recueil de conseils jQuery que nous devrions connaître (la moitié d’entre eux, j’aimerais bien en savoir beaucoup, beaucoup plus tôt). Totalement la peine de vérifier.