Kategorie: Eleventy

• Publishing my Pocket reading list on this website – ein Experiment mit 11ty
• Building out basiscs with Brob – ein Video einer Livecoding-Session mit 11ty
• Eleventy Error Overlay – Fehler werden direkt in der Webseite angezeigt, nicht mehr nur auf der Kommandozeile
• Beginner’s Guide to Eleventy

• How We Started Treating Frontend Performance as a Feature
• Today, the Trident Era Ends – Christian Schäfer beschreibt in diesem recht langen Artikel, welche Innovationen wir Microsoft und dem allseits gehassten Internet Explorer zu verdanken haben. Eine sehr interessante Tour durch die Internetgeschichte.
• 4 CSS layouts without using media queries
• Possibly The Easiest Way to Run an SSG – Ein kurzer Beitrag, wie man mit Eleventy starten kann, ohne das Tool selber zu installieren.

In den letzten Monaten habe ich immer wieder mit dem Statischen Seitengenerator Eleventy experimentiert. Das Tool ist toll, aber auch sehr rudimentär. Man kann und muss sich eine Menge dazu installieren. Ohne Kenntnisse über das ganze node-Universum ist man sehr schnell aufgeschmissen. Glücklicherweise gibt es eine steigende Zahl Artikel und hilfreicher Projekte. Das wird diesmal ein sehr umfangreiches Linkfutter, weil ich keine Lust habe, es auf mehrere Tage zu teilen.
Weiterlesen

• Templates für 11ty
• Why I’m Digging Eleventy
• CSS Initial Value – Eine VSCode-Extension, die für jede CSS-Eigenschaft den initialen Wert anzeigt.
• Listen notes – Eine Suchmaschine für Podcasts und Podcast-Episoden.

• Creating A Blog With Eleventy
• Using Eleventy’s (11ty) JavaScript Data Files
• Eleventy Collections – Pulling in the products via API
• Eleventy & ParcelJS Working Together
• How can an Eleventy site display a list of pages in a directory?

• actions-eleventy – GitHub Action for generating a static website with Eleventy
• Google Sheets data feed example. With Eleventy.
• Blog Tools for 11ty – A collection of shortcodes, filters and tags that make blogging on 11ty more fun
• Multilingual sites with Eleventy
• Language switcher for multilingual JAMstack sites

• Responsive images in Eleventy
• Using Eleventy’s (11ty) JavaScript Data Files
• Consuming a headless CMS GraphQL API with Eleventy
• Multilingual sites with Eleventy

• Eleventy Essentials
• How can an Eleventy site display a list of pages in a directory?
• Using mermaid.js with eleventy.io.
• Scheduled and draft 11ty posts

Es gibt noch einige Links mehr zu dem am Montag kurz vorgestellten Statischen Seitengenerator:

• A Site for Front-End Development Conferences (Built with 11ty on Netlify)
• Simplifying Content Management With Eleventy.js and Netlify CMS
• Keeping Sass simple and speedy on Eleventy
• Getting Started with Eleventy

Ich habe vor Kurzem meine Seite neu erstellt und dabei den Statischen Seitengenerator „Eleventy“ benutzt. Die Arbeit damit war einfach, gut dokumentiert und schnell. Ich werde demnächst mein dahin dümpelndes Kochblog auch in Eleventy transportieren. Ich habe einfach keinen Spass an der Benutzung eines CMS. Ich arbeite lieber in meinem Editor, am Besten noch mit Markdown. Da kommt mir ein Tool wie Eleventy sehr entgegen. In den letzten Wochen habe ich einige Links zu diesem Tool gesammelt. Einen ersten Schwung präsentiere ich heute:
Weiterlesen