nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Inhoudsopgave automatisch genereren met Tocbot

Langere inhoud wordt de norm met een sterkere ontvangst van zowel Google als de gebruikers. Maar het kan een beetje vermoeiend worden om de lange inhoud te lezen met tonnen sub-rubrieken om te bladeren.

Voer Tocbot in, een gratis inhoudsopgave generator gebouwd op JavaScript . Hiermee wordt automatisch een vaste ToC-lijst op elke pagina gemaakt en wordt uw positie bijgewerkt terwijl u langs elke kop schuift.

De hoofdpagina bevat een volledige preview en documentatie die u kunt volgen om deze volledige setup te krijgen.

Tocbot heeft geen afhankelijkheden en moet in elke browser worden uitgevoerd waarvoor JavaScript is ingeschakeld. U neemt gewoon de Tocbot JS / CSS-bestanden op en laat ze uitvoeren. Eenvoudig!

U kunt zelfs de CDN-versies gebruiken als u niets lokaal wilt downloaden. Het is een vrij eenvoudige installatie en u kunt de inhoudsopgave zelfs aanpassen aan uw behoeften.

Dit vereist echter een beetje JavaScript om het te laten werken. Specifiek moet u een init () -functie uitvoeren met parameters die bepalen waar uw navigatie zou moeten verschijnen en welke richting (en) u wilt targeten (bijv. H1-H6).

Bekijk de GitHub-repo voor meer instellingsinformatie. Dit omvat browserondersteuning, alle aangepaste parameters en de installatie-instructies voor de belangrijkste JS / CSS-bestanden.

De API wordt geleverd met veel functies die u ook kunt bewerken:

  • Samenvouwbare lijst met items.
  • Sub-rubrieken in tabel.
  • Offset voor tafelnavigatie.
  • Vaste nav of statisch.
  • Extra links om toe te voegen aan de navigatie.

Sommige ontwerpers geven er misschien de voorkeur aan hun eigen inhoudsopgave helemaal zelf te maken. Maar dat is een redelijk technisch proces en vereist veel handmatige inspanningen.

Met Tocbot ben je slechts één JS-functie verwijderd van een werkende ToC die dynamisch over alle paginakoppen loopt.

Ga voor meer informatie naar de startpagina van Tocbot. Dit bevat alle instellingsinformatie die u nodig hebt, evenals downloadlinks naar de CDN- (en lokale) versies van alle Tocbot-bestanden.

Brandmark gebruikt kunstmatige intelligentie om logo's voor u te ontwerpen

Brandmark gebruikt kunstmatige intelligentie om logo's voor u te ontwerpen

Nog niet zo lang geleden schreef ik over Fontjoy, een webtool ontwikkeld door Jack Qiao die kunstmatige intelligentie gebruikt om lettertypen te koppelen. Na het ontwikkelen van de tool voor het koppelen van lettertypen, lijkt het erop dat Qiao heeft besloten om te blijven dabbelen met AI en ontwerp, omdat hij heeft bedacht met nog een andere door AI aangedreven webontwerptool met de naam Brandmark

(Technische en ontwerptips)

Vier redenen waarom uw resoluties voor het nieuwe jaar mislukken

Vier redenen waarom uw resoluties voor het nieuwe jaar mislukken

Ik voelde de druk op mijn schouders toen ik besloot om mensen dit jaar te overtuigen om hun goede voornemens te houden. Het is niet nieuw dat mensen goede voornemens hebben en ze vervolgens niet behouden. In feite ontdekte de universiteit van Scranton dat slechts 8% van de Amerikanen succesvol hun nieuwjaarsresoluties behaalde terwijl 49% weinig succes boekte bij het behalen van hun resoluties

(Technische en ontwerptips)