startover

Auslauf

Mithilfe von HTML5, SASS, GULP und ES2015 ist eine hochsprachige Kesselplatte für die Entwicklung statischer Websites auf Ihrem Mac. Mit Begeisterung müssen Sie nicht von vorne anfangen!

Noch ein Kesselplatten?

Ich stimme zu! Wir brauchen wirklich keine Kesselplatten oder Frameworks für die Entwicklung von Websites. Der Beginn ist stark auf die Werke anderer wie HTML5Boilerplate abhängt. Keiner der Kesselplatten, auf die ich gestoßen bin, war für mich richtig. Begeisterung ist nicht jedermanns Sache . Ich habe einen Beginn erstellt, um meinen Workflow mit den Tools anzupassen, die ich bei der Entwicklung von Websites gerne verwende. Sterne kann entweder so wie es ist oder als Inspiration für Ihren Entwicklungsworkflow verwendet werden.

Ein paar Haftungsausschlüsse:

• Der Auslauf basiert auf meinem Workflow und wie ich mit statischer Website -Entwicklung arbeite. Ich erwarte nicht, dass der Code für niemanden verwendet werden kann, aber wenn Sie ihn verwenden können, macht mich das glücklich!
• Der Code in diesem Repository ist größtenteils undokumentiert. Das heißt, wenn Sie keine Ahnung haben, was ein Teil des Codes tun oder nur eine Frage haben, öffnen Sie einfach ein neues Problem und ich werde versuchen zu antworten.

Der Code in diesem Repo geht davon aus, dass Sie mit den folgenden Technologien vertraut sind:

• Schluck. Ein Toolkit zur Automatisierung von Aufgaben wie das Verschieben, Kopieren, Erstellen oder andere Manipulieren von Dateien.
• Sass. Ein Superset von CSS, das Nist, Funktionen, Mixins und mehr ermöglicht.
• Bem. Eine Strategie zur Benennung von CSS -Klassen und HTML -Elementen in modular wiederverwendbarer Weise.
• Lenker. Eine Vorlagensprache für HTML, die in JavaScript geschrieben wurde.
• Äußern. Ein einfacher Webserver, der auf node.js ausgeführt wird
• Babel. Ein Compiler, der Webbrowser generiert, unterstützt JavaScript aus Ihrem ES2015/ES2016 -Code.
• Dokku. Ein Docker Powered PaaS -Server. (Ermöglicht es Ihnen im Grunde, einen eigenen Heroku -Server zu haben).

Andere Technologien, die in dieser Kesselplatte verwendet werden: BrowserSync, Browserify, JQuery, Ladda, Normalize.css, retina.js, wachyify.

Begeisterung in freier Wildbahn

Hier sind einige Websites, bei denen Sterne 2.0 verwendet wird:

• Directhis.com (Quelle)
• Northplay.co (Quelle)

Hier sind einige Websites, die mit Beginn von 1.0 gebaut wurden:

• Robo.cat (Quelle)
• itsbreaking.com (Quelle)
• thermodo.com (Quelle)
• im Fernsehen übertragene Anapte.com (Quelle)
• Designdk.co (Quelle)
• cphfront.com (Quelle)

Wenn Sie einen Auslauf verwenden, sollten Sie es mir voll und ganz sagen, dass Sie hier auf dieser Liste der fantastischen Websites (Selbst-Five) vorgestellt werden können.

Anforderungen

Sie müssen Folgendes installieren lassen, um den Code in diesem Repository zu verwenden:

• NPM (Knotenpaketmanager)
• GraphicsMagick

Die einfache Möglichkeit, Node.js und GraphicsMagick auf einem Mac zu erhalten, verwendet Homebrew. Einfach rennen:

 brew update & brew install node graphicsmagick

Erste Schritte

Klonen Sie das Repository:

git clone [email protected]:ksmandersen/startover.git

Installieren Sie die Projektabhängigkeiten für Ruby Edelsteine ​​und Knotenpakete:

 npm install

Gebäude

So führen Sie die lokale Entwicklungsversion der Website mit Browser -Synchronisation aus:

 npm run dev

Erstellen Sie eine lokale Version der Website:

 npm run build

Erstellen Sie eine Release -Version der Website:

 npm run build-production

Bereitstellung

Ich benutze Dokku seit einiger Zeit, um diesen Stapel bereitzustellen. Das Repo enthält eine einfache NodeJS -Server -App, die auf Express ausgeführt wird, um den statischen Inhalt der Website zu bedienen. Sie sollten in der Lage sein, den Code überall bereitzustellen, der eine einfache NodeJS -App wie Heroku akzeptiert.

Lizenz

Die MIT-Lizenz (MIT) Copyright (C) 2013-2016 Kristian Andersen

Die Erlaubnis wird hiermit kostenlos an eine Person erteilt, die eine Kopie dieser Software und zugehörigen Dokumentationsdateien ("Software") erhält, um die Software ohne Einschränkung zu behandeln, einschließlich ohne Einschränkung der Rechte zu verwenden, zu kopieren, zu modifizieren, zu verschmelzen, verschmelzen , veröffentlichen, vertreiben, unterlizenzieren und/oder Kopien der Software verkaufen und Personen, denen die Software dazu bereitgestellt wird, unter den folgenden Bedingungen ermöglicht:

Die oben genannte Copyright -Mitteilung und diese Erlaubnisbekanntmachung müssen in alle Kopien oder wesentlichen Teile der Software enthalten sein.

Die Software wird "wie es ist" ohne Garantie jeglicher Art, ausdrücklich oder stillschweigend bereitgestellt, einschließlich, aber nicht beschränkt auf die Gewährleistung der Handelsfähigkeit, die Eignung für einen bestimmten Zweck und die Nichtverletzung. In keinem Fall haftet die Autoren oder Urheberrechtsinhaber für Ansprüche, Schäden oder andere Haftungen, sei es in einer Vertragsklage, unerlaubter Handlung oder anderweitig, aus oder im Zusammenhang mit der Software oder anderen Geschäften in der SOFTWARE.