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

Après plus d'un an, la partie la plus difficile de la rédaction de cette pile de ressources mensuelle pour les concepteurs et les développeurs est l'introduction. Alors que nous sommes sur le sujet, voici votre récapitulation de février 2015 des meilleures ressources pour les développeurs Web comme vous..

Dans cette tranche, nous examinons un spécial moteur de recherche pour trouver des extraits de code, un très débrouillard référence pour résoudre les problèmes dans le module Flexbox, et des outils de développement pour une meilleure gestion des couleur, caractère et dégradés.

Animateur de gradient

CSS3 Gradient nous permet de créer des dégradés sans image sur notre site Web sans qu'il soit nécessaire de charger des images. Nous pouvons même le combiner avec CSS3 Animation pour obtenir un effet plus convaincant. Mais si le code est trop lourd pour vous, utilisez la route plus simple de Gradient Animator pour en générer une avec une interface agréable..

Guide de poche SVG

Guide de poche SVG est compilé par Joni Trythall. C'est une référence pratique qui vous guidera à travers les bases du SVG (telles que la création de formes et de texte) jusqu'à des fonctionnalités plus avancées (telles que la création de dégradés, de chemins de détourage et de motifs). Le livre vient au format Markdown et est disponible en anglais et en portugais.

Flexbugs

Flexbox est un nouveau module très prometteur en CSS3 qui changerait totalement la façon dont nous construisons les présentations Web. Cependant, il présente également des problèmes de compatibilité entre navigateurs. Ce référentiel, Flexbugs, est une collection de ces bugs et des solutions pour les résoudre. Ceci est une ressource très utile pour quiconque vit à la pointe du Web..

Icono

C’est incroyable ce que nous pouvons réaliser avec juste du CSS, comme créer une icône entièrement présentable en utilisant un seul élément. Icono est la bibliothèque qui fait cela. Dans cette bibliothèque, vous trouverez une collection d'icônes connues, créées avec un seul élément et CSS. Ces icônes se chargent plus rapidement et sont plus personnalisables que les icônes basées sur des images..

Dillinger

Dillinger est un éditeur Markdown agréable. Ici, vous pouvez écrire au format Markdown et voir instantanément la sortie dans l’onglet de droite. Pour votre commodité, Dillinger vous permet d’exporter votre travail au format HTML, PDF ou tout simplement au format de fichier Markdown une fois que vous l’avez fait. Vous pouvez également le connecter à un service tiers, tel que Dropbox et Github, où vous pouvez enregistrer votre fichier..

HTML5Up

HTML5Up est une collection de modèles gratuits basés sur HTML5. Vous pouvez trouver une poignée de mises en page qui s'adressent à différents types de sites Web: entreprise, portefeuille ou simplement un blog. Tous les modèles sont réactifs et garantissent que le contenu et la disposition du site Web sont agréables dans différentes tailles d'écran.

Couleurs CSS

Vous êtes-vous déjà demandé quelle couleur est nommée?? Couleurs CSS affiche le nom de la couleur ainsi que les formats Hex et RGBA pour une collection de couleurs de base. C'est une bonne source pour trouver la combinaison de couleurs parfaite pour vos sites Web..

Emmet Re-view

Re-view est une extension Chrome qui analyse votre site Web. @médias interroge et affiche votre site Web dans chacun des points d'arrêt spécifiés dans chaque @médias question. Si vous recherchez un outil qui pourrait vous faire gagner un peu de temps lors du test de sites Web réactifs, c'est l'outil qu'il vous faut..

TypeGenius

Si vous examinez la bibliothèque de polices de Google, vous y trouverez de nombreuses polices de caractères, de familles, de poids et de types différents. Par conséquent, choisir la bonne paire ou la bonne combinaison de polices pourrait être une tâche ardue.. TypeGenius rend la sélection des paires de polices simple, rapide et possible pour la population en général.

SearchCode

Comme son nom l'indique, il s'agit d'un moteur de recherche permettant de rechercher des codes ou des extraits de code dans de nombreux langages de programmation, notamment JavaScript, C, PHP. Les résultats de ce moteur de recherche proviennent de nombreuses sources telles que Github, Bitbucket et Google Code. C'est un outil indispensable pour les codeurs lourds.