Nouvelles ressources pour le développeur 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 sommes moins dépendants de polyfill puisque 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.

Alors finissons l'année avec quelques outils pratiques pour les 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 les séries de développeurs Web.

Cliquez pour plus de ressources

Cliquez pour plus de ressources

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

Notie.js

Notie.js est une meilleure alerte, notification et boîte de dialogue JavaScript. Au lieu d'utiliser la fonction alert() qui affiche une boîte d'alerte terne et légèrement choquante, vous pouvez la remplacer par la fonction notie() de la bibliothèque pour afficher une alerte de style. Faites correspondre le style d'alerte avec la conception globale de votre site facilement avec Notie.js.

Coin Github

Ce n'est que récemment que j'ai réalisé que le coin Github, que nous voyons 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 frais pour le ruban Github. Il utilise SVG à la place graphique bitmap qui lui permet de rester net dans les écrans haute résolution.

Doux (Slack) Thèmes

Slack est devenu l'application de chat la plus populaire dans les petites entreprises, les startups et les développeurs. Comparez à d'autres applications comme Skype et Google Hangouts, Slack est personnalisable de plusieurs façons, 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 à installer.

jQuery Config

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

SummerNote

SummerNote est une bibliothèque JavaScript pour créer un éditeur WYSIWYG. SummerNote est développé en plus des principaux projets open-source: jQuery, Bootstrap et Font Awesome. Déployer SummerNote est aussi simple que de déployer n'importe quelle autre bibliothèque JQuery, et c'est la bibliothèque alternative parfaite pour TinyMCE, surtout si votre web utilise aussi Bootstrap comme base.

BackstopJS

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

SuitCSS

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

Lier

Bind est une application native d'OS X 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 mettre en page des sites Web efficacement. Par exemple, contrairement à CSS, GSS permet l'alignement vertical de ses conteneurs d'éléments avec une seule ligne de code.

AntiModerate

AntiModerate est une bibliothèque JavaScript qui charge les images plus intelligemment. Avec cette bibliothèque, même avec des connexions Internet lentes, vous pouvez d'abord charger une image de plus petite taille pendant que l'image la plus grande est en cours de chargement en arrière-plan. Une fois complètement chargée, l'image la plus grande occupe le devant de la scène. Cette technique pourrait poser une vitesse de chargement plus rapide pour vos pages Web.

Conseils jQuery que vous devriez savoir

Cool titre et même un contenu plus cool, c'est une colletion de conseils jQuery que nous devrions savoir (la moitié d'entre eux, je voudrais avoir connu beaucoup, beaucoup plus tôt). Ça vaut vraiment le détour.