Codex du développeur
Une vie de développeur / concepteur Web peut être difficile. Il est difficile de trouver les bons outils, les images, les tutoriels ... etc. J'espère que cette collection de liens vous aidera à vous faciliter un peu les choses.
«Les trois grands éléments essentiels pour réaliser tout ce qui vaut la peine est: le travail acharné, le bâton-ititivité et le bon sens.» - Thomas A. Edison
Contribuer
Vous avez un lien utile à partager? Suggestions? Voir des erreurs ou un lien cassé? Envoyez une demande de traction!
Inspiration
Ressources pour quand vous avez besoin d'inspiration
Sites Web pour donner quelques idées / inspiration
- Awwwards - Collection de grands sites
- Httpster - une autre collection de grands sites
- Thebestdesigns - vitrine de beaux sites
- Gagnant CSS - Liste des conceptions révisées
- Site Inspire - site de sites frais
- OnePageLove - Excellents conceptions pour une page sites Web
- CSS Design Awards - Beau site en soi. Ce site contient une liste de conceptions dignes de primes ainsi qu'un site de jour.
- Dribble - Un endroit où les concepteurs pour montrer leur travail
- CSS Awards - Une autre vitrine des conceptions de sites Web examinées
Extraits de code
- Codepen - terrain de jeu pour l'inspiration et les extraits
- Codemyui - Extraits de code + tutoriels!
- Codyhouse - HTML, CSS, JS Nuggets
- Codepad.co - Un endroit où les développeurs peuvent partager et enregistrer des extraits de code
Actifs
Collection d'images, icônes, polices ..etc pour vraiment faire éclater vos sites
Images
- Picjumbo - Photos de stock gratuites
- UNSPLASH - Plus de photos gratuites!
- Nouveau ancien stock - Photos vintage gratuites - Beaucoup de sépia
- La bibliothèque de modèles - Collection d'horizons amusants
- Modèles subtils - site d'arrière-plans gratuits et subtils
- Death to Stock Photos - Photos mensuelles vous a envoyé un e-mail
- Planification - Générez des images d'espace réservé pour votre site
- Chat Wocintech - Photos gratuites représentant des femmes et des personnes non binaires de couleur
- PLACEKITTEN - Images d'espaceurs sur le thème des chaton pour les développeurs
Icônes
- Font génial - Bibliothèque géniale d'icônes
- FLaticon - Énorme collection d'icônes libres: formats PNG, SVG, EPS, PSD
- Icônes ioniques - Icônes propres et ioniques
- Icônes simples - Icônes SVG pour les marques populaires. Entretenu par Dan Leech.
- Le projet de nom - une autre pléthore de grandes icônes
- Icônes de plumes - Collection open source d'icônes de beautiul
Polices
- Google Fonts - Probablement l'endroit le plus populaire pour trouver des polices
- Google Fonts a maintenant une interface utilisateur plus récente et plus propre pour leur bibliothèque de polices: Google Fonts 2.0
Outils
Outils utiles pour aider au développement
Outils de couleur
- ColorPicker - une extension chromée très pratique pour saisir des couleurs sur une page
- Colorzilla - Un autre outil de couleur pratique (Avaiable pour Firefox aussi)
- CSS3GEN - Un excellent générateur de gradient facile à utiliser
- Spectral - Créez un échantillon de couleur
Outils pour échafaudage frontal / «bootstrap»
- Bootstrap - Framework populaire pour concevoir des sites et applications réactifs
- BootSwatch - Beau thèmes pour pimenter le look de bootstrap
- StartBootstrap - thèmes d'amorçage open source gratuit
- Fondation - Un autre cadre populaire pour le développement Web
- Bulma - un framework CSS moderne basé sur Flexbox
- Squelette - Un chauffeur CSS propre, nulle (jeu de mots) et réactif
- Non sémantique - un système simple et fluide
- FLATUI - Un cadre HTML et CSS très sexy pour un design plat
- MATÉRIALISE - Un cadre frontal moderne inspiré de la conception de matériaux de Google
- Tachyons - Créez des applications rapides à 100% réactives avec très peu de CSS
- Colormind - Générez une palette de couleurs pour votre projet en utilisant ML - très cool
Outils de flux de travail et de construction - pour vous faciliter la vie
- Gulp - Un coureur de tâche pour automatiser ces tâches fastidieuses et répétitives
- Grunt - Un autre coureur de tâche populaire
- WebPack - un bundler modulaire pour le code de regroupement en morceaux pratiques
- Yeoman - Un outil d'échafaudage pour créer des applications Web modernes
Collaborer
Outils utiles pour permettre la collaboration
- Cloud9 - code et travailler avec d'autres dans le cloud
- JSFiddle - JS Fiddle propose une fonctionnalité de collaboration vraiment cool, bien que je n'ai pas utilisé trop souvent
- Codepen - Codepen propose également une option de collaboration (bien que je crois que c'est pour les utilisateurs Pro ATM)
- GIST - Partagez le code rapidement. agit comme un bloc-notes pour le code
- Slack - Les collaborateurs doivent communiquer rapidement. Slack semble être l'application de chat la plus populaire parmi les équipes de développement
Excellent matériel de lecture
Excellentes ressources de lecture pour suivre les dernières tendances / nouvelles
- Une liste à part - Articles de développement perspicaces et informatifs
- Medium - une plate-forme de blog avec chaque sujet imaginable. Pour affiner votre recherche, tapez simplement votre requête dans la barre de recherche
- CSS Tricks - Un excellent blog / tutoriel pour à peu près tout ce qui concerne le code.
- Smashing Magazine - Site rempli d'articles de développement et de conception utiles
- Front End Developer Weekly - Front-End Dev News, Tools ..ETC vous envoyé un e-mail Weekly
Licence
Moi, Vinny Aceto, renonce à tous les intérêts protégés par le droit d'auteur et les intérêts connexes inclus dans ce projet
