Entwickler Codex
Das Leben eines Webentwicklers / Designers kann schwierig sein. Es ist schwierig, die richtigen Werkzeuge, Bilder, Tutorials zu finden ... usw. Ich hoffe, diese Sammlung von Links wird Ihnen dazu beitragen, die Dinge ein bisschen einfacher zu machen.
"Die drei großartigen Grundlagen, um etwas Wertvolles zu erreichen, sind: harte Arbeit, Aufstock und gesunden Menschenverstand." - Thomas A. Edison
Beitragen
Haben Sie einen hilfreichen Link zum Teilen? Vorschläge? Sehen Sie irgendwelche Fehler oder einen gebrochenen Link? Senden Sie eine Pull -Anfrage!
Inspiration
Ressourcen, wenn Sie Inspiration benötigen
Websites, um einige Ideen / Inspiration zu geben
- Awwwards - Sammlung großartiger Websites
- Httpster - Eine weitere Sammlung großartiger Websites
- Thebestdesigns - Präsentation schöner Sehenswürdigkeiten
- CSS -Gewinner - Liste der überprüften Designs
- Site Inspire - Standort frischer Websites
- OnePagelove - Tolle Designs für eine Seite Websites
- CSS Design Awards - schöne Seite an und für sich. Diese Seite enthält eine Liste preiswürdiger Designs sowie einen Tag des Tages.
- Dribble - ein Ort für Designer, an dem sie ihre Arbeit zeigen können
- CSS Awards - Ein weiteres Schaufenster von überprüften Website -Designs
Code -Ausschnitte
- Codepen - Spielplatz für Inspiration und Snippets
- Codemyui - Code -Snippets + Tutorials!
- Codyhouse - HTML, CSS, JS Nuggets
- Codepad.co - Ein Ort, an dem Entwickler Code -Snippets teilen und sparen können
Vermögenswerte
Sammlung von Bildern, Ikonen, Schriftarten ..ETC, um Ihre Websites wirklich zum Pop zu bringen
Bilder
- Picjumbo - kostenlose Stock Fotos
- Unplash - Weitere kostenlose Stockfotos!
- Neue alte Aktie - kostenlose Vintage -Fotos - viel Sepia
- Die Musterbibliothek - Sammlung von lustigen Hintergründen
- Subtile Muster - Standort freier, subtiler Hintergründe
- Tod an Stockfotos - monatliche Fotos per E -Mail an Sie gesendet
- Platzhalte - Generieren Sie Platzhalterbilder für Ihre Website
- Wokintech -Chat - kostenlose Stock Fotos, die Frauen und nicht -binäre Farbige vertreten
- Placekitten - Platzhalterbilder zum Thema Kätzchen für Entwickler
Ikonen
- Schriftart großartig - großartige Bibliothek der Ikonen
- Flaticon - Riesige Sammlung freier Ikonen: PNG, SVG, EPS, PSD -Formate
- Ionikonen - saubere, ionische Ikonen
- Einfache Ikonen - SVG -Symbole für beliebte Marken. Pflege von Dan Leech.
- Das Substantivprojekt - eine weitere Fülle großartiger Ikonen
- Feder -Ikonen - Open -Source -Sammlung von Beautiul -Ikonen
Schriftarten
- Google -Schriftarten - wahrscheinlich der beliebteste Ort, um Schriftarten zu finden
- Google Fonts hat jetzt eine neuere, sauberere Benutzeroberfläche für ihre Schriftart Bibliothek: Google Fonts 2.0
Werkzeuge
Nützliche Instrumente zur Entwicklung der Entwicklung
Werkzeuge für Farbe
- Colorpicker - Eine sehr praktische Chromverlängerung zum Erreichen von Farben auf einer Seite
- Colorzilla - Ein weiteres praktisches Farbwerkzeug (auch für Firefox)
- CSS3Gen - Ein ausgezeichneter, einfach zu bedienender Gradientengenerator
- Spectral - Erstellen Sie ein Farbmuster
Werkzeuge für das Front -End -Gerüst / 'Bootstrapping'
- Bootstrap - Beliebtes Framework für die Gestaltung reagierender Websites und Anwendungen
- Bootswatch - Schöne Themen, um Bootstraps Look aufzupeppen
- Startbootstrap - kostenlose Open -Source -Bootstrap -Themen
- Foundation - Ein weiterer beliebter Rahmen für die Webentwicklung
- Bulma - ein modernes CSS -Framework basierend auf Flexbox
- Skelett - ein sauberes, bareboniertes (Wortspiel beabsichtigt), reaktionsschnell CSS -Kesselplatte
- Unabhängig - ein einfaches, flüssiges Gittersystem
- FlatUi - Ein sehr sexy HTML- und CSS -Framework für ein flaches Design
- Materialize - Ein modernes Front -End -Framework, das von Googles Materialdesign inspiriert ist
- Tachyons - Erstellen Sie schnelle, 100% reaktionsschnelle Apps mit sehr wenig CSS
- COLORMIND - Erzeugen Sie eine Farbpalette für Ihr Projekt mit ML - sehr cool
Workflow und Build -Werkzeuge - um Ihr Leben zu erleichtern
- Gulp - Ein Aufgabenläufer, um diese mühsamen, sich wiederholenden Aufgaben zu automatisieren
- Grunzen - ein weiterer beliebter Task -Läufer
- Webpack - Ein modularer Bundler zum Bündeln von Code in bequeme Stücke
- Yeoman - Ein Gerüst -Tool zum Erstellen moderner Web -Apps
Zusammenarbeiten
Nützliche Tools, die Zusammenarbeit ermöglichen
- Cloud9 - Code und arbeiten mit anderen in der Cloud zusammen
- JSFIDDLE - JS Fiddle bietet eine wirklich coole Zusammenarbeit, obwohl ich nicht zu oft verwendet habe
- Codepen - Codepen bietet auch eine Zusammenarbeitsoption (obwohl ich glaube, dass es für Pro -Benutzer -Geldautomaten ist)
- GIST - Code schnell teilen. wirkt wie ein Notizblock für Code
- Slack - Mitarbeiter müssen schnell kommunizieren. Slack scheint die beliebteste Chat -App unter den Entwicklungsteams zu sein
Tolles Lesematerial
Tolle Leseressourcen, um mit den neuesten Trends/Nachrichten Schritt zu halten
- Eine Liste auseinander - aufschlussreiche und informative Entwicklerartikel
- Medium - eine Blog -Plattform mit jedem erdenklichen Thema. Um Ihre Suche zu verfeinern, geben Sie einfach Ihre Abfrage in die Suchleiste ein
- CSS -Tricks - Ein tolles Blog/Tutorial für fast alles, was Code zu tun hat.
- Smashing Magazine - Site mit nützlichen Entwicklungs- und Designartikeln gefüllt
- Frontend Developer Weekly - Front -End -Entwicklernachrichten, Tools ..ETC E -Mail an Sie wöchentlich
Lizenz
Ich, Vinny Aceto, verzichtet auf alle in diesem Projekt enthaltenen Copyright-geschützten und verwandten Interessen
