20 weitere Online-Tools für das Webdesign

Dies ist Teil zwei der insgesamt 40 Online-Webdesign-Tools, die ich als am nützlichsten empfunden habe. In alphabetischer Reihenfolge sind die verbleibenden 20 Online-Ressourcen für Tools für Schriftart, Topografie und Typografie aufgeführt. Die ersten zwanzig sind im Beitrag "20 Online-Tools für das Webdesign" enthalten. Die Screenshots in voller Größe für jedes Tool finden Sie in der Begleitgalerie hier.

Ich verwende das Wort Topographie, um mich auf die "Oberflächenmerkmale" einer Website zu beziehen, dh das allgemeine Erscheinungsbild und die Zusammensetzung der Seitenelemente, einschließlich Typ, Grafiken, Bilder, Texturen und das gesamte Erscheinungsbild eines Webdesigns. Während die meisten dieser Tools typografischer Natur sind, enthält die Liste auch Tools, die bei Konvertierungen, Optimierungen, CSS, Bannern, Bildern und Farben helfen.

Anmerkung des Herausgebers : Um die Verwirrung zu vermeiden, die das Wort Topographie bei der Präsentation dieser Tools verursacht zu haben scheint, habe ich es aus den Titeln entfernt. Ich respektiere jedoch die Verwendung seiner eigenen Terminologie durch den professionellen Webdesigner, um die von ihm verwendeten Tools zu beschreiben.) # 21 Google Font Previewer und API

In diesem Handbuch wird erläutert, wie Sie mithilfe der Google Font Previewer-API Web-Schriftarten zu Ihren Seiten hinzufügen. Sie müssen keine Programmierung durchführen. Alles, was Sie tun müssen, ist, Ihrem HTML-Dokument einen speziellen Stylesheet-Link hinzuzufügen und dann auf die Schriftart in einem CSS-Stil zu verweisen.

# 22 HTML-Ipsum

Diese Website von Chris Coyier präsentiert diese nützliche Funktion von Ipsum-Text bereits in HTML-Tags. Klicken Sie einfach auf die Titel, um Text in Ihre Zwischenablage zu kopieren. Html-Ipsum gibt Ihnen den lateinischen Text, der bereits in HTML-Tags enthalten ist, als ungeordnete Liste, geordnete Liste oder Definitionsliste, um nur einige Beispiele zu nennen. Schauen Sie sich seine CSS-Tricks an, eine weitere großartige Ressource.

# 23 Identifont

Mit Identifont können Sie eine Schriftart anhand eines Beispiels identifizieren, indem Sie eine Reihe von Fragen zu Schlüsselmerkmalen beantworten. Identifont ist das größte unabhängige Verzeichnis von Schriften im Internet. Es bietet eine Reihe von Funktionen, mit denen Sie Schriftarten finden oder Informationen zu Schriftarten finden können:

  • Finden Sie Schriftarten nach Erscheinungsbild
  • Suchen Sie Schriftarten nach Namen
  • Finden Sie Schriftarten nach Ähnlichkeit
  • Finden Sie Bild- und Symbolschriftarten
  • Finden Sie Designer und Verlage

Die Identifont-Website basiert auf dem Common Lisp Hypermedia Server, einem Webserver, der für fortgeschrittene Anwendungen in KI und Forschung entwickelt und am Massachusetts Institute of Technology Labor für künstliche Intelligenz entwickelt wurde.

# 24 Lino Type Font Finder

Wenn Sie eine eingeschränkte Anzahl von Buchstaben haben, z. B. in einem Logo oder einer Überschrift, geben Sie diese in den Schriftfinder ein, und Ihnen werden Fragen gestellt, die anhand der von Ihnen angegebenen Buchstaben beantwortet werden können.

# 25 Lorem Ipsum

"Neque porro quisquam est qui dolorem ipsum quia dolor sitzen amet, consectetur, adipisci velit ..."

"Es gibt niemanden, der den Schmerz selbst liebt, der danach sucht und ihn haben will, einfach weil es Schmerz ist ..."

Die Absätze, Wörter, Bytes oder Listen von Lorem Ipsum sind verfügbar, einschließlich Scheinbanner in verschiedenen Farben und einer Reihe von Bannergrößen.

# 26 Microsoft Clear Type Tuner

Verwenden Sie diesen Online-Tuner, um Ihre Windows XP ClearType-Einstellungen für eine bessere Lesbarkeit anzupassen. Bitte beachten Sie, dass der Online-Tuner derzeit nicht mit Windows Vista funktioniert. # 27 Microsoft Typografie

Eine ausgewählte Liste von Microsoft-Produkten und -Schriftarten, die nach Familien aufgelistet sind, enthält auch eine Liste der wichtigsten Schriftarten für das Web und eine eindeutige Schriftsammlung.

# 28 PXtoEM

PXtoEM ist ein Taschenrechner, der Pixel, Ems, Punkte und Prozentsätze konvertiert. Konvertieren Sie mit diesem Online-Tool ganz einfach Pixel in em in Prozent in Punkte.

