UIengineering Website
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
src
.babelrc
.editorconfig
.gitignore
.rsync-exclude-assets
.rsync-exclude-site
.travis.yml
README.md
deploy_rsa.enc
gulpfile.babel.js
package-lock.json
package.json
uiengine.config.js

README.md

UI engineering Website

Standard - JavaScript Style Guide

📦 Wie setze ich das Projekt auf?

Abhängigkeiten installieren:

$ npm install

👷 Wie baue ich das Projekt?

Mit folgendem Task genutzt werden Änderungen kontinuierlich gebaut:

$ npm start

Der Befehl startet einen lokalen Entwicklungs-Server unter http://localhost:3000/

🎙 Wie füge ich eine neue Episode hinzu?

  • Die MP3-Datei wird unter src/mp3s abgelegt
  • In src/podcast legt man auf Basis einer bestehenden Markdown Datei eine neue an (Datum und Name anpassen)
  • Das Bild der Episode wird in der Größe 3000 bereits optimiert unter src/images/podcast in einem Ordner mit dem Episoden-Bezeichner abgelegt. Der Ordnername wird als imageDir in den Metadaten im Markdown referenziert.
  • Der Bild-Generierungstask (siehe nächster Punkt) wird gestartet.

🖼 Wie generiere ich die passenden Bildgrößen für die Episoden?

Für das Skalieren der Bilder werden ImageMagick und GraphicsMagick benötigt:

$ brew install imagemagick
$ brew install graphicsmagick

Damit kann man nun mit folgendem Task aus einem 3000er-Vorlagebild alle entsprechenden Größen generieren:

$ npm run images

Dieser Task muss manuell ausgeführt werden und ist nicht Bestandteil des normalen Buildprozess, da die generierten Bilder im src-Verzeichnis abgelegt werden und dieser Schritt nur einmal erfolgen sollte.

🖼 Wie exportiere ich die Komponenten für Sketch?

Der Sketch Library Export kann mit foilgendem Befehl generiert werden:

$ npm run sketch

Daraufhin liegen im Ordner sketch die Dateien, die in Sketch über das asketch-Plugin importiert werden können.

🚀 Wie deploye ich das Projekt?

Dieser Befehl erstellt einen neuen Production-Build und deployed diesen:

$ npm run build-and-deploy