Pascal was asked to ask me if I could give the talk in English. But my English is really rubbish and I’m already nervous enough with Schwizertütsch. Sorry.

Translated with DeepL

Der statische Mops

Wieso, weshalb?

Demo

Frontend-Entwickla EFZ

frontend-entwickler.ch

Er: «Heute stellen sie ja eh nur noch React-Entwickler ein.»

Ich: «Öööö …»

Frontend

≠ Frontend

The untold history of web development

1990: HTML invented

1994: CSS invented to fix HTML

1995: JS invented to fix HTML/CSS

2006: jQuery invented to fix JS

2010: AngularJS invented to fix jQuery

2013: React invented to fix AngularJS

2014: Vue invented to fix React & Angular

2016: Angular 2 invented to fix AngularJS & React

2019: Svelte 3 invented to fix React, Angular, Vue2019: React hooks invented to fix React

2020: Vue 3 invented to fix React hooks

2020: Solid invented to fix React, Angular, Svelte, Vue

2020: HTMX 1.0 invented to fix React, Angular, Svelte, Vue, Solid

2021: React suspense invented to fix React, again

2023: Svelte Runes invented to fix Svelte

2024: jQuery still used on 75 % of websites

Der Grossteil aller Web-Pages besteht in dem Moment wo sie betrachtet werden nur noch aus HTML & CSS

Simple Websites and how to pug them

  • Gestaltung und Realisation von Websites und Drucksachen
  • Für 3 Büros reine Web-Realisationen
  • Sonst Direktkunden

Websites in Betrieb

45 % CMS

55 % statisch

Wieso überhaupt statisch?

Art der Kundschaft essenziell

  • Einzelpersonen und Kleinstbetriebe
  • wenig Know-how in Design und Kommunikation
  • keine Shops
  • so alt wie ich
  • wenig technik-affin
  • selber was hinwixen oder hinsquarespacen kommt selten in Frage

Von den 45 % mit CMS

  • 50 %: erleben Personalwechsel zu Laufzeit
  • 25 %: null bis 2 mal p.a. partiell neue Inhältchen
  • 10 %: Hilfe/Sonderwünsche alle 2 Inhaltsanpassung
  • 15 %: visueller und inhaltlicher Zerfall mangels Know-how

Das mit dem Zerfall

  • üble Fotos
  • seltsame Texte
  • fehlerhafte Sprache
  • falsche Formate
  • fantastische Logik

Ein Drittel meiner verbauten CMS sind also fragwürdig

  • aufwändig in Aufbau und Wartung
  • wenig flexibel im Ausbau
  • teuer

45 % CMS

55 % statisch

30 % CMS

70 % statisch

Bekannt für statisch:

wartungsfrei

schnell

migrationsfreundlich

Extra-Bonus:

immun gegen Misshandlungen

Damals

  • CMS noch kein Begriff
  • Inhalt abfüllen gehörte schon immer zum Job des Typografen
  • Die ersten Sites sowieso statisch

Templating

Includes/Blocks

Variablen

Meine Templating-History

  • HTML-Framesets
  • ASP
  • PHP
  • Dreamweaver
  • PHP
  • HTML mit Hammer
  • PHP
  • KIT mit CodeKit
  • NJK mit Gulp 🤯

kurz ausprobiert

  • Webpack
  • Parcel
  • Vite
  • Nuxt
  • Astro

Eleventy + NJK

CodeKit + PUG

Codekit?

  • GUI
  • Wie die populären Node Modules projektübergreifend vereint
  • Config-File pro Projekt
  • nur Mac
  • codekitapp.com
  • Alternative: prepros.io

Pug?

quasi Jade 2.0

Demo →

Nunjucks

  • HTML mit Nasenklammern
  • Funktionsumfang ähnlich

Fragen? Nein? Okay.