j/k (webwanderungen KW18)

felix schwenzel in über wirres

eins der features das ich vom alten wirres.net aus pre-kirby-zeiten am meisten vermisst habe ist die navigation mit den j/k tasten. ich vermute zwar, dass ausser mir niemand daran interessiert ist oder sowas nutzt, aber wirres.net konnte das mehr oder weniger seit 15 jahren.

damals™ habe ich das mit einem jquery plugin gemacht, ob ich das hier benutzt habe oder was anderes weiss ich auch nicht mehr. ich weiss aber, dass ich das immer wahnsinnig nützlich fand und mich bis heute frage, warum das nicht viel weiter verbreitet ist. tatsächlich fallen mir aktuell nur zwei webseiten ein, auf denen das noch funktioniert: gmail und duckduckgo — und jetzt wieder wirres.net, zumindest auf übersichtseiten.

während dieses 15 jahre alte jquery-plugin auch nur 2 kb gross ist, wiegt jquery minifiziert auch nochmal 32 kb. als ich vor einem monat anfing wirres.net mit kirby wieder neu aufzubauen, war unter meinen ersten fragen an google …

die antworten auf die zweite frage waren mir damals zu kompliziert, bzw. verlangten zu viel javascript-know-how von mir, um das damals umzusetzen. gestern Nacht um 2 uhr fiel mir die frage wieder ein und ich fragte — chatGPT. die antwort war 1,6 kb lang und funktioniert einwandfrei und vanila, also ohne ein js-framework.

und wo ich gerade dabei war, hab ich chatGPT noch gefragt wie ich mit der x-taste die startseite, bzw. artikelübersichten kompakt anzeigen lassen kann, das geht mit neun zeilen code.

tl;dr: man kann auf der startseite und übersichtseiten jetzt mit j/k navigieren oder kurzzeitig alle artikel mit x gekürzt anzeigen.

p.s.

ich bin völlig baff, welche fortschritte javascript und css seit dem letzten mal, wo ich mich intensiver damit beschäftigt habe, gemacht haben. gestern nacht fiel mir auch ein zu fragen ob und wie man bilder per css schwarz weiss machen kann. geht!

img {
  filter: grayscale(100%);
}

ich weiss nicht ob das normal ist, aber mich begeistert so etwas sehr. es gibt noch so viel auszuprobieren und zu basteln um dieses nest hier im web wohnlich zu machen.

p.p.s.

heute früh vorm spazieren gehen hab ich mich gefragt, ob man mit dem kirby struktur feldern nicht ziemlich einfach semantisch korrekte und maschinenlesbare rezepte (zum nachkochen) bauen kann. kann man, chatGPT spuckte mir wenige zeilen blueprint und template code aus, mit denen ich nach 10 muinuten einen funktionierenden prototypen hatte. beim thema rezepte im json-ld- oder in microformat treffen sich die beiden vektoren SEO-optimierung und nutzer-optimierung perfekt. weil rezept-schleudern wie chefkoch.de gerne vorne in den google-suchergebnissen stehen möchten, sind alle rezepte auf chefkoch.de per

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Recipe",
    // […]
}
</script>

ausgestattet. das hat zur folge, dass ich mehr oder weniger jedes rezept das ich jemals gegooglet und zu unserer befriedigung nachgekocht habe auch einfach und verlustfrei in mela importieren kann. warum mela so toll ist, hab ich hier mal vor zwei jahren erklärt.