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

C'est ici! Nous avons enfin quitté l'année tumultueuse de 2014 et alors que nous inaugurons un nouveau départ avec la nouvelle année, nous avons de nouveaux espoirs, des souhaits et, bien sûr, de nouveaux outils à essayer. Dans ce post, nous avons mis en place une poignée d'outils et de plugins parfaits pour obtenir ce roulement.

D'un outil de test en ligne pratique à un outil facilitant l'accès aux modèles de conception mobiles, il existe de nombreux choix pour que votre année 2015 soit sur la bonne voie..

Seti UI

Seti UI est un thème Sublime Text, à ne pas confondre avec Sublime Text Color Scheme. Le thème dans Sublime Text affecte l'interface de l'application, notamment l'onglet et la barre latérale. Seti UI est un thème porté. Son aspect plat est vraiment agréable à regarder. Un choix de thème parfait si vous utilisez Sublime Text dans Windows 8 ou OS X Yosemite.

Liste de contrôle IXD

Avoir une liste de contrôle peut vous aider à garder une trace de ce qui a été fait et de ce qui va arriver. Si vous êtes un concepteur d'interface utilisateur, vous devriez probablement ajouter Liste de contrôle IXD dans votre marque-page.

La liste de contrôle IXD contient une collection de listes de tâches à vérifier. Chaque élément est pris en charge avec des références de lien, vous pouvez donc également savoir pourquoi il est sur la liste. Si vous préférez, il y a un petit bouton sur la gauche où vous pouvez imprimer la page et consulter la liste hors connexion..

Refroidisseurs

Eh bien, nous disposons déjà d’une poignée d’outils pour choisir un schéma de couleurs. Mais rien n’est aussi simple que cet outil, appelé Refroidisseurs. Il suffit d'appuyer sur la touche Espace pour afficher une nouvelle palette de couleurs. Il va générer une nouvelle palette de couleurs à l'infini, dérivée de son algorithme et externalisée par les utilisateurs contributeurs, en répétant d'appuyer sur la touche Espace..

Grignoteur

Grignoteur est un outil de test en ligne qui évalue et évalue votre site Web pour différents facteurs, notamment la qualité du code, la compatibilité mobile et l'accessibilité. C'est pratique si vous souhaitez lancer une dernière vérification de votre site Web avant son lancement..

Velositey

Velositey est un plugin Photoshop permettant de créer facilement et rapidement un prototype de site Web dans Photoshop. Ce plugin vous permet de créer rapidement un nouveau document avec une grille prédéfinie, d'ajouter des composants Web prédéfinis et de générer des icônes ou des favicons. Un plugin indispensable pour tous les concepteurs Web Photohop.

Gestionnaire vagabond

Si vous utilisez Vagrant sous OS X, installez Gestionnaire vagabond. Cette application vous permet de gérer plusieurs environnements de manière plus pratique. Une fois installé, il ajoute une nouvelle icône dans la barre des tâches OS X où vous pouvez surveiller et contrôler vos machines virtuelles en quelques clics seulement. Plus besoin de jouer avec les lignes de commande.

Spécificité CSS

Spécifité CSS est un sujet notoire de CSS qui n’est pas facile à digérer. Cet outil est créé pour illustrer le fonctionnement interactif de ce concept de spécificité. Dessinez plusieurs sélecteurs et il vous dira quel sélecteur appliquer.

CSS Dig

CSS Dig est une extension Chrome. Et comme son nom l'indique, il va creuser dans votre site web et analyser son CSS. Il vous montrera un rapport que vous pouvez évaluer pour effectuer les optimisations requises..

Matériel Up

Pour ceux d'entre vous qui ne le sauraient peut-être pas, Google vient d'introduire Material, une nouvelle philosophie de la conception de ses produits.. Matériel Up est une collection d'applications et de sites Web qui a déjà adopté cette nouvelle philosophie. Une bonne source d'inspiration pour les concepteurs Web.

Tindddle

Tindddle vous aide à profiter de Dribbble d'une manière plus simple. Il vous nourrira d'une sélection des meilleurs “Coups” de Dribbble. Si vous n'aimez pas le plan en question, appuyez sur la flèche gauche du clavier et, si vous le souhaitez, sur la flèche droite. Tous les plans que vous avez aimés apparaîtront dans votre compte Dribbble - en voici un exemple.

Modèle de conception mobile

le Modèle de conception mobile book est une collection de modèles de conception mobile communs sélectionnés appliqués dans mobile en 2014. Non seulement fournit-il une inspiration, le livre couvre également la décision et le raisonnement qui sous-tendent une telle conception. Un bon livre qui devrait être sur l'étagère de livres numériques de tout concepteur d'applications Web et.

FontAwesome Photoshop

FontAwesome est… génial. Pour le rendre encore plus… génial, installez ce plugin dans Photoshop afin de pouvoir l'ajouter rapidement à votre conception.