de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Automatisches Generieren des Inhaltsverzeichnisses mit Tocbot

Längere Inhalte werden zur Norm mit einem stärkeren Empfang von Google und den Nutzern. Aber es kann ermüdend werden, den langen Inhalt mit vielen Unterüberschriften zu lesen .

Geben Sie Tocbot ein, einen kostenlosen Tabellengenerator, der auf JavaScript basiert. Dies erstellt automatisch eine feste ToC-Liste auf jeder Seite und aktualisiert Ihre Position, wenn Sie an jeder Überschrift vorbeirollen.

Die Hauptseite enthält eine vollständige Vorschau zusammen mit der Dokumentation, die Sie befolgen können, um diese Konfiguration zu erhalten.

Tocbot hat keine Abhängigkeiten und sollte in jedem Browser mit aktiviertem JavaScript laufen . Sie fügen einfach die Tocbot JS / CSS-Dateien ein und lassen sie laufen. Einfach!

Sie können sogar die CDN-Versionen verwenden, wenn Sie lokal nichts herunterladen möchten. Es ist ein ziemlich einfaches Setup und Sie können das Inhaltsverzeichnis sogar an Ihre Bedürfnisse anpassen .

Dies erfordert jedoch ein wenig JavaScript, damit es funktioniert. Insbesondere müssen Sie eine init () -Funktion mit Parametern ausführen, die festlegen, wo Ihre Navigation angezeigt werden soll und welche Richtung (en) Sie anvisieren möchten (zB H1-H6).

Werfen Sie einen Blick auf das GitHub Repo für weitere Setup-Informationen. Dazu gehören die Browser-Unterstützung, alle benutzerdefinierten Parameter und die Setup-Anweisungen für die wichtigsten JS / CSS-Dateien.

Die API enthält viele Funktionen, die Sie auch bearbeiten können:

  • Zusammenklappbare Liste von Elementen.
  • Unterüberschriften in der Tabelle.
  • Offset für die Tabellennavigation.
  • Fixed Nav oder statisch.
  • Zusätzliche Links zum Hinzufügen in die Navigation.

Einige Designer ziehen es vor, ihr eigenes Inhaltsverzeichnis von Grund auf neu zu erstellen. Aber das ist ein ziemlich technischer Prozess und erfordert viel manuellen Aufwand.

Mit Tocbot sind Sie nur eine JS-Funktion entfernt von einem funktionierenden ToC, das dynamisch über alle Ihre Seitenüberschriften läuft.

Um mehr zu erfahren, besuchen Sie die Tocbot Homepage. Hier finden Sie alle benötigten Setup-Informationen sowie Download-Links zu den CDN (und lokalen) Versionen aller Tocbot-Dateien.

Essentielle Facebook-Etikette: 10 Dos und Don'ts

Essentielle Facebook-Etikette: 10 Dos und Don'ts

Da Facebook in nur wenigen Jahren explodiert und sich schnell entwickelt, ist es für die Benutzer nicht einfach, die unausgesprochenen Regeln der sozialen Interaktionen in sich zu erfassen. Dennoch gibt es eine allgemein akzeptierte Höflichkeit oder Etikette für Online-Kommunikation, die wir auf die phänomenale Social-Networking-Site anwenden können. Nic

(Tech- und Design-Tipps)

Fügen Sie Google Fonts mit Fontea Photoshop Plugin zu Photoshop hinzu

Fügen Sie Google Fonts mit Fontea Photoshop Plugin zu Photoshop hinzu

Wenn Sie jemals einen einfachen Zugriff auf die gesamte Google Fonts-Bibliothek in Ihrer Design-Software haben wollten, dann ist Fontea das einzige Plugin, das Sie jemals brauchen werden.Dieses kostenlose Plugin funktioniert in Photoshop CC für Windows und Mac mit einem Plugin für Sketch in naher Zukunft geplant .

(Tech- und Design-Tipps)