j/k (web­wan­de­run­gen KW18)

eins der fea­tures das ich vom al­ten wir­res.net aus pre-kir­by-zei­ten am meis­ten ver­misst habe ist die na­vi­ga­ti­on mit den j/k tas­ten. ich ver­mu­te zwar, dass aus­ser mir nie­mand dar­an in­ter­es­siert ist oder so­was nutzt, aber wir­res.net konn­te das mehr oder we­ni­ger seit 15 jah­ren.

da­mals™ habe ich das mit ei­nem jquery plug­in ge­macht, ob ich das hier be­nutzt habe oder was an­de­res weiss ich auch nicht mehr. ich weiss aber, dass ich das im­mer wahn­sin­nig nütz­lich fand und mich bis heu­te fra­ge, war­um das nicht viel wei­ter ver­brei­tet ist. tat­säch­lich fal­len mir ak­tu­ell nur zwei web­sei­ten ein, auf de­nen das noch funk­tio­niert: gmail und duck­duck­go — und jetzt wie­der wir­res.net, zu­min­dest auf über­sicht­sei­ten.

wäh­rend die­ses 15 jah­re alte jquery-plug­in auch nur 2 kb gross ist, wiegt jquery mi­ni­fi­ziert auch noch­mal 32 kb. als ich vor ei­nem mo­nat an­fing wir­res.net mit kir­by wie­der neu auf­zu­bau­en, war un­ter mei­nen ers­ten fra­gen an goog­le …

• is jquery still a thing? (auf ne art of­fen­bar schon)
• how to build na­vi­ga­ti­on with j/k keys in va­ni­la js

die ant­wor­ten auf die zwei­te fra­ge wa­ren mir da­mals zu kom­pli­ziert, bzw. ver­lang­ten zu viel ja­va­script-know-how von mir, um das da­mals um­zu­set­zen. ges­tern Nacht um 2 uhr fiel mir die fra­ge wie­der ein und ich frag­te — chatGPT. die ant­wort war 1,6 kb lang und funk­tio­niert ein­wand­frei und va­ni­la, also ohne ein js-frame­work.

und wo ich ge­ra­de da­bei war, hab ich chatGPT noch ge­fragt wie ich mit der x-tas­te die start­sei­te, bzw. ar­ti­kel­über­sich­ten kom­pakt an­zei­gen las­sen kann, das geht mit neun zei­len code.

tl;dr: man kann auf der start­sei­te und über­sicht­sei­ten jetzt mit j/k na­vi­gie­ren oder kurz­zei­tig alle ar­ti­kel mit x ge­kürzt an­zei­gen.

p.s.

ich bin völ­lig baff, wel­che fort­schrit­te ja­va­script und css seit dem letz­ten mal, wo ich mich in­ten­si­ver da­mit be­schäf­tigt habe, ge­macht ha­ben. ges­tern nacht fiel mir auch ein zu fra­gen ob und wie man bil­der per css schwarz weiss ma­chen kann. geht!

img {
  filter: grayscale(100%);
}

ich weiss nicht ob das nor­mal ist, aber mich be­geis­tert so et­was sehr. es gibt noch so viel aus­zu­pro­bie­ren und zu bas­teln um die­ses nest hier im web wohn­lich zu ma­chen.

p.p.s.

heu­te früh vorm spa­zie­ren ge­hen hab ich mich ge­fragt, ob man mit dem kir­by struk­tur fel­dern nicht ziem­lich ein­fach se­man­tisch kor­rek­te und ma­schi­nen­les­ba­re re­zep­te (zum nach­ko­chen) bau­en kann. kann man, chatGPT spuck­te mir we­ni­ge zei­len blue­print und tem­p­la­te code aus, mit de­nen ich nach 10 mui­nu­ten ei­nen funk­tio­nie­ren­den pro­to­ty­pen hat­te. beim the­ma re­zep­te im json-ld- oder in mi­cro­for­mat tref­fen sich die bei­den vek­to­ren SEO-op­ti­mie­rung und nut­zer-op­ti­mie­rung per­fekt. weil re­zept-schleu­dern wie chef­koch.de ger­ne vor­ne in den goog­le-such­ergeb­nis­sen ste­hen möch­ten, sind alle re­zep­te auf chef­koch.de per

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

aus­ge­stat­tet. das hat zur fol­ge, dass ich mehr oder we­ni­ger je­des re­zept das ich je­mals ge­goo­glet und zu un­se­rer be­frie­di­gung nach­ge­kocht habe auch ein­fach und ver­lust­frei in mela im­por­tie­ren kann. war­um mela so toll ist, hab ich hier mal vor zwei jah­ren er­klärt.