15 Online-Typografie-Tools, die alle Designer kennen sollten
Typografie ist die Grundlage jedes Designs, denn Lesen ist eines der grundlegendsten Dinge, die wir im Internet machen. Die von Ihnen gewählte Typografie wirkt sich auf mehrere Aspekte einer Website aus, einschließlich Lesbarkeit, Stimmung und Benutzerfreundlichkeit insgesamt . Designer und Entwickler müssen die Grundprinzipien der Typografie kennen, um lesbare, ansprechende Designs zu erstellen .
Wir haben bereits über Tools zur Zeichensatzpaarung gesprochen, und heute teilen wir Ihnen Werkzeuge mit, mit denen Sie eine bessere Leseerfahrung in den von Ihnen erstellten und / oder gestalteten Websites erzielen können.
Hier sind die Plugins, Online-Tools und Skripte, die Ihnen helfen werden , tolle Überschriften zu erstellen und lesbaren Text zu säubern .
Typenschild
Es wird keine Designauswahl für Sie treffen, aber es wird das richtige Markup mit Styling für gängige typografische Vorlagen definieren. Es kann Ihnen auch Tipps geben, wie Textkopien richtig formatiert werden.
Check out : Demo | Dokumentation
GutenbergGutenberg ist ein flexibles und einfach zu bedienendes Typografie-Starterkit für Entwickler und Designer. Es wird Ihnen helfen, die Größe des Grundtyps, die Zeilenhöhe und die maximale Breite festzulegen. Gutenberg ist ein Open-Source-Projekt, also kannst du es mittragen, anpassen und modifizieren.
Check out : Demo | Dokumentation
Beschriftung.jsLettering.js ist ein jQuery-Plugin, mit dem Sie die Kerning-Art steuern können. Es ermöglicht Ihnen, redaktionelles Design mit Leichtigkeit zu erhalten und Code zu verwalten. Die Website bietet erstaunliche Beispiele von Typografie mit diesem Plugin zur Inspiration gemacht.
Check out : Demo | Dokumentation
Typebase.cssTypebase.css ist ein anpassbares Typografie-Stylesheet. Es enthält sowohl Saas als auch weniger Versionen und lässt sich leicht in moderne Webprojekte umwandeln.
Check out : Demo | Dokumentation
FitTextFitText ist ein Plugin, das die Schriftgrößen Ihrer Website flexibel macht. Es wird Ihnen helfen, skalierbare Überschriften für verschiedene Bildschirmauflösungen zu erreichen. Mit anderen Worten, machen Sie Ihre Typografie ansprechend. Es ist nur für die Darstellung von riesigem Text gedacht.
Check out : Demo | Dokumentation
Kerning.jsKerning.js hilft Ihnen beim automatischen Transformieren, Skalieren und Ändern Ihrer Typografie mit CSS. Es ist einfach, mit Kerning.js zu beginnen.
Check out : Demo | Dokumentation
Schriftsätze.cssMit typesettings.css kannst du minimalistische Webprojekte oder Blogs erstellen. Alle hier verwendeten Typografiestile sind von den Grundlagen des Grafikdesigns inspiriert.
Check out : Demo | Dokumentation
RucksackMit Rucksack können Sie dank einer neuen, reaktionsschnellen Eigenschaft auf die Schriftgröße erstaunliche flüssige Typografie produzieren. Die Erstellung reaktionsfreudiger Typografie ist außergewöhnlich einfach.
Check out : Demo | Dokumentation
FlowType.JSDie am besten lesbare Typografie enthält zwischen 45 und 75 Zeichen pro Zeile, aber für Entwickler ist dieses Gleichgewicht eine Herausforderung. FlowType.JS ändert die Schriftgröße und anschließend die Zeilenhöhe basierend auf der Breite eines bestimmten Elements.
Check out : Demo | Dokumentation
Blast.jsBlast.js wird Ihnen helfen, Texte zu trennen, um die Typografie einfacher zu manipulieren. Es enthält 4 eingebaute Trennzeichen: Zeichen, Wort, Satz und Element. Es kann auch benutzerdefinierte Ausdrücke und Ausdrücke zuordnen.
Check out : Demo | Dokumentation
slabTextslabText ist ein einfaches Skript, das Überschriften in Zeilen aufteilt, um den verfügbaren horizontalen Bereich perfekt auszufüllen. Das Skript berechnet eine ideale Anzahl von Zeichen, die in jeder Zeile festgelegt werden, indem die verfügbare Breite durch die Pixelschriftgröße geteilt wird.
Check out : Demo | Dokumentation
Geben Sie Maßstab einMit Type Scale können Sie eine Vorschau für die richtige Typskala für Ihr Projekt anzeigen und auswählen. Es gibt keine Regeln - spielen Sie einfach mit Schriftgröße, Skalierung und verschiedenen Webschriften.
Check out : Demo | Dokumentation
TypografischTypographisch hilft Ihnen, die Typografie ansprechend zu gestalten. Alles, was Sie tun müssen, ist nur ein paar Schriftarten zu wählen, ein paar Einstellungen zu setzen und Sie werden eine nette reaktionsfähige Typografie bekommen.
Check out : Demo | Dokumentation
TypiTypi ist ein SaaS-Mix, mit dem Sie schnell reagieren können. Es erstellt Schriftgröße und Zeilenhöhe für HTML und andere Elemente. Außerdem verfügt Typi über eine vertikale Rhythmusfunktion, um Linienhöhen zu berechnen.
Check out : Dokumentation
Futter.js
Mit dem Lining.js-Plugin erhalten Sie die vollständige Kontrolle über die Web-Typografie. Es wird von den meisten gängigen Browsern wie Safari, Google Chrome, Opera und Mozilla Firefox unterstützt.
Check out : Demo | Dokumentation
Bonus: 2 Weitere Tools!Status des Webtyps
State of the Web Type ist eine Website, die aktuelle Daten über die Unterstützung von Typen und Features im Web bereitstellt. Sie können Suchen oder Kategorien wie Unterschneidung, Großbuchstabenabstände, Laden von CSS-Schriftarten und mehr verwenden, um genau das zu finden, was Sie benötigen.
TypographTypograph ist ein großartiges Web- und Skizzen-Plugin, mit dem Sie nicht-schließende Leerzeichen nach ein-Buchstaben-Wörtern schreiben können, verbinden Sie die Nummer und die Einheit. Es entfernt auch doppelte Leerzeichen, Eingaben, Punkte und andere Tippfehler, so dass Sie eine saubere schöne Typografie erhalten, die leicht zu lesen ist.
Check out : Dokumentation
So extrahieren Sie Text und Bilder ganz einfach aus MS Office-Dateien
Möglicherweise müssen wir Bilder oder Text aus einer MS Word- oder MS Powerpoint-Datei extrahieren. Normalerweise kann das manuelle Kopieren und Einfügen von einer Seite nach der anderen enthalten sein, und bei mega-großen Dateien wird das ziemlich viel Zeit in Anspruch nehmen.Nun, wir haben einen einfachen Trick, um Bilder und Text aus Dateien des neuen Formats zu extrahieren, zB DOCX, PPTX, XLSX. Be
20 Websites zum Verkaufen und Veröffentlichen Ihrer eBooks
"Wenn du in etwas gut bist, tu es nie umsonst", ist der berühmteste Dialog aus dem Film The Dark Knight - und etwas, an das ich absolut glaube. Wenn du ein Experte in einem bestimmten Bereich bist, dann ist das Teilen kein Problem Ihr Wissen, um Geld zu verdienen. Und in der heutigen Internet-anfälligen Welt ist ein guter Weg, dies zu tun, ein E-Book zu schreiben und zu verkaufen.A