fontah

Schriftart!

Schnelle Prototypen eines Textes mit zufälligen Einstellungen. Verwenden Sie es, um eine Schrift/Farb-/Größenkombination für einen Text an einem einzelnen Ort mit ein wenig Hilfe vom ... Schicksal zu finden.

Nur:

• Geben Sie den Text ein
• Verwenden Sie die Schaltflächen im Header, um Farben, Größe und Schrift zu ändern
• Kopieren Sie Schriftart und Farbparameter aus der Fußzeile
• Senden Sie den Link und teilen Sie Änderungen in Echtzeit

Unterstützte Schriftarten Quellen:

• Google-Schriftarten (lokal heruntergeladen, um das Teilen von Api-Key zu vermeiden)
• Typkit
• Andere Quellen? Ausgabe bitte!

Wie es gemacht ist

Hergestellt mit Hyperapp, V2 Branch.

Was kommt als nächstes

Hier sind eine Idee, wie das Projekt verbessert werden kann:

• Erhöhen/verringern die Schriftgröße anstelle der zufälligen Größe
• Verwenden Sie HyperApp -Abonnements zum Speichern von FireBase
• Mobilfreundlich (mehr oder weniger)
• Teilen Sie Ihre Arbeit (URL) und arbeiten Sie mit einem einzigartigen Link zusammen (Firebase Backed)
• Seitenzuschauer benachrichtigen
• Arbeit ohne Brandbasis -Backend im Falle eines Quoten -Ablaufs - Mal sehen, ob es funktioniert
• Fehlermanagement bei Effekten (Firebase -Quoten, Schriftlastversagen) - Lassen Sie uns sehen, ob es funktioniert
• Einstellungen für Firestore einstellen
• Upvote -Kombination
• Lesezeichen, mit lokaler Speicherdauer
• Kombinationsgeschichte
• Kopieren Sie CSS
• Verwenden Sie HyperApp-Abonnements für Medienwechsel in JS
• PWA
• Couchdb Backend?

Wie man es lokal ausführt

Klonen Sie das Repo:

git clone https://github.com/ddmng/fontah.git
cd fontah/

Datei src/fbconfig.js enthält die Firebase -API -Taste, um den Anwendungsstatus zu speichern. Sie finden Ihre in Ihrer Feuerwehrkonsole.

Wenn Sie keine Firebase einrichten können, verwenden Sie das nobackend -Tag, das nicht die Funktion "Share" hat.

Bauen es:

npm run build

Dann servieren Sie es:

npm start