# 29 STC FontBrowser

Mit dieser Flash-Anwendung können Sie schnell eine Vorschau der auf Ihrem System aktiven Schriftarten anzeigen.

# 30 Texster

Obwohl es in russischer Sprache zu sein scheint, ist dieses Tool eine sehr hilfreiche Schriftartenauswahl mit Optionen zum Ändern der Größe, Zeilenhöhe, des Buchstabenabstands, des Wortabstands und des Texteinzugs in em, px, pt oder%. Optionen für Farbe und Hintergrundfarbe auch. Holen Sie sich einfach das CSS, wenn Sie konfiguriert haben, was Sie benötigen.

# 31 Das TTFTitles WordPress Plugin

Mit diesem WordPress-Plugin können Sie Bilder verwenden, um die Titel Ihrer Beiträge zu ersetzen, und so das Problem umgehen, zu erraten, welche Schriftarten Ihre Endbenutzer möglicherweise installiert haben.

# 32 Typendiagramm

Mit Typechart können Sie beim Abrufen des CSS die Web-Typografie durchblättern, in der Vorschau anzeigen und vergleichen:

  • Durchsuchen Sie typografische Stile.
  • Laden Sie CSS herunter.
  • Vergleichen Sie das Windows-Rendering (ClearType) mit dem Rendering von Apple-Schriftarten. Jeder Stil entspricht einer "Stil-ID", mit der Sie Prototypen mit Anmerkungen versehen und das CSS beim Codieren abrufen können.
# 33 Geben Sie Navigator ein

TypeNavigator ist das weltweit erste interaktive Suchsystem für visuelle Schriftarten. Wählen Sie aus den Formularen links die Schrift aus, nach der Sie am besten suchen, und wählen Sie dann andere Attribute aus, indem Sie die Optionsfelder auswählen, die die Merkmale definieren, und klicken Sie dann auf "Suchen".

# 34 Typ Tester

Typetester ist eine Online-Anwendung zum Vergleich der Schriftarten für den Bildschirm. Da die neuen Schriftarten in Betriebssystemen gebündelt sind, wird die Liste der allgemeinen Schriftarten aktualisiert. Die Codestruktur von Typetester ist XHTML, mit dem besten CSS gestaltet und vom JavaScript zur Bearbeitung von DOM-Strukturen gesteuert. Typetester funktioniert nicht ohne aktiviertes JavaScript. Typetester wird von User Interface Studio erstellt.

# 35 typeface.js

Anstatt Bilder zu erstellen oder Flash zu verwenden, um den grafischen Text Ihrer Site in der gewünschten Schriftart anzuzeigen, können Sie typeface.js verwenden und in einfachem HTML und CSS schreiben, als hätten Ihre Besucher die Schriftart lokal installiert. Um es auszuführen, müssen Sie Folgendes tun: Laden Sie die Bibliothek typeface.js und einige Schriftarten von typeface.js und fahren Sie dann wie gewohnt fort.

# 36 Typophiles Forum

Eines der besten typografischen Foren, in dem Sie sehr nützliche Informationen finden, Ihre Fragen stellen und erfahrene Personen im selben Bereich finden können.

# 37 Typotheque Hi-Res FontTester

Dies ist ein nützliches Werkzeug. Es ist jedoch nur auf die Schriftarten beschränkt, die auf der Website erhältlich sind. Sie können aus den Endergebnissen eine PDF-Datei erstellen.

# 38 Was die Schriftart (Meine Schriftarten)

Mit WhatTheFont können Sie die URL einer Schriftart scannen oder angeben und erfahren, um welche es sich handelt. Haben Sie eine verwendete Schriftart gesehen und möchten wissen, um welche es sich handelt? Senden Sie ein Bild an WhatTheFont, um die nächstgelegene Übereinstimmung in der Datenbank zu finden. Oder lassen Sie sich im WhatTheFont-Forum von gehüllten Schriftbegeisterten unterstützen.

# 39 Wordle

Wordle ist eine unterhaltsame Online-Anwendung zum Generieren von "Wortwolken" aus Text oder URL mit dem von Ihnen bereitgestellten RSS-Feed. Die Wolken geben Wörtern, die im Quelltext häufiger vorkommen, eine größere Bedeutung. Sie können Ihre Wolken mit verschiedenen Schriftarten, Layouts und Farbschemata optimieren. Die Bilder, die Sie mit Wordle erstellen, können Sie nach Belieben verwenden. Sie können sie ausdrucken oder in der Wordle-Galerie speichern, um sie mit Ihren Freunden zu teilen.

# 40 Ihre Schriftarten

YourFonts.com ist ein Online-Schriftgenerator, mit dem Sie innerhalb weniger Minuten Ihre eigenen OpenType-Schriftarten erstellen können. Machen Sie Ihre eigene Handschrift als Schrift!

Haben Sie weitere Tools, die Sie dieser Liste hinzufügen möchten?

© Copyright 2021 | pepebotifarra.com