Wir sind sicherlich nicht für immer „fertig“ in Photoshop für dieses Design, aber wir haben genug, um damit im Browser zu beginnen, dieses Design zu erstellen. Schließlich bauen wir eine Website, keine Bilder einer Website (wie man so schön sagt).
Wir erstellen einen Ordner, der das Zuhause für dieses Projekt sein wird, und erstellen dann manuell alle grundlegenden Elemente eines Projekts: eine index.html-Datei, Ressourcenordner und dergleichen. Wir hätten HTML5 Boilerplate verwenden können, aber wir entschieden uns, dass es am besten wäre, von Grund auf neu zu schreiben und dann darauf zurückzugreifen, um sicherzustellen, dass wir in Zukunft nichts übersehen.
Wir haben CodeKit eingerichtet, um unseren Projektordner zu überwachen. Auf diese Weise können wir in beliebigen Präprozessor-Sprachen arbeiten, neben anderen coolen Dingen, die CodeKit für uns erledigt. CodeKit injiziert neu kompilierte CSS-Dateien automatisch direkt in den Browser, was während der Entwicklung eine enorme Geschwindigkeitsunterstützung darstellt.
Wir führen die sehr grundlegenden Konzepte von Sass ein, das wir im gesamten Projekt verwenden werden.
Täusche ich mich oder passen das Video und die Beschreibung nicht zusammen?
Ups, Entschuldigung, behoben!
Ja, das ist das Video für Teil #010.
Werden Sie an irgendeiner Stelle in den Screencasts Ihre Chrome-Erweiterungen vorstellen, falls diese für diesen Prozess nützlich sind? Ich würde gerne wissen, was das Keks-Symbol ist! xD
Dieses spezielle heißt Edit This Cookie und ich benutze es hauptsächlich, um Cookies super einfach zu löschen. Ich muss das bei PayPal.com oft tun, wenn ich viele „Bad Request“-Fehler erhalte.
Oh cool, danke!
Bisher tolle Videos! Welches Tool verwenden Sie, um Tabs in Ihrem Finder-Fenster zu haben?
Total Finder
Fantastisch, danke!
Ja, ich benutze auch Total Finder. Es war die günstigste Version von Drittanbieter-Finder-Apps. Allerdings stockt es hier und da.
Codekit ist auch top, großer Fan.
Viele Wege führen nach Rom, wie man so schön sagt.
Diese Screencast ist spitze!!!
Was haben Sie installiert, damit die Website automatisch neu lädt, wenn Sie die Hintergrundfarbe ändern?
Er verwendet CodeKit, das SASS verarbeitet und auch die nette Funktion hat, alle Änderungen, die es erkennt, sofort in das geöffnete Chrome-Fenster zu laden.
Das war mein erster Blick auf CodeKit und ich könnte meinen PC aus dem Fenster werfen, nur um für diese eine App nach Mac zu wechseln.
Was ist die Tastenkombination, um das Element in SublimeText2 zu vervollständigen?
Command-Shift-Punkt
@Ryan
KEINE AHNUNG! Scout App kann das nicht! Ich habe stundenlang darüber nachgedacht! Verdammt!
Hallo Chris,
Ich habe mich gerade bei Lodge angemeldet und es ist ein sehr hilfreicher Kurs für jemanden wie mich, der erst kürzlich mit Front-End angefangen hat. Ich lese in letzter Zeit über Mixture (http://mixture.io/) und wollte Ihre Meinung dazu hören? Gibt es besondere Vorteile, die CodeKit zu einem besseren Werkzeug machen?
Ich habe nur Gutes gehört. Sie können einfach die Funktionsliste durchgehen und sehen, was Mixture hat, was CodeKit nicht hat. Zum Beispiel Projekt-Scaffolding, integrierter Server, Bereitstellung… Es gibt ein paar Kleinigkeiten, die CodeKit hat und die Mixture nicht, wie Bourbon-Unterstützung und Projekteinstellungen über eine .json-Datei.
Wenn Sie nach einem CodeKit-ähnlichen Programm für Windows suchen, schauen Sie sich Prepros
zur Verarbeitung Ihrer SASS an…
@Roy macht einen tollen Vorschlag.
Ich habe gerade Prepros für Windows gekauft und es hat die meisten, wenn nicht alle Funktionen, die Codekit hat. Es gibt sogar eine Einstellung „Live-Vorschau öffnen“ (stellen Sie einfach sicher, dass „Live-Browser-Aktualisierung“ unter Allgemeine Optionen aktiviert ist). Dann beobachten Sie, wie Ihr Code die Seite in Ihrem Browser automatisch verändert! Bin gerade extrem zufrieden mit Prepros =P