[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories":3,"dossiers":50,"articles-1--":113},{"data":4,"meta":45},[5,13,21,29,37],{"id":6,"documentId":7,"name":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12},6,"qryh6hip60vwuwt4yr7iwo2m","Design","design","2026-05-21T15:08:22.865Z","2026-05-21T15:08:32.122Z","2026-05-21T15:08:32.128Z",{"id":14,"documentId":15,"name":16,"slug":17,"createdAt":18,"updatedAt":19,"publishedAt":20},7,"t5c8vl76p2cf19fg2aosv9ps","Entwicklung","entwicklung","2026-05-21T15:08:22.917Z","2026-05-21T15:08:32.143Z","2026-05-21T15:08:32.152Z",{"id":22,"documentId":23,"name":24,"slug":25,"createdAt":26,"updatedAt":27,"publishedAt":28},8,"o3cc2218ws96byxg7zenmkcj","Print","print","2026-05-21T15:08:22.976Z","2026-05-21T15:08:32.184Z","2026-05-21T15:08:32.190Z",{"id":30,"documentId":31,"name":32,"slug":33,"createdAt":34,"updatedAt":35,"publishedAt":36},9,"cth9u5cwmxxvqdzj6v8fgbd6","Publishing","publishing","2026-05-21T15:08:23.024Z","2026-05-21T15:08:32.201Z","2026-05-21T15:08:32.215Z",{"id":38,"documentId":39,"name":40,"slug":41,"createdAt":42,"updatedAt":43,"publishedAt":44},10,"xi9ce0bxja68s9u6qds52nkv","Tools & Technik","tools-and-technik","2026-05-21T15:08:23.074Z","2026-05-21T15:08:32.233Z","2026-05-21T15:08:32.240Z",{"pagination":46},{"page":47,"pageSize":48,"pageCount":47,"total":49},1,100,5,{"data":51,"meta":111},[52,61,68,75,82,90,97,104],{"id":53,"documentId":54,"name":55,"description":56,"createdAt":57,"updatedAt":58,"publishedAt":59,"locale":60},25,"my6ws5iwxuyotlpatvhts6n2","Adobe InDesign",null,"2026-05-21T15:08:24.225Z","2026-05-21T15:08:32.464Z","2026-05-21T15:08:32.469Z","de-CH",{"id":62,"documentId":63,"name":64,"description":56,"createdAt":65,"updatedAt":66,"publishedAt":67,"locale":60},26,"bo5cn16ii3rtpj4yba1bxlc4"," Daten strukturieren","2026-05-21T15:08:24.247Z","2026-05-21T15:08:32.494Z","2026-05-21T15:08:32.499Z",{"id":69,"documentId":70,"name":71,"description":56,"createdAt":72,"updatedAt":73,"publishedAt":74,"locale":60},27,"l3a6ag7spc06iedkhor1ec9e","Jamstack","2026-05-21T15:08:24.261Z","2026-05-21T15:08:32.509Z","2026-05-21T15:08:32.516Z",{"id":76,"documentId":77,"name":78,"description":56,"createdAt":79,"updatedAt":80,"publishedAt":81,"locale":60},28,"i1iw0avlyoavgoa3456n0oiw"," Miro","2026-05-21T15:08:24.278Z","2026-05-21T15:08:32.526Z","2026-05-21T15:08:32.533Z",{"id":83,"documentId":84,"name":85,"description":86,"createdAt":87,"updatedAt":88,"publishedAt":89,"locale":60},29,"o8bxoum1cm6lhnprcdskca85","Strapi","Strapi ist eines der beliebtesten Headless CMS, das auf dem Javascript-Framework NodeJS basiert.","2026-05-21T15:08:24.294Z","2026-05-21T15:08:32.545Z","2026-05-21T15:08:32.550Z",{"id":91,"documentId":92,"name":93,"description":56,"createdAt":94,"updatedAt":95,"publishedAt":96,"locale":60},30,"p4nijk2j8b092s1zjqvt7rz0","UX-Design","2026-05-21T15:08:24.317Z","2026-05-21T15:08:32.561Z","2026-05-21T15:08:32.567Z",{"id":98,"documentId":99,"name":100,"description":56,"createdAt":101,"updatedAt":102,"publishedAt":103,"locale":60},31,"z20qvnh3g4zahqqrk3jh3s5h","Webdesign","2026-05-21T15:08:24.334Z","2026-05-21T15:08:32.578Z","2026-05-21T15:08:32.591Z",{"id":105,"documentId":106,"name":107,"description":56,"createdAt":108,"updatedAt":109,"publishedAt":110,"locale":60},32,"vtl8anckmrznwgeuzra62uzn","Webentwicklung","2026-05-21T15:08:24.351Z","2026-05-21T15:08:32.602Z","2026-05-21T15:08:32.610Z",{"pagination":112},{"page":47,"pageSize":48,"pageCount":47,"total":22},{"paginatedArticles":114,"highlightedArticle":1226},{"data":115,"meta":1223},[116,383,850,931,997,1138],{"id":117,"documentId":118,"title":119,"alternativeTitle":120,"description":121,"content":122,"publish_at":312,"slug":313,"highlight":314,"curated":314,"createdAt":315,"updatedAt":316,"publishedAt":317,"locale":60,"image":318,"category":374,"author":375,"source":56},88,"i0b2kxlpb9vcengvrhsx1zy4","InDesign: Automatisch formatieren mit «Nächstes Format»","Automatische Textformatierung in Adobe InDesign","Wer kennt es nicht? Statt die Zeit für den Feinschliff am Layout nutzen zu können, müssen wir erstmal die ganzen Texte mit den richtigen Absatz- und Zeichenformaten formatieren. Da kann die InDesign-Funktion «Nächstes Format» in gewissen Fällen eine grosse Hilfe sein.",[123,130,135,139,143,148,152,217,227,231,291,300,304,308],{"type":124,"level":125,"children":126},"heading",2,[127],{"text":128,"type":129},"Das Prinzip «nächstes Absatzformat»","text",{"type":131,"children":132},"paragraph",[133],{"text":134,"type":129},"Die Idee ist ganz einfach. In jedem Absatzformat kann mit «nächstes Format» angegeben werden, welches Absatzformat auf dieses Format folgen soll. In unserem Beispiel ist also bei der Rubrik das nächste Format Titel, beim Titel das nächste Format Lead, bei Lead das nächste Format Grundtext und so weiter…",{"type":124,"level":125,"children":136},[137],{"text":138,"type":129},"Objekt- und Absatzformat als gutes Team",{"type":131,"children":140},[141],{"text":142,"type":129},"Soll ein Textrahmen wie in unserem Beispiel per Klick formatiert werden, so müssen folgende Bedingungen erfüllt sein:",{"type":124,"level":144,"children":145},3,[146],{"text":147,"type":129},"Objektformat",{"type":131,"children":149},[150],{"text":151,"type":129},"Es muss ein Objektformat erstellt werden, welches die Textbox formatiert und im Objektformat unter Absatzformate muss das erste Absatzformat, in unserem Beispiel die Rubrik, angegeben werden. Ausserdem muss unbedingt die Option «Nächstes Format anwenden» aktiv sein!",{"type":153,"image":154,"children":214},"image",{"name":155,"alternativeText":155,"url":156,"caption":56,"width":157,"height":158,"formats":159,"hash":210,"ext":161,"mime":164,"size":211,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":213,"updatedAt":213},"Objektformat_Absatzformate.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002FObjektformat_Absatzformate_cc107315ff.png",1824,1652,{"lg":160,"md":170,"sm":178,"xl":186,"2xl":194,"thumbnail":202},{"ext":161,"url":162,"hash":163,"mime":164,"name":165,"path":56,"size":166,"width":167,"height":168,"sizeInBytes":169},".png","\u002Fuploads\u002Flg_Objektformat_Absatzformate_cc107315ff.png","lg_Objektformat_Absatzformate_cc107315ff","image\u002Fpng","lg_Objektformat_Absatzformate.png",227.96,1024,927,227963,{"ext":161,"url":171,"hash":172,"mime":164,"name":173,"path":56,"size":174,"width":175,"height":176,"sizeInBytes":177},"\u002Fuploads\u002Fmd_Objektformat_Absatzformate_cc107315ff.png","md_Objektformat_Absatzformate_cc107315ff","md_Objektformat_Absatzformate.png",134.36,768,696,134357,{"ext":161,"url":179,"hash":180,"mime":164,"name":181,"path":56,"size":182,"width":183,"height":184,"sizeInBytes":185},"\u002Fuploads\u002Fsm_Objektformat_Absatzformate_cc107315ff.png","sm_Objektformat_Absatzformate_cc107315ff","sm_Objektformat_Absatzformate.png",92.19,640,580,92185,{"ext":161,"url":187,"hash":188,"mime":164,"name":189,"path":56,"size":190,"width":191,"height":192,"sizeInBytes":193},"\u002Fuploads\u002Fxl_Objektformat_Absatzformate_cc107315ff.png","xl_Objektformat_Absatzformate_cc107315ff","xl_Objektformat_Absatzformate.png",342.56,1280,1159,342562,{"ext":161,"url":195,"hash":196,"mime":164,"name":197,"path":56,"size":198,"width":199,"height":200,"sizeInBytes":201},"\u002Fuploads\u002F2xl_Objektformat_Absatzformate_cc107315ff.png","2xl_Objektformat_Absatzformate_cc107315ff","2xl_Objektformat_Absatzformate.png",468.76,1536,1391,468764,{"ext":161,"url":203,"hash":204,"mime":164,"name":205,"path":56,"size":206,"width":207,"height":208,"sizeInBytes":209},"\u002Fuploads\u002Fthumbnail_Objektformat_Absatzformate_cc107315ff.png","thumbnail_Objektformat_Absatzformate_cc107315ff","thumbnail_Objektformat_Absatzformate.png",11.18,172,156,11180,"Objektformat_Absatzformate_cc107315ff",101.17,"local","2026-05-27T23:44:29.671Z",[215],{"type":129,"text":216},"",{"type":124,"children":218,"level":125},[219,220,225],{"type":129,"text":216},{"url":221,"type":222,"children":223},"\u002Fuploads\u002FObjektformat_Absatzformate_cc107315ff.png","link",[224],{"text":216,"type":129},{"text":226,"type":129},"Absatzformate",{"type":131,"children":228},[229],{"text":230,"type":129},"Bei jedem Absatzformat muss das nächste Format definiert sein.",{"type":153,"image":232,"children":289},{"name":233,"alternativeText":233,"url":234,"caption":56,"width":235,"height":236,"formats":237,"hash":286,"ext":161,"mime":164,"size":287,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":288,"updatedAt":288},"Absatzformat_naechstes_Format.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002FAbsatzformat_naechstes_Format_7b89aa8997.png",2192,1654,{"lg":238,"md":245,"sm":251,"xl":258,"2xl":265,"3xl":271,"thumbnail":279},{"ext":161,"url":239,"hash":240,"mime":164,"name":241,"path":56,"size":242,"width":167,"height":243,"sizeInBytes":244},"\u002Fuploads\u002Flg_Absatzformat_naechstes_Format_7b89aa8997.png","lg_Absatzformat_naechstes_Format_7b89aa8997","lg_Absatzformat_naechstes_Format.png",173.82,773,173819,{"ext":161,"url":246,"hash":247,"mime":164,"name":248,"path":56,"size":249,"width":175,"height":184,"sizeInBytes":250},"\u002Fuploads\u002Fmd_Absatzformat_naechstes_Format_7b89aa8997.png","md_Absatzformat_naechstes_Format_7b89aa8997","md_Absatzformat_naechstes_Format.png",104.24,104242,{"ext":161,"url":252,"hash":253,"mime":164,"name":254,"path":56,"size":255,"width":183,"height":256,"sizeInBytes":257},"\u002Fuploads\u002Fsm_Absatzformat_naechstes_Format_7b89aa8997.png","sm_Absatzformat_naechstes_Format_7b89aa8997","sm_Absatzformat_naechstes_Format.png",71.24,483,71242,{"ext":161,"url":259,"hash":260,"mime":164,"name":261,"path":56,"size":262,"width":191,"height":263,"sizeInBytes":264},"\u002Fuploads\u002Fxl_Absatzformat_naechstes_Format_7b89aa8997.png","xl_Absatzformat_naechstes_Format_7b89aa8997","xl_Absatzformat_naechstes_Format.png",257.43,966,257434,{"ext":161,"url":266,"hash":267,"mime":164,"name":268,"path":56,"size":269,"width":199,"height":192,"sizeInBytes":270},"\u002Fuploads\u002F2xl_Absatzformat_naechstes_Format_7b89aa8997.png","2xl_Absatzformat_naechstes_Format_7b89aa8997","2xl_Absatzformat_naechstes_Format.png",355.94,355944,{"ext":161,"url":272,"hash":273,"mime":164,"name":274,"path":56,"size":275,"width":276,"height":277,"sizeInBytes":278},"\u002Fuploads\u002F3xl_Absatzformat_naechstes_Format_7b89aa8997.png","3xl_Absatzformat_naechstes_Format_7b89aa8997","3xl_Absatzformat_naechstes_Format.png",518.93,1920,1449,518928,{"ext":161,"url":280,"hash":281,"mime":164,"name":282,"path":56,"size":283,"width":284,"height":208,"sizeInBytes":285},"\u002Fuploads\u002Fthumbnail_Absatzformat_naechstes_Format_7b89aa8997.png","thumbnail_Absatzformat_naechstes_Format_7b89aa8997","thumbnail_Absatzformat_naechstes_Format.png",11.69,207,11685,"Absatzformat_naechstes_Format_7b89aa8997",103.22,"2026-05-27T23:45:13.690Z",[290],{"type":129,"text":216},{"type":124,"level":125,"children":292},[293,294,298],{"text":216,"type":129},{"url":295,"type":222,"children":296},"\u002Fuploads\u002FAbsatzformat_naechstes_Format_7b89aa8997.png",[297],{"text":216,"type":129},{"text":299,"type":129},"Welche Layouts eignen sich dafür?",{"type":131,"children":301},[302],{"text":303,"type":129},"Um mit «nächstes Format» automatisch formatieren zu können, muss eine klare Reihenfolge der Absatzformate (eine klare Textstruktur) vorhanden sein. Also beispielsweise immer ein Absatz Titel, ein zweiter Absatz Untertitel, ein dritter Absatz Grundtext und ein vierter Absatz Datum.",{"type":124,"level":125,"children":305},[306],{"text":307,"type":129},"Tipp",{"type":131,"children":309},[310],{"text":311,"type":129},"Hat man beispielsweise einen Eventkalender, wo sich jeweils ein Veranstaltungsname, eine Location und ein Datum wiederholen, so kann man beim letzten Format als Nächstes wieder das Erste definieren, um alle Events in einem Textfluss formatieren zu können.","2023-05-30T22:00:00.000Z","automatische-textformatierung-in-adobe-in-design",false,"2026-05-21T15:08:29.057Z","2026-05-30T16:09:07.625Z","2026-05-30T16:09:07.658Z",{"id":319,"documentId":320,"name":321,"alternativeText":322,"caption":56,"focalPoint":56,"width":323,"height":324,"formats":325,"hash":370,"ext":327,"mime":330,"size":371,"url":372,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":373,"updatedAt":373,"publishedAt":373},153,"v8lw0b7k2z3cg1kb2zbrpn33","Naechstes_Format.gif","Beispiel-Nächstes-Format",1800,1707,{"lg":326,"md":335,"sm":342,"xl":349,"2xl":356,"thumbnail":363},{"ext":327,"url":328,"hash":329,"mime":330,"name":331,"path":56,"size":332,"width":167,"height":333,"sizeInBytes":334},".gif","\u002Fuploads\u002Flg_Naechstes_Format_c99b6f44ea.gif","lg_Naechstes_Format_c99b6f44ea","image\u002Fgif","lg_Naechstes_Format.gif",126.51,971,126505,{"ext":327,"url":336,"hash":337,"mime":330,"name":338,"path":56,"size":339,"width":175,"height":340,"sizeInBytes":341},"\u002Fuploads\u002Fmd_Naechstes_Format_c99b6f44ea.gif","md_Naechstes_Format_c99b6f44ea","md_Naechstes_Format.gif",84.75,728,84746,{"ext":327,"url":343,"hash":344,"mime":330,"name":345,"path":56,"size":346,"width":183,"height":347,"sizeInBytes":348},"\u002Fuploads\u002Fsm_Naechstes_Format_c99b6f44ea.gif","sm_Naechstes_Format_c99b6f44ea","sm_Naechstes_Format.gif",80.45,607,80452,{"ext":327,"url":350,"hash":351,"mime":330,"name":352,"path":56,"size":353,"width":191,"height":354,"sizeInBytes":355},"\u002Fuploads\u002Fxl_Naechstes_Format_c99b6f44ea.gif","xl_Naechstes_Format_c99b6f44ea","xl_Naechstes_Format.gif",169.11,1214,169105,{"ext":327,"url":357,"hash":358,"mime":330,"name":359,"path":56,"size":360,"width":199,"height":361,"sizeInBytes":362},"\u002Fuploads\u002F2xl_Naechstes_Format_c99b6f44ea.gif","2xl_Naechstes_Format_c99b6f44ea","2xl_Naechstes_Format.gif",215.1,1457,215101,{"ext":327,"url":364,"hash":365,"mime":330,"name":366,"path":56,"size":367,"width":368,"height":208,"sizeInBytes":369},"\u002Fuploads\u002Fthumbnail_Naechstes_Format_c99b6f44ea.gif","thumbnail_Naechstes_Format_c99b6f44ea","thumbnail_Naechstes_Format.gif",8.23,164,8227,"Naechstes_Format_c99b6f44ea",259.51,"\u002Fuploads\u002FNaechstes_Format_c99b6f44ea.gif","2026-05-21T15:08:29.033Z",{"id":30,"documentId":31,"name":32,"slug":33,"createdAt":34,"updatedAt":35,"publishedAt":36},{"id":144,"documentId":376,"firstname":377,"lastname":378,"email":379,"createdAt":380,"updatedAt":381,"publishedAt":382},"asjgslbsmuys80l8fyk1a306","Benjamin","Schenk","benjamin.schenk@punktzwei.ch","2026-05-21T15:08:22.494Z","2026-05-21T15:08:32.078Z","2026-05-21T15:08:32.084Z",{"id":384,"documentId":385,"title":386,"alternativeTitle":387,"description":388,"content":389,"publish_at":792,"slug":793,"highlight":314,"curated":314,"createdAt":794,"updatedAt":795,"publishedAt":796,"locale":60,"image":797,"category":840,"author":841,"source":56},73,"uuoibfjm8er518ly7vohqcmf","Ein Regelwerk für besseres UX-Design","Tipps für besseres Design","Was macht eine gute Webseite oder einen guten Webshop aus? Wie man eine gute User Experience – also das Nutzererlebnis – mithilfe von psychologischen Grundsätzen erzielt, erklärt dir die Seite Laws of UX. Wir haben die wichtigsten Regeln zusammengefasst. ",[390,394,398,459,468,472,524,533,537,589,598,602,606,610,662,671,675,727,736,740],{"type":124,"level":125,"children":391},[392],{"text":393,"type":129},"Law of Proximity",{"type":131,"children":395},[396],{"text":397,"type":129},"Ein Betrachter neigt dazu, Elemente zu gruppieren, die nahe beieinander liegen. Ordnet man Punkte auf einer Geraden an und verringert den Abstand, so werden diese irgendwann durch das Auge des Betrachters als eine Linie wahrgenommen. Das Gesetz der Nähe hat seinen Ursprung in der Gestaltpsychologie und kann dazu genutzt werden, um Elemente zu gruppieren, die inhaltlich eine Zusammengehörigkeit aufweisen. Dies können zum Beispiel Elemente für die Navigation sein.",{"type":153,"image":399,"children":457},{"name":400,"alternativeText":400,"url":401,"caption":56,"width":402,"height":403,"formats":404,"hash":454,"ext":161,"mime":164,"size":455,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":456,"updatedAt":456},"law-of-proximity_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Flaw_of_proximity_poster_a177d470a5.png",1294,2000,{"lg":405,"md":412,"sm":419,"xl":426,"2xl":433,"3xl":440,"thumbnail":447},{"ext":161,"url":406,"hash":407,"mime":164,"name":408,"path":56,"size":409,"width":410,"height":167,"sizeInBytes":411},"\u002Fuploads\u002Flg_law_of_proximity_poster_a177d470a5.png","lg_law_of_proximity_poster_a177d470a5","lg_law-of-proximity_poster.png",111.71,663,111712,{"ext":161,"url":413,"hash":414,"mime":164,"name":415,"path":56,"size":416,"width":417,"height":175,"sizeInBytes":418},"\u002Fuploads\u002Fmd_law_of_proximity_poster_a177d470a5.png","md_law_of_proximity_poster_a177d470a5","md_law-of-proximity_poster.png",76.26,497,76258,{"ext":161,"url":420,"hash":421,"mime":164,"name":422,"path":56,"size":423,"width":424,"height":183,"sizeInBytes":425},"\u002Fuploads\u002Fsm_law_of_proximity_poster_a177d470a5.png","sm_law_of_proximity_poster_a177d470a5","sm_law-of-proximity_poster.png",59.54,414,59538,{"ext":161,"url":427,"hash":428,"mime":164,"name":429,"path":56,"size":430,"width":431,"height":191,"sizeInBytes":432},"\u002Fuploads\u002Fxl_law_of_proximity_poster_a177d470a5.png","xl_law_of_proximity_poster_a177d470a5","xl_law-of-proximity_poster.png",153.24,828,153240,{"ext":161,"url":434,"hash":435,"mime":164,"name":436,"path":56,"size":437,"width":438,"height":199,"sizeInBytes":439},"\u002Fuploads\u002F2xl_law_of_proximity_poster_a177d470a5.png","2xl_law_of_proximity_poster_a177d470a5","2xl_law-of-proximity_poster.png",200.86,994,200859,{"ext":161,"url":441,"hash":442,"mime":164,"name":443,"path":56,"size":444,"width":445,"height":276,"sizeInBytes":446},"\u002Fuploads\u002F3xl_law_of_proximity_poster_a177d470a5.png","3xl_law_of_proximity_poster_a177d470a5","3xl_law-of-proximity_poster.png",271.42,1242,271420,{"ext":161,"url":448,"hash":449,"mime":164,"name":450,"path":56,"size":451,"width":452,"height":208,"sizeInBytes":453},"\u002Fuploads\u002Fthumbnail_law_of_proximity_poster_a177d470a5.png","thumbnail_law_of_proximity_poster_a177d470a5","thumbnail_law-of-proximity_poster.png",9.1,101,9101,"law_of_proximity_poster_a177d470a5",44.92,"2026-05-27T23:16:16.629Z",[458],{"type":129,"text":216},{"type":124,"children":460,"level":125},[461,462,466],{"type":129,"text":216},{"url":463,"type":222,"children":464},"\u002Fuploads\u002Flaw_of_proximity_poster_a177d470a5.png",[465],{"text":216,"type":129},{"text":467,"type":129},"Aesthetic Usability Effect",{"type":131,"children":469},[470],{"text":471,"type":129},"Schönheit liegt bekanntlich im Auge des Betrachters und kann diesen auch im Bereich der User Experience positiv beeinflussen. Ein ästhetisches Design wird von Benutzern als intuitiver wahrgenommen und erhöht somit die Bedienbarkeit. Dieser positive Einfluss führt sogar dazu, dass Benutzer über einzelne Usability-Probleme hinwegsehen und beispielsweise eine Webseite oder einen Webshop trotzdem positiv bewerten.",{"type":153,"image":473,"children":522},{"name":474,"alternativeText":474,"url":475,"caption":56,"width":402,"height":403,"formats":476,"hash":519,"ext":161,"mime":164,"size":520,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":521,"updatedAt":521},"aesthetic-usability-effect_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Faesthetic_usability_effect_poster_c3de02ff89.png",{"lg":477,"md":483,"sm":489,"xl":495,"2xl":501,"3xl":507,"thumbnail":513},{"ext":161,"url":478,"hash":479,"mime":164,"name":480,"path":56,"size":481,"width":410,"height":167,"sizeInBytes":482},"\u002Fuploads\u002Flg_aesthetic_usability_effect_poster_c3de02ff89.png","lg_aesthetic_usability_effect_poster_c3de02ff89","lg_aesthetic-usability-effect_poster.png",86.81,86806,{"ext":161,"url":484,"hash":485,"mime":164,"name":486,"path":56,"size":487,"width":417,"height":175,"sizeInBytes":488},"\u002Fuploads\u002Fmd_aesthetic_usability_effect_poster_c3de02ff89.png","md_aesthetic_usability_effect_poster_c3de02ff89","md_aesthetic-usability-effect_poster.png",58.8,58795,{"ext":161,"url":490,"hash":491,"mime":164,"name":492,"path":56,"size":493,"width":424,"height":183,"sizeInBytes":494},"\u002Fuploads\u002Fsm_aesthetic_usability_effect_poster_c3de02ff89.png","sm_aesthetic_usability_effect_poster_c3de02ff89","sm_aesthetic-usability-effect_poster.png",45.88,45878,{"ext":161,"url":496,"hash":497,"mime":164,"name":498,"path":56,"size":499,"width":431,"height":191,"sizeInBytes":500},"\u002Fuploads\u002Fxl_aesthetic_usability_effect_poster_c3de02ff89.png","xl_aesthetic_usability_effect_poster_c3de02ff89","xl_aesthetic-usability-effect_poster.png",121.25,121246,{"ext":161,"url":502,"hash":503,"mime":164,"name":504,"path":56,"size":505,"width":438,"height":199,"sizeInBytes":506},"\u002Fuploads\u002F2xl_aesthetic_usability_effect_poster_c3de02ff89.png","2xl_aesthetic_usability_effect_poster_c3de02ff89","2xl_aesthetic-usability-effect_poster.png",157.59,157589,{"ext":161,"url":508,"hash":509,"mime":164,"name":510,"path":56,"size":511,"width":445,"height":276,"sizeInBytes":512},"\u002Fuploads\u002F3xl_aesthetic_usability_effect_poster_c3de02ff89.png","3xl_aesthetic_usability_effect_poster_c3de02ff89","3xl_aesthetic-usability-effect_poster.png",212.98,212983,{"ext":161,"url":514,"hash":515,"mime":164,"name":516,"path":56,"size":517,"width":452,"height":208,"sizeInBytes":518},"\u002Fuploads\u002Fthumbnail_aesthetic_usability_effect_poster_c3de02ff89.png","thumbnail_aesthetic_usability_effect_poster_c3de02ff89","thumbnail_aesthetic-usability-effect_poster.png",7.09,7092,"aesthetic_usability_effect_poster_c3de02ff89",37.29,"2026-05-27T23:16:43.998Z",[523],{"type":129,"text":216},{"type":124,"children":525,"level":125},[526,527,531],{"type":129,"text":216},{"url":528,"type":222,"children":529},"\u002Fuploads\u002Faesthetic_usability_effect_poster_c3de02ff89.png",[530],{"text":216,"type":129},{"text":532,"type":129},"Serial Position Effect",{"type":131,"children":534},[535],{"text":536,"type":129},"Auch die Anordnung von Elementen innerhalb einer Gruppe oder einer Reihe hat einen Einfluss auf den Betrachter. Der Serial Position Effect beschreibt ein psychologisches Phänomen, dass sich ein Betrachter besser an Elemente erinnern kann, die entweder am Anfang oder am Schluss in einer Reihenfolge angeordnet sind. Im Umkehrschluss bedeutet dies, dass Elemente in der Mitte deutlich weniger Aufmerksamkeit erhalten. Aus diesem Grund stellt man auf vielen Webseiten fest, dass die wichtigsten Aktionen einer Navigationsleiste am Anfang (links) oder am Schluss (rechts) platziert werden.",{"type":153,"image":538,"children":587},{"name":539,"alternativeText":539,"url":540,"caption":56,"width":402,"height":403,"formats":541,"hash":584,"ext":161,"mime":164,"size":585,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":586,"updatedAt":586},"serial-position-effect_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fserial_position_effect_poster_436378a7da.png",{"lg":542,"md":548,"sm":554,"xl":560,"2xl":566,"3xl":572,"thumbnail":578},{"ext":161,"url":543,"hash":544,"mime":164,"name":545,"path":56,"size":546,"width":410,"height":167,"sizeInBytes":547},"\u002Fuploads\u002Flg_serial_position_effect_poster_436378a7da.png","lg_serial_position_effect_poster_436378a7da","lg_serial-position-effect_poster.png",61.64,61636,{"ext":161,"url":549,"hash":550,"mime":164,"name":551,"path":56,"size":552,"width":417,"height":175,"sizeInBytes":553},"\u002Fuploads\u002Fmd_serial_position_effect_poster_436378a7da.png","md_serial_position_effect_poster_436378a7da","md_serial-position-effect_poster.png",42.09,42093,{"ext":161,"url":555,"hash":556,"mime":164,"name":557,"path":56,"size":558,"width":424,"height":183,"sizeInBytes":559},"\u002Fuploads\u002Fsm_serial_position_effect_poster_436378a7da.png","sm_serial_position_effect_poster_436378a7da","sm_serial-position-effect_poster.png",33,33001,{"ext":161,"url":561,"hash":562,"mime":164,"name":563,"path":56,"size":564,"width":431,"height":191,"sizeInBytes":565},"\u002Fuploads\u002Fxl_serial_position_effect_poster_436378a7da.png","xl_serial_position_effect_poster_436378a7da","xl_serial-position-effect_poster.png",82.62,82619,{"ext":161,"url":567,"hash":568,"mime":164,"name":569,"path":56,"size":570,"width":438,"height":199,"sizeInBytes":571},"\u002Fuploads\u002F2xl_serial_position_effect_poster_436378a7da.png","2xl_serial_position_effect_poster_436378a7da","2xl_serial-position-effect_poster.png",106.37,106367,{"ext":161,"url":573,"hash":574,"mime":164,"name":575,"path":56,"size":576,"width":445,"height":276,"sizeInBytes":577},"\u002Fuploads\u002F3xl_serial_position_effect_poster_436378a7da.png","3xl_serial_position_effect_poster_436378a7da","3xl_serial-position-effect_poster.png",138.22,138224,{"ext":161,"url":579,"hash":580,"mime":164,"name":581,"path":56,"size":582,"width":452,"height":208,"sizeInBytes":583},"\u002Fuploads\u002Fthumbnail_serial_position_effect_poster_436378a7da.png","thumbnail_serial_position_effect_poster_436378a7da","thumbnail_serial-position-effect_poster.png",5.3,5299,"serial_position_effect_poster_436378a7da",30.17,"2026-05-27T23:17:09.945Z",[588],{"type":129,"text":216},{"type":124,"children":590,"level":125},[591,592,596],{"type":129,"text":216},{"url":593,"type":222,"children":594},"\u002Fuploads\u002Fserial_position_effect_poster_436378a7da.png",[595],{"text":216,"type":129},{"text":597,"type":129},"Hick’s Law",{"type":131,"children":599},[600],{"text":601,"type":129},"Entscheidungen sind nicht immer einfach, vor allem dann nicht, wenn viele verschiedene Auswahlmöglichkeiten vorhanden sind. Das Hick’sche Gesetz beruht auf dieser Tatsache und besagt, dass ein Benutzer umso mehr Zeit und Anstrengung benötigt, je mehr Reize bzw. Auswahlmöglichkeiten auf ihn einwirken. Eine übersichtliche Navigation und eine begrenzte Anzahl an Elementen können also die schnelle Entscheidungsfindung unterstützen und so die Bedienbarkeit verbessern.",{"type":124,"level":125,"children":603},[604],{"text":605,"type":129},"Law of Similarity",{"type":131,"children":607},[608],{"text":609,"type":129},"Gemeinsam mit dem Gesetz der Nähe bildet das Gesetz der Ähnlichkeit einen Teil der Gestaltpsychologie. Es ist also nicht nur die Nähe, die einen Betrachter dazu verleitet, Elemente zu zusammenzufassen, sondern auch die Ähnlichkeit. So lassen sich zum Beispiel Gemeinsamkeiten in Bezug auf die Farbe, Form, Textur und Grösse bilden. Eine einheitliche Gestaltung hilft dem Betrachter, Inhalte zu interpretieren und sich auf einer Webseite zurechtzufinden. Interaktionselemente wie Buttons sollten daher immer eine einheitliche Gestaltung aufweisen.",{"type":153,"image":611,"children":660},{"name":612,"alternativeText":612,"url":613,"caption":56,"width":402,"height":403,"formats":614,"hash":657,"ext":161,"mime":164,"size":658,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":659,"updatedAt":659},"law-of-similarity_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Flaw_of_similarity_poster_23afd75912.png",{"lg":615,"md":621,"sm":627,"xl":633,"2xl":639,"3xl":645,"thumbnail":651},{"ext":161,"url":616,"hash":617,"mime":164,"name":618,"path":56,"size":619,"width":410,"height":167,"sizeInBytes":620},"\u002Fuploads\u002Flg_law_of_similarity_poster_23afd75912.png","lg_law_of_similarity_poster_23afd75912","lg_law-of-similarity_poster.png",128.37,128373,{"ext":161,"url":622,"hash":623,"mime":164,"name":624,"path":56,"size":625,"width":417,"height":175,"sizeInBytes":626},"\u002Fuploads\u002Fmd_law_of_similarity_poster_23afd75912.png","md_law_of_similarity_poster_23afd75912","md_law-of-similarity_poster.png",86.72,86723,{"ext":161,"url":628,"hash":629,"mime":164,"name":630,"path":56,"size":631,"width":424,"height":183,"sizeInBytes":632},"\u002Fuploads\u002Fsm_law_of_similarity_poster_23afd75912.png","sm_law_of_similarity_poster_23afd75912","sm_law-of-similarity_poster.png",67.13,67130,{"ext":161,"url":634,"hash":635,"mime":164,"name":636,"path":56,"size":637,"width":431,"height":191,"sizeInBytes":638},"\u002Fuploads\u002Fxl_law_of_similarity_poster_23afd75912.png","xl_law_of_similarity_poster_23afd75912","xl_law-of-similarity_poster.png",178.2,178201,{"ext":161,"url":640,"hash":641,"mime":164,"name":642,"path":56,"size":643,"width":438,"height":199,"sizeInBytes":644},"\u002Fuploads\u002F2xl_law_of_similarity_poster_23afd75912.png","2xl_law_of_similarity_poster_23afd75912","2xl_law-of-similarity_poster.png",227.87,227874,{"ext":161,"url":646,"hash":647,"mime":164,"name":648,"path":56,"size":649,"width":445,"height":276,"sizeInBytes":650},"\u002Fuploads\u002F3xl_law_of_similarity_poster_23afd75912.png","3xl_law_of_similarity_poster_23afd75912","3xl_law-of-similarity_poster.png",310.44,310444,{"ext":161,"url":652,"hash":653,"mime":164,"name":654,"path":56,"size":655,"width":452,"height":208,"sizeInBytes":656},"\u002Fuploads\u002Fthumbnail_law_of_similarity_poster_23afd75912.png","thumbnail_law_of_similarity_poster_23afd75912","thumbnail_law-of-similarity_poster.png",10.81,10808,"law_of_similarity_poster_23afd75912",51.72,"2026-05-27T23:18:06.685Z",[661],{"type":129,"text":216},{"type":124,"children":663,"level":125},[664,665,669],{"type":129,"text":216},{"url":666,"type":222,"children":667},"\u002Fuploads\u002Flaw_of_similarity_poster_23afd75912.png",[668],{"text":216,"type":129},{"text":670,"type":129},"Miller’s Law",{"type":131,"children":672},[673],{"text":674,"type":129},"Die Millersche Zahl steht für die Anzahl an Elementen, die sich ein Betrachter im Kurzzeitgedächtnis einprägen kann. Die Zahl beläuft sich auf sieben, plus minus zwei Elemente. Eine höhere Zahl an Elementen kann das Kurzzeitgedächtnis überfordern und dafür sorgen, dass nicht alle Informationen verarbeitet werden können. In Bezug auf das Design von User Interfaces kann die Millersche Regel zum Beispiel auf die Anzahl von Menüeinträgen angewendet werden. Bei einer grossen Zahl an Elementen können einzelne kleinere Informationseinheiten gebildet werden, um die Übersichtlichkeit zu gewährleisten.",{"type":153,"image":676,"children":725},{"name":677,"alternativeText":677,"url":678,"caption":56,"width":402,"height":403,"formats":679,"hash":722,"ext":161,"mime":164,"size":723,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":724,"updatedAt":724},"millers-law_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fmillers_law_poster_bc9fdd0a81.png",{"lg":680,"md":686,"sm":692,"xl":698,"2xl":704,"3xl":710,"thumbnail":716},{"ext":161,"url":681,"hash":682,"mime":164,"name":683,"path":56,"size":684,"width":410,"height":167,"sizeInBytes":685},"\u002Fuploads\u002Flg_millers_law_poster_bc9fdd0a81.png","lg_millers_law_poster_bc9fdd0a81","lg_millers-law_poster.png",119.24,119244,{"ext":161,"url":687,"hash":688,"mime":164,"name":689,"path":56,"size":690,"width":417,"height":175,"sizeInBytes":691},"\u002Fuploads\u002Fmd_millers_law_poster_bc9fdd0a81.png","md_millers_law_poster_bc9fdd0a81","md_millers-law_poster.png",80.7,80699,{"ext":161,"url":693,"hash":694,"mime":164,"name":695,"path":56,"size":696,"width":424,"height":183,"sizeInBytes":697},"\u002Fuploads\u002Fsm_millers_law_poster_bc9fdd0a81.png","sm_millers_law_poster_bc9fdd0a81","sm_millers-law_poster.png",63.51,63506,{"ext":161,"url":699,"hash":700,"mime":164,"name":701,"path":56,"size":702,"width":431,"height":191,"sizeInBytes":703},"\u002Fuploads\u002Fxl_millers_law_poster_bc9fdd0a81.png","xl_millers_law_poster_bc9fdd0a81","xl_millers-law_poster.png",168.24,168238,{"ext":161,"url":705,"hash":706,"mime":164,"name":707,"path":56,"size":708,"width":438,"height":199,"sizeInBytes":709},"\u002Fuploads\u002F2xl_millers_law_poster_bc9fdd0a81.png","2xl_millers_law_poster_bc9fdd0a81","2xl_millers-law_poster.png",215.2,215202,{"ext":161,"url":711,"hash":712,"mime":164,"name":713,"path":56,"size":714,"width":445,"height":276,"sizeInBytes":715},"\u002Fuploads\u002F3xl_millers_law_poster_bc9fdd0a81.png","3xl_millers_law_poster_bc9fdd0a81","3xl_millers-law_poster.png",289.89,289889,{"ext":161,"url":717,"hash":718,"mime":164,"name":719,"path":56,"size":720,"width":452,"height":208,"sizeInBytes":721},"\u002Fuploads\u002Fthumbnail_millers_law_poster_bc9fdd0a81.png","thumbnail_millers_law_poster_bc9fdd0a81","thumbnail_millers-law_poster.png",10.24,10237,"millers_law_poster_bc9fdd0a81",51.59,"2026-05-27T23:18:30.758Z",[726],{"type":129,"text":216},{"type":124,"children":728,"level":125},[729,730,734],{"type":129,"text":216},{"url":731,"type":222,"children":732},"\u002Fuploads\u002Fmillers_law_poster_bc9fdd0a81.png",[733],{"text":216,"type":129},{"text":735,"type":129},"Occam’s Razor",{"type":131,"children":737},[738],{"text":739,"type":129},"Das bekannte Sparsamkeitsprinzip «Ockhams Rasiermesser» besagt, dass die einfachste Lösung fast immer die beste ist. Hat man also verschiedene Varianten, welche dieselbe Funktion erfüllen, ist die einfachste davon zu wählen. In Bezug auf die Benutzerfreundlichkeit eines Designs sollte daher auf Elemente verzichtet werden, die nicht zur eigentlichen Funktionalität beitragen und das Design unnötig komplex gestalten. Occam’s Razor Fitts’s Law Nach den Erkenntnissen des Psychologen Paul Fitts benötigt ein Benutzer umso länger, desto grösser die Distanz und je kleiner das gewünschte Ziel ist. Bei der Gestaltung von Steuerelementen sollte also darauf geachtet werden, dass die Distanz zwischen den Elementen nicht zu gross gewählt wird und dass beispielsweise Buttons über eine ausreichende Grösse verfügen, so dass sie mit der Maus oder mit dem Finger selektiert werden können.",{"type":153,"image":741,"children":790},{"name":742,"alternativeText":742,"url":743,"caption":56,"width":402,"height":403,"formats":744,"hash":787,"ext":161,"mime":164,"size":788,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":789,"updatedAt":789},"occams-razor_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Foccams_razor_poster_07ce8879cc.png",{"lg":745,"md":751,"sm":757,"xl":763,"2xl":769,"3xl":775,"thumbnail":781},{"ext":161,"url":746,"hash":747,"mime":164,"name":748,"path":56,"size":749,"width":410,"height":167,"sizeInBytes":750},"\u002Fuploads\u002Flg_occams_razor_poster_07ce8879cc.png","lg_occams_razor_poster_07ce8879cc","lg_occams-razor_poster.png",92.49,92486,{"ext":161,"url":752,"hash":753,"mime":164,"name":754,"path":56,"size":755,"width":417,"height":175,"sizeInBytes":756},"\u002Fuploads\u002Fmd_occams_razor_poster_07ce8879cc.png","md_occams_razor_poster_07ce8879cc","md_occams-razor_poster.png",64.78,64781,{"ext":161,"url":758,"hash":759,"mime":164,"name":760,"path":56,"size":761,"width":424,"height":183,"sizeInBytes":762},"\u002Fuploads\u002Fsm_occams_razor_poster_07ce8879cc.png","sm_occams_razor_poster_07ce8879cc","sm_occams-razor_poster.png",50.81,50805,{"ext":161,"url":764,"hash":765,"mime":164,"name":766,"path":56,"size":767,"width":431,"height":191,"sizeInBytes":768},"\u002Fuploads\u002Fxl_occams_razor_poster_07ce8879cc.png","xl_occams_razor_poster_07ce8879cc","xl_occams-razor_poster.png",129.53,129529,{"ext":161,"url":770,"hash":771,"mime":164,"name":772,"path":56,"size":773,"width":438,"height":199,"sizeInBytes":774},"\u002Fuploads\u002F2xl_occams_razor_poster_07ce8879cc.png","2xl_occams_razor_poster_07ce8879cc","2xl_occams-razor_poster.png",165.42,165423,{"ext":161,"url":776,"hash":777,"mime":164,"name":778,"path":56,"size":779,"width":445,"height":276,"sizeInBytes":780},"\u002Fuploads\u002F3xl_occams_razor_poster_07ce8879cc.png","3xl_occams_razor_poster_07ce8879cc","3xl_occams-razor_poster.png",225.5,225495,{"ext":161,"url":782,"hash":783,"mime":164,"name":784,"path":56,"size":785,"width":452,"height":208,"sizeInBytes":786},"\u002Fuploads\u002Fthumbnail_occams_razor_poster_07ce8879cc.png","thumbnail_occams_razor_poster_07ce8879cc","thumbnail_occams-razor_poster.png",9.01,9014,"occams_razor_poster_07ce8879cc",43.09,"2026-05-27T23:19:06.014Z",[791],{"type":129,"text":216},"2023-05-29T22:00:00.000Z","ein-regelwerk-fuer-besseres-ux-design","2026-05-21T15:08:26.275Z","2026-05-30T15:11:12.428Z","2026-05-30T15:11:12.475Z",{"id":798,"documentId":799,"name":800,"alternativeText":800,"caption":800,"focalPoint":56,"width":801,"height":802,"formats":803,"hash":835,"ext":805,"mime":808,"size":836,"url":837,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":838,"updatedAt":839,"publishedAt":838},145,"p2edqrx65rvzln44lwrot6dq","laws-of-ux.jpeg",1200,630,{"lg":804,"md":813,"sm":820,"thumbnail":827},{"ext":805,"url":806,"hash":807,"mime":808,"name":809,"path":56,"size":810,"width":167,"height":811,"sizeInBytes":812},".jpeg","\u002Fuploads\u002Flg_laws_of_ux_4bfef4da63.jpeg","lg_laws_of_ux_4bfef4da63","image\u002Fjpeg","lg_laws-of-ux.jpeg",83.89,538,83892,{"ext":805,"url":814,"hash":815,"mime":808,"name":816,"path":56,"size":817,"width":175,"height":818,"sizeInBytes":819},"\u002Fuploads\u002Fmd_laws_of_ux_4bfef4da63.jpeg","md_laws_of_ux_4bfef4da63","md_laws-of-ux.jpeg",57.94,403,57941,{"ext":805,"url":821,"hash":822,"mime":808,"name":823,"path":56,"size":824,"width":183,"height":825,"sizeInBytes":826},"\u002Fuploads\u002Fsm_laws_of_ux_4bfef4da63.jpeg","sm_laws_of_ux_4bfef4da63","sm_laws-of-ux.jpeg",45.98,336,45981,{"ext":805,"url":828,"hash":829,"mime":808,"name":830,"path":56,"size":831,"width":832,"height":833,"sizeInBytes":834},"\u002Fuploads\u002Fthumbnail_laws_of_ux_4bfef4da63.jpeg","thumbnail_laws_of_ux_4bfef4da63","thumbnail_laws-of-ux.jpeg",11.59,245,129,11593,"laws_of_ux_4bfef4da63",87.47,"\u002Fuploads\u002Flaws_of_ux_4bfef4da63.jpeg","2026-05-21T15:08:26.256Z","2026-05-30T15:00:56.628Z",{"id":6,"documentId":7,"name":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12},{"id":842,"documentId":843,"firstname":844,"lastname":845,"email":846,"createdAt":847,"updatedAt":848,"publishedAt":849},4,"s97koltfa36386jjkoyjrfdi","David","Maissen","david.maissen@punktzwei.ch","2026-05-21T15:08:22.598Z","2026-05-21T15:08:32.097Z","2026-05-21T15:08:32.102Z",{"id":851,"documentId":852,"title":853,"alternativeTitle":854,"description":855,"content":856,"publish_at":860,"slug":861,"highlight":314,"curated":862,"createdAt":863,"updatedAt":864,"publishedAt":865,"locale":60,"image":866,"category":925,"author":56,"source":926},81,"wt7pta2ozve89tho811o6bpz","Ist das Headless JavaScript Framework CMS Strapi bereit für die breite Masse?","Ein Fazit über die Funktionen des Headless CMS Strapi","Headless CMS treten langsam aus ihrem Nischenbereich und bieten spannende neue Möglichkeiten. Frederik Ventzke zieht in seinem Artikel ein Fazit über Strapi, einer der bekanntesten Vertreter aus der Headless-CMS-Familie.",[857],{"type":131,"children":858},[859],{"text":216,"type":129},"2022-06-10T22:00:00.000Z","ein-fazit-ueber-die-funktionen-des-headless-cms-strapi",true,"2026-05-21T15:08:28.240Z","2026-05-30T15:27:52.687Z","2026-05-30T15:27:52.769Z",{"id":867,"documentId":868,"name":869,"alternativeText":869,"caption":869,"focalPoint":56,"width":870,"height":871,"formats":872,"hash":921,"ext":874,"mime":808,"size":922,"url":923,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":924,"updatedAt":924,"publishedAt":924},150,"ph9mvmwqwb86cvk1uz0z2svw","strapi-logo-purple-white.jpg",2160,1359,{"lg":873,"md":881,"sm":887,"xl":894,"2xl":901,"3xl":907,"thumbnail":914},{"ext":874,"url":875,"hash":876,"mime":808,"name":877,"path":56,"size":878,"width":167,"height":879,"sizeInBytes":880},".jpg","\u002Fuploads\u002Flg_strapi_logo_purple_white_efbd432e7f.jpg","lg_strapi_logo_purple_white_efbd432e7f","lg_strapi-logo-purple-white.jpg",11.11,644,11109,{"ext":874,"url":882,"hash":883,"mime":808,"name":884,"path":56,"size":885,"width":175,"height":256,"sizeInBytes":886},"\u002Fuploads\u002Fmd_strapi_logo_purple_white_efbd432e7f.jpg","md_strapi_logo_purple_white_efbd432e7f","md_strapi-logo-purple-white.jpg",7.51,7511,{"ext":874,"url":888,"hash":889,"mime":808,"name":890,"path":56,"size":891,"width":183,"height":892,"sizeInBytes":893},"\u002Fuploads\u002Fsm_strapi_logo_purple_white_efbd432e7f.jpg","sm_strapi_logo_purple_white_efbd432e7f","sm_strapi-logo-purple-white.jpg",5.98,402,5980,{"ext":874,"url":895,"hash":896,"mime":808,"name":897,"path":56,"size":898,"width":191,"height":899,"sizeInBytes":900},"\u002Fuploads\u002Fxl_strapi_logo_purple_white_efbd432e7f.jpg","xl_strapi_logo_purple_white_efbd432e7f","xl_strapi-logo-purple-white.jpg",15.03,805,15025,{"ext":874,"url":902,"hash":903,"mime":808,"name":904,"path":56,"size":905,"width":199,"height":263,"sizeInBytes":906},"\u002Fuploads\u002F2xl_strapi_logo_purple_white_efbd432e7f.jpg","2xl_strapi_logo_purple_white_efbd432e7f","2xl_strapi-logo-purple-white.jpg",18.94,18936,{"ext":874,"url":908,"hash":909,"mime":808,"name":910,"path":56,"size":911,"width":276,"height":912,"sizeInBytes":913},"\u002Fuploads\u002F3xl_strapi_logo_purple_white_efbd432e7f.jpg","3xl_strapi_logo_purple_white_efbd432e7f","3xl_strapi-logo-purple-white.jpg",26.33,1208,26331,{"ext":874,"url":915,"hash":916,"mime":808,"name":917,"path":56,"size":918,"width":832,"height":919,"sizeInBytes":920},"\u002Fuploads\u002Fthumbnail_strapi_logo_purple_white_efbd432e7f.jpg","thumbnail_strapi_logo_purple_white_efbd432e7f","thumbnail_strapi-logo-purple-white.jpg",1.77,154,1774,"strapi_logo_purple_white_efbd432e7f",30.87,"\u002Fuploads\u002Fstrapi_logo_purple_white_efbd432e7f.jpg","2026-05-21T15:08:28.217Z",{"id":38,"documentId":39,"name":40,"slug":41,"createdAt":42,"updatedAt":43,"publishedAt":44},{"id":927,"text":928,"link":929,"authorName":930},19,"Ventzke Media","https:\u002F\u002Fwww.ventzke-media.de\u002Fblog\u002Fstrapi-headless-cms.html","Frederik Ventzke",{"id":932,"documentId":933,"title":934,"alternativeTitle":935,"description":936,"content":937,"publish_at":941,"slug":942,"highlight":314,"curated":862,"createdAt":943,"updatedAt":944,"publishedAt":945,"locale":60,"image":946,"category":991,"author":56,"source":992},83,"x4u12ma42q8wgrdm0b4kjt17","Masseinheiten im Web – relative oder absolute Angaben","Grössenangaben für den Screen","Was ist der Unterschied zwischen «rem» und «em»? Wie soll ich meine Schriftgrösse im Web definieren? Stefan Huber erklärt die verschiedenen Masseinheiten.",[938],{"type":131,"children":939},[940],{"text":216,"type":129},"2022-05-12T22:00:00.000Z","groessenangaben-fuer-den-screen","2026-05-21T15:08:28.726Z","2026-05-30T15:28:41.840Z","2026-05-30T15:28:41.876Z",{"id":947,"documentId":948,"name":949,"alternativeText":949,"caption":949,"focalPoint":56,"width":950,"height":951,"formats":952,"hash":987,"ext":161,"mime":164,"size":988,"url":989,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":990,"updatedAt":990,"publishedAt":990},152,"ecsd8aa0j4d49rsa37h336yr","masseinheiten_im_web.png",1401,1373,{"lg":953,"md":960,"sm":967,"xl":973,"thumbnail":980},{"ext":161,"url":954,"hash":955,"mime":164,"name":956,"path":56,"size":957,"width":167,"height":958,"sizeInBytes":959},"\u002Fuploads\u002Flg_masseinheiten_im_web_a3c5fa918d.png","lg_masseinheiten_im_web_a3c5fa918d","lg_masseinheiten_im_web.png",56.08,1004,56081,{"ext":161,"url":961,"hash":962,"mime":164,"name":963,"path":56,"size":964,"width":175,"height":965,"sizeInBytes":966},"\u002Fuploads\u002Fmd_masseinheiten_im_web_a3c5fa918d.png","md_masseinheiten_im_web_a3c5fa918d","md_masseinheiten_im_web.png",39.61,753,39609,{"ext":161,"url":968,"hash":969,"mime":164,"name":970,"path":56,"size":105,"width":183,"height":971,"sizeInBytes":972},"\u002Fuploads\u002Fsm_masseinheiten_im_web_a3c5fa918d.png","sm_masseinheiten_im_web_a3c5fa918d","sm_masseinheiten_im_web.png",627,31995,{"ext":161,"url":974,"hash":975,"mime":164,"name":976,"path":56,"size":977,"width":191,"height":978,"sizeInBytes":979},"\u002Fuploads\u002Fxl_masseinheiten_im_web_a3c5fa918d.png","xl_masseinheiten_im_web_a3c5fa918d","xl_masseinheiten_im_web.png",74.77,1254,74772,{"ext":161,"url":981,"hash":982,"mime":164,"name":983,"path":56,"size":984,"width":985,"height":208,"sizeInBytes":986},"\u002Fuploads\u002Fthumbnail_masseinheiten_im_web_a3c5fa918d.png","thumbnail_masseinheiten_im_web_a3c5fa918d","thumbnail_masseinheiten_im_web.png",8.18,159,8177,"masseinheiten_im_web_a3c5fa918d",12.87,"\u002Fuploads\u002Fmasseinheiten_im_web_a3c5fa918d.png","2026-05-21T15:08:28.710Z",{"id":6,"documentId":7,"name":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12},{"id":993,"text":994,"link":995,"authorName":996},20,"publisher.ch","https:\u002F\u002Fpublisher.ch\u002F2020\u002F05\u002F13\u002Fmasseinheiten-im-web-relative-oder-absolute-angaben","Stefan Huber",{"id":998,"documentId":999,"title":1000,"alternativeTitle":1001,"description":1002,"content":1003,"publish_at":1071,"slug":1072,"highlight":314,"curated":314,"createdAt":1073,"updatedAt":1074,"publishedAt":1075,"locale":60,"image":1076,"category":1136,"author":1137,"source":56},94,"yraqxn2op0m8pgw82k9b7o8s","Layouts automatisiert erstellen","Mit strukturierten Daten wie XML oder JSON ins InDesign","Viele Publikationen beinhalten wiederkehrende Elemente. Beispielsweise Produktkataloge, Kursprogramme oder Kochbücher. Immer dann ist es spannend, möglichst alle repetitiven Arbeiten dem Computer zu überlassen. Unter welchen Voraussetzungen aber ist dies möglich?",[1004,1008,1012,1016,1020,1037,1041,1045,1049,1053,1057,1067],{"type":124,"level":125,"children":1005},[1006],{"text":1007,"type":129},"Strukturierte Daten",{"type":131,"children":1009},[1010],{"text":1011,"type":129},"Als Grundlage zur Automatisierung im Layoutprozess werden strukturierte Daten benötigt. Dies können beispielsweise XML-Daten aus einem System des Kunden sein, oder auch Daten aus einem Web-CMS. Bei modernen Cloud-Systemen ist es auch möglich, per REST-API (Schnittstelle) Daten abzufragen und entsprechend zu erhalten. So ist es mit Scripts in InDesign sogar möglich, per Knopfdruck die aktuellsten gewünschten Daten in InDesign zu importieren.",{"type":124,"level":125,"children":1013},[1014],{"text":1015,"type":129},"Viele Wege führen nach Rom",{"type":131,"children":1017},[1018],{"text":1019,"type":129},"Sind solche Daten erstmal verfügbar, so müssen diese natürlich auch in die gewünschte Form gebracht werden. Dafür gibt es mehrere Wege. Folgende sind aus meiner Sicht interessant:",{"type":1021,"format":1022,"children":1023},"list","unordered",[1024,1029,1033],{"type":1025,"children":1026},"list-item",[1027],{"text":1028,"type":129},"Inhalte als XML in InDesign importieren.",{"type":1025,"children":1030},[1031],{"text":1032,"type":129},"Inhalte als JSON empfangen und zu einem XML transformieren, welches wiederum in InDesign importiert werden kann.",{"type":1025,"children":1034},[1035],{"text":1036,"type":129},"Inhalte als JSON empfangen und direkt per Skript das Aussehen zuweisen und die Inhalte platzieren.",{"type":124,"level":125,"children":1038},[1039],{"text":1040,"type":129},"Magie der InDesign-Scripts",{"type":131,"children":1042},[1043],{"text":1044,"type":129},"Hat man die Inhalte erstmal in InDesign, so ist es möglich, ein ganzes Dokument mit einem InDesign-Script aufzubauen. Beispielsweise kann geprüft werden, ob Textboxen Übersatz beinhalten. Wenn ja, dann erstelle eine neue Seite und führe den Text dort fort. Es können verschiedene Musterseiten entsprechend dem Inhalt angewendet werden und vieles mehr. Eigentlich ist jede Aktion, welche man in InDesign manuell ausführen kann, auch per Skript ausführbar. So ist, je nach Projekt, ein sehr hoher Automatisierungsgrad möglich.",{"type":124,"level":125,"children":1046},[1047],{"text":1048,"type":129},"Die richtige Balance finden",{"type":131,"children":1050},[1051],{"text":1052,"type":129},"Ein Layoutprozess zu automatisieren macht immer dann Sinn, wenn man schlussendlich Zeit und damit auch Geld sparen kann. Dies kann sich je nach dem sogar schon für eine einzige Ausgabe lohnen, wenn sie sehr viele Seiten mit derselben Logik beinhaltet. Ausserdem ist der Automatisierungsgrad natürlich flexibel. Meist ist eine kleine Automatisierung relativ zeitnah umgesetzt, wiederum eine sehr hohe Automatisierung auch sehr zeitintensiv und teuer. Die richtige Balance ist hier also der Schlüssel zu einem kostengünstigen Publizieren. Schon kleine InDesign-Scripts, wie das Formatieren aller Texte, können eine grosse Zeitersparnis bewirken.",{"type":124,"level":144,"children":1054},[1055],{"text":1056,"type":129},"Kostenlose Scripts von Gregor Fellenz zum Thema:",{"type":1021,"format":1022,"children":1058},[1059,1063],{"type":1025,"children":1060},[1061],{"text":1062,"type":129},"Restix (ermöglicht REST-API-Requests in InDesign): https:\u002F\u002Fgithub.com\u002Fgrefel\u002Frestix",{"type":1025,"children":1064},[1065],{"text":1066,"type":129},"Press2id (InDesign-WordPress-Connection): https:\u002F\u002Fgithub.com\u002Fgrefel\u002Fpress2id",{"type":131,"children":1068},[1069],{"text":1070,"type":129},"Für Fragen zu deiner konkreten Ausgangslage stehen wir gerne zur Verfügung.","2021-10-04T22:00:00.000Z","mit-strukturierten-daten-wie-xml-oder-json-ins-in-design","2026-05-21T15:08:28.551Z","2026-05-30T16:48:28.969Z","2026-05-30T16:48:29.000Z",{"id":1077,"documentId":1078,"name":1079,"alternativeText":1079,"caption":1079,"focalPoint":56,"width":1080,"height":1081,"formats":1082,"hash":1132,"ext":161,"mime":164,"size":1133,"url":1134,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":1135,"updatedAt":1135,"publishedAt":1135},151,"yqdcpmkm92b4l7br66f5cstw","Bildschirmfoto 2021-10-05 um 15.47.55.png",2748,1666,{"lg":1083,"md":1090,"sm":1097,"xl":1104,"2xl":1111,"3xl":1118,"thumbnail":1125},{"ext":161,"url":1084,"hash":1085,"mime":164,"name":1086,"path":56,"size":1087,"width":167,"height":1088,"sizeInBytes":1089},"\u002Fuploads\u002Flg_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","lg_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","lg_Bildschirmfoto 2021-10-05 um 15.47.55.png",97.17,621,97169,{"ext":161,"url":1091,"hash":1092,"mime":164,"name":1093,"path":56,"size":1094,"width":175,"height":1095,"sizeInBytes":1096},"\u002Fuploads\u002Fmd_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","md_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","md_Bildschirmfoto 2021-10-05 um 15.47.55.png",61.75,466,61746,{"ext":161,"url":1098,"hash":1099,"mime":164,"name":1100,"path":56,"size":1101,"width":183,"height":1102,"sizeInBytes":1103},"\u002Fuploads\u002Fsm_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","sm_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","sm_Bildschirmfoto 2021-10-05 um 15.47.55.png",46.41,388,46410,{"ext":161,"url":1105,"hash":1106,"mime":164,"name":1107,"path":56,"size":1108,"width":191,"height":1109,"sizeInBytes":1110},"\u002Fuploads\u002Fxl_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","xl_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","xl_Bildschirmfoto 2021-10-05 um 15.47.55.png",142.88,776,142884,{"ext":161,"url":1112,"hash":1113,"mime":164,"name":1114,"path":56,"size":1115,"width":199,"height":1116,"sizeInBytes":1117},"\u002Fuploads\u002F2xl_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","2xl_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","2xl_Bildschirmfoto 2021-10-05 um 15.47.55.png",198.47,931,198467,{"ext":161,"url":1119,"hash":1120,"mime":164,"name":1121,"path":56,"size":1122,"width":276,"height":1123,"sizeInBytes":1124},"\u002Fuploads\u002F3xl_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","3xl_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","3xl_Bildschirmfoto 2021-10-05 um 15.47.55.png",286.35,1164,286346,{"ext":161,"url":1126,"hash":1127,"mime":164,"name":1128,"path":56,"size":1129,"width":832,"height":1130,"sizeInBytes":1131},"\u002Fuploads\u002Fthumbnail_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","thumbnail_Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb","thumbnail_Bildschirmfoto 2021-10-05 um 15.47.55.png",11.41,149,11405,"Bildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb",65.78,"\u002Fuploads\u002FBildschirmfoto_2021_10_05_um_15_47_55_c150a4c0eb.png","2026-05-21T15:08:28.530Z",{"id":30,"documentId":31,"name":32,"slug":33,"createdAt":34,"updatedAt":35,"publishedAt":36},{"id":144,"documentId":376,"firstname":377,"lastname":378,"email":379,"createdAt":380,"updatedAt":381,"publishedAt":382},{"id":1139,"documentId":1140,"title":1141,"alternativeTitle":1142,"description":1143,"content":1144,"publish_at":1157,"slug":1158,"highlight":314,"curated":314,"createdAt":1159,"updatedAt":1160,"publishedAt":1161,"locale":60,"image":1162,"category":1221,"author":1222,"source":56},105,"p06433le4gcs4yiey55rgtpi","Farben ordentlich synchronisieren in InDesign","Script-Helfer für mehr Ordnung in der InDesign-Farbpalette","Wer die Buchfunktion in InDesign kennt, der wird sie sicher auch schon lieben gelernt haben. Die Funktion lässt sich nicht nur für Bücher einsetzen, sondern bietet auch im Templating-Bereich interessante Möglichkeiten. So lassen sich mit der Buchfunktion alle möglichen Formate dokumentübergreifend synchronisieren. Auch Farbfelder lassen sich von einem Master-Dokument in alle anderen Dokumente übertragen. Aber Vorsicht: bei den Farbfeldern gibt es einen Haken.",[1145,1149,1153],{"type":131,"children":1146},[1147],{"text":1148,"type":129},"Im Feedback-Forum von Adobe InDesign  wurde festgestellt, dass Farbgruppen, mit denen sich Farbfelder in der gleichnamigen Palette gruppieren lassen, nicht über die Buchfunktion synchronisiert werden. Wer also mühselig alle Farben im Quelldokument sortiert und in Gruppen geordnet hat, wird nach dem Synchronisieren sein blaues Wunder erleben. Bei einer grossen Anzahl an Farbfeldern wird das Arbeiten in der Palette mühsam und kann bei unklaren Farbdefinitionen schnell zu Fehlern führen.",{"type":131,"children":1150},[1151],{"text":1152,"type":129},"Wir freuen uns, wenn Adobe diesen Bug (oder ist es doch ein Feature?) in einem künftigen Update beheben wird. Für Nutzer, die nicht darauf warten können, haben wir ein kleines Skript geschrieben, welches die Farbgruppen in einem Buch anhand des Quelldokuments in allen abhängigen Dokumenten abbildet. Das Skript funktioniert so, dass man mittels der regulären Buchsynchronisation alle Farbfelder abgleicht. Ist der Vorgang abgeschlossen, kann das Skript gestartet werden. Dieses kopiert nun alle im Quelldokument ­enthaltenen Gruppen in die restlichen Dokumente des Buchs und verschiebt die Farbfelder in die jeweilige Gruppe. Damit das Skript erfolgreich durchgeführt werden kann, muss ein Buchdokument geöffnet sein. Zu finden ist das kleine Helferlein auf Github.",{"type":131,"children":1154},[1155],{"text":1156,"type":129},"Mit der Synchronisation über die Buchfunktion werden alle Farben in die im Buch enthaltenen Dokumente übernommen, jedoch gehen alle Farbgruppen verloren. Das Skript schafft hier Abhilfe.","2021-07-29T22:00:00.000Z","farben-ordentlich-synchronisieren-in-in-design","2026-05-30T17:14:56.837Z","2026-05-30T17:15:33.222Z","2026-05-30T17:15:33.257Z",{"id":1163,"documentId":1164,"name":1165,"alternativeText":1166,"caption":1165,"focalPoint":56,"width":1167,"height":1168,"formats":1169,"hash":1217,"ext":874,"mime":808,"size":1218,"url":1219,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":1220,"updatedAt":1220,"publishedAt":1220},148,"ec7xvcxcxm6cb8uux89dcbfz","scripting.jpg","scripting",2400,3600,{"lg":1170,"md":1177,"sm":1184,"xl":1191,"2xl":1198,"3xl":1204,"thumbnail":1210},{"ext":874,"url":1171,"hash":1172,"mime":808,"name":1173,"path":56,"size":1174,"width":1175,"height":167,"sizeInBytes":1176},"\u002Fuploads\u002Flg_scripting_a15e6726ca.jpg","lg_scripting_a15e6726ca","lg_scripting.jpg",112.33,683,112330,{"ext":874,"url":1178,"hash":1179,"mime":808,"name":1180,"path":56,"size":1181,"width":1182,"height":175,"sizeInBytes":1183},"\u002Fuploads\u002Fmd_scripting_a15e6726ca.jpg","md_scripting_a15e6726ca","md_scripting.jpg",76.54,512,76539,{"ext":874,"url":1185,"hash":1186,"mime":808,"name":1187,"path":56,"size":1188,"width":1189,"height":183,"sizeInBytes":1190},"\u002Fuploads\u002Fsm_scripting_a15e6726ca.jpg","sm_scripting_a15e6726ca","sm_scripting.jpg",60.02,427,60018,{"ext":874,"url":1192,"hash":1193,"mime":808,"name":1194,"path":56,"size":1195,"width":1196,"height":191,"sizeInBytes":1197},"\u002Fuploads\u002Fxl_scripting_a15e6726ca.jpg","xl_scripting_a15e6726ca","xl_scripting.jpg",153.21,853,153213,{"ext":874,"url":1199,"hash":1200,"mime":808,"name":1201,"path":56,"size":1202,"width":167,"height":199,"sizeInBytes":1203},"\u002Fuploads\u002F2xl_scripting_a15e6726ca.jpg","2xl_scripting_a15e6726ca","2xl_scripting.jpg",199.82,199815,{"ext":874,"url":1205,"hash":1206,"mime":808,"name":1207,"path":56,"size":1208,"width":191,"height":276,"sizeInBytes":1209},"\u002Fuploads\u002F3xl_scripting_a15e6726ca.jpg","3xl_scripting_a15e6726ca","3xl_scripting.jpg",286.92,286915,{"ext":874,"url":1211,"hash":1212,"mime":808,"name":1213,"path":56,"size":1214,"width":1215,"height":208,"sizeInBytes":1216},"\u002Fuploads\u002Fthumbnail_scripting_a15e6726ca.jpg","thumbnail_scripting_a15e6726ca","thumbnail_scripting.jpg",6.68,104,6679,"scripting_a15e6726ca",873.77,"\u002Fuploads\u002Fscripting_a15e6726ca.jpg","2026-05-21T15:08:27.224Z",{"id":38,"documentId":39,"name":40,"slug":41,"createdAt":42,"updatedAt":43,"publishedAt":44},{"id":842,"documentId":843,"firstname":844,"lastname":845,"email":846,"createdAt":847,"updatedAt":848,"publishedAt":849},{"pagination":1224},{"page":47,"pageSize":6,"pageCount":125,"total":1225},11,{"data":1227},[1228],{"id":1229,"documentId":1230,"title":1231,"alternativeTitle":1232,"description":1233,"content":1234,"publish_at":792,"slug":1308,"highlight":862,"curated":314,"createdAt":1309,"updatedAt":1310,"publishedAt":1311,"locale":60,"image":1312,"category":1370,"author":1371,"source":56},68,"goqnz1ggmtk73kzyhd3w4hp9","Das Web mit bekannten Konzepten neu gedacht","Mit Jamstack zurück in die Zukunft der Webentwicklung","Moderne CMS bieten heute eine Vielzahl an Features, die den Nutzern das Verwalten von Inhalten erleichtert. Doch auch diese Systeme haben ihre Schattenseite: lange Ladezeiten, aufwändige Updates und nicht zuletzt das Risiko von Sicherheitslücken sorgen dafür, dass Jamstack-Anwendungen an Beliebtheit gewinnen. Doch was verbirgt sich hinter diesem Trend?",[1235,1239,1243,1247,1251,1264,1268,1272,1276,1280,1284,1288,1292,1296,1300,1304],{"type":124,"level":125,"children":1236},[1237],{"text":1238,"type":129},"Zurück zu den Wurzeln?",{"type":131,"children":1240},[1241],{"text":1242,"type":129},"Der Begriff Jamstack ist abgeleitet von den verschiedenen Technologien, die bei diesem Architekturstil zum Einsatz kommen. Dabei stehen die drei Anfangsbuchstaben für Javascript, API und Markup. Javascript sorgt dafür, dass Jamstack-Seiten nicht nur statische Gebilde sind, sondern mit individuellen Funktionen zu dynamischen Web Apps werden. Mittels API’s – also Schnittstellen, die vielfach als Restful API’s implementiert sind – werden verschiedene Services wie zum Beispiel eine Benutzerauthentifizierung integriert. Markup steht für Auszeichnung und sorgt dafür, dass die Inhalte auf Webseiten strukturiert sind und entsprechend dargestellt werden können. HTML ist die Sprache des Webs, auch in Jamstack findet diese Auszeichnungssprache natürlich ihre Verwendung. Der eigentliche Clou von Jamstack-Webseiten ist aber nicht die verwendete Technologie, sondern das Prinzip, dass im Grunde die gesamte Webseite im Vorfeld in einem Build-Prozess zusammengefügt wird. Die Webseite muss also beim Aufruf durch einen Benutzer nicht mehr vollständig gerendert werden, sondern kann unkompliziert als statische Webseite über Content Delivery Networks ausgeliefert werden. Jamstack nutzt also die Vorteile, die statische Webseiten bereits seit vielen Jahren aufweisen. Doch natürlich ist dieses Prinzip nicht einfach nur alter Wein in neuen Schläuchen. Es gibt weitere Eigenschaften, die Jamstack ausmachen. So zum Beispiel die Entkopplung von Frontend und Backend, die dazu führt, dass flexible Umgebungen entstehen, die dem Best-of-Breed-Ansatz folgen. Wichtig zu erwähnen ist, dass Jamstack keine spezifische Technologie ist, sondern eine Bewegung mit Best-Practices, die zum Schluss zu schnelleren Webseiten führen soll.",{"type":124,"level":125,"children":1244},[1245],{"text":1246,"type":129},"Was unterscheidet Jamstack von gängigen Seiten?",{"type":131,"children":1248},[1249],{"text":1250,"type":129},"Um diesen neuen Architekturstil besser zu verstehen, schauen wir uns das Prinzip an, wie moderne Websites bis anhin funktionieren. Diese sind im Gegensatz zu den Anfängen des Webs nicht mehr statisch, sondern dynamisch. Sobald ein Nutzer eine Webseite aufruft, wird zur Laufzeit eine Anfrage an einen Server gesendet. Inhalte werden in der Datenbank abgerufen, übermittelt und in eine HTML-Struktur gerendert, um diese zum Schluss im Browser darzustellen. Mittels Javascript lassen sich Inhalte auf einer Webseite beliebig abrufen und austauschen. Dieser Architekturstil – auch bekannt und dem Namen Lampstack – setzt auf Technologien wie Linux, Apache, MYSQL und PHP.",{"type":153,"image":1252,"children":1262},{"name":1253,"alternativeText":1253,"url":1254,"caption":56,"width":1255,"height":1256,"formats":56,"hash":1257,"ext":1258,"mime":1259,"size":1260,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":1261,"updatedAt":1261},"jamstack-vs-traditional-web.svg","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fjamstack_vs_traditional_web_0c0853b9eb.svg",731,584,"jamstack_vs_traditional_web_0c0853b9eb",".svg","image\u002Fsvg+xml",28.62,"2026-05-27T22:58:08.048Z",[1263],{"type":129,"text":216},{"type":131,"children":1265},[1266],{"text":1267,"type":129},"Traditionelle Umgebungen sind in der Regel monolithisch aufgebaut und direkt mit der Datenbank verbunden, damit zur Laufzeit Inhalte abgefragt werden können. Im Gegensatz dazu stellt Jamstack die bereits gerenderten Inhalte über ein CDN zur Verfügung und dockt verschiedene Microservices an. (Quelle: jamstack.org)",{"type":131,"children":1269},[1270],{"text":1271,"type":129},"Doch worin liegt nun der Vorteil von Jamstack-Websites? Oder anders gesagt, was sind die Nachteile von Lampstack? Wenn Inhalte bei jedem Seitenaufruf oder auch bei bestimmten Benutzerinteraktionen abgefragt und gerendert werden müssen, können daraus lange Reaktionszeiten resultieren. Mittlerweile gibt es zahlreiche Caching-Ebenen, die als Zwischenspeicher fungieren und so Inhalte schneller zur Verfügung stellen. Allerdings erhöhen diese Caching-Ebenen auch die Komplexität und somit den Wartungsaufwand. Im Gegensatz dazu werden beim Jamstack-Prinzip die Inhalte im Vorfeld zusammengestellt (Build), so dass zum Schluss lediglich statische Seiten über spezielle Content-Delivery-Netzwerke ausgeliefert werden. Dieses Prinzip ermöglicht sehr performante Seiten, die aufgrund der reinen Lesezugriffe einfach skalierbar sind. Dies zeigen auch zahlreiche Beispiele auf der offiziellen Jamstack-Webseite jamstack.org.",{"type":124,"level":125,"children":1273},[1274],{"text":1275,"type":129},"Einfachheit und Sicherheit",{"type":131,"children":1277},[1278],{"text":1279,"type":129},"Klassische CMS wie WordPress bieten mittlerweile ein ganzes Ökosystem mit unzähligen Erweiterungen, mit welchen die eigene Webseite im Funktionsumfang erweitert werden kann. Bei diesen monolithischen Systemen sind Komponenten wie Datenbanken, das Frontend oder die bereits erwähnten Plug-ins eng miteinander verbunden und bilden eine Einheit. Für die Anwender ist diese Gegebenheit praktisch. Inhalte können einfach im Backend erfasst und freigeschalten werden. In Bezug auf Wartbarkeit und Sicherheit birgt diese Architektur aber ein mehr oder weniger grosses Risiko. Durch jedes installierte Plug-in kann Schadsoftware eingeschleust werden. Die zahlreichen Updates und Patches zeigen, dass dieses Risiko nicht gerade klein ist. Zugleich wird durch diese regelmässigen Updates der Wartungsaufwand weiter erhöht.",{"type":131,"children":1281},[1282],{"text":1283,"type":129},"Bei Jamstack gibt es keine Serverumgebung im eigentlichen Sinne, die zur Laufzeit Datenbankabfragen regelt und Inhalte rendert. Wie bereits erwähnt erfolgt grundsätzlich ein reiner Lesezugriff auf spezielle Content Delivery Networks, die Inhalte über verteilte Server zur Verfügung stellen. Doch was ist mit Plug-ins? Der Buchstabe A im Begriff Jamstack steht wie bereits beschrieben für API. Mittels Schnittstellen können Inhalte während dem Build-Prozess abgerufen oder Microservices angebunden werden. Diese Microservices können verschiedene Funktionen wie Benutzerauthentifizierung, Bezahlprozesse in einem Onlineshop oder erweiterte Suchfunktionen abdecken. Durch API’s wird das Web also quasi zu einem riesigen Ökosystem für Dienste, die einfach abgerufen bzw. genutzt werden können.",{"type":124,"level":125,"children":1285},[1286],{"text":1287,"type":129},"Die Vorteile von beiden Welten nutzen",{"type":131,"children":1289},[1290],{"text":1291,"type":129},"Jamstack-Webseiten können die Performance einer Webseite verbessern. Im Gegenzug kann sich aber auch der Aufwand für den vorgelagerten Build-Prozess bei umfangreichen Seiten stark erhöhen, was wiederum zu langen Build-Zeiten führt. Bei Webseiten wie zum Beispiel sozialen Netzwerken oder Foren, bei denen sich Inhalte rasch ändern, sind viele einzelne Builds notwendig, um die Inhalte aktuell zu halten. Um die Anzahl der Build-Vorgänge zu reduzieren, bietet sich ein Mittelweg an, bei welchem nur ein Teil der Seite vorgebaut und der Rest dynamisch beim Aufruf der Seite mittels API’s abgefragt wird. Natürlich gehen diese dynamischen Abfragen wieder zu Lasten der Performance. Auch lässt sich die klassische Jamstack-Architektur durch Headless-CMS ergänzen, welche Inhalte während des Build-Prozesses zur Verfügung stellen. Klassische CMS wie WordPress oder Drupal lassen sich mittlerweile nach dem Headless-Prinzip betreiben.",{"type":124,"level":125,"children":1293},[1294],{"text":1295,"type":129},"Lohnt sich der Umstieg?",{"type":131,"children":1297},[1298],{"text":1299,"type":129},"Selbstverständlich gibt es auch bei der Erstellung von Websites oder Content-First-Workflows kein Patentrezept. Schliesslich hängt die Wahl des entsprechenden Ansatzes oder der Technologie von verschiedenen Faktoren ab. Die schnelle Performance, Sicherheitsaspekte, niedrige Kosten und die mittlerweile hohe Zahl an Microservices im Netz sind aber Aspekte, die im Publishing-Bereich klar für Jamstack sprechen. Ein Umstieg muss auch nicht immer zwingend bedeuten, dass alle Elemente einer bestehenden Umgebung auf einen Schlag ersetzt werden müssen. CMS wie WordPress lassen sich wie bereits erwähnt zu einem Headless CMS umbauen. So kann zum Beispiel die bestehende Datenbank genutzt und an ein neu entwickeltes Frontend angedockt werden. Bestehende Funktionalitäten können schrittweise durch eigene oder fremde Microservices ersetzt und bei Bedarf erweitert werden.",{"type":124,"level":125,"children":1301},[1302],{"text":1303,"type":129},"Das Buch zur Bewegung",{"type":131,"children":1305},[1306],{"text":1307,"type":129},"Wer mehr über Jamstack erfahren möchte, kann sich das Jamstack-Buch auf netlify herunterladen. Das Buch, welches auch als Audio-Datei erhältlich ist, erklärt die Grundsätze von Jamstack und die zugrundeliegenden Technologien.","mit-jamstack-zurueck-in-die-zukunft-der-webentwicklung","2026-05-21T15:08:24.799Z","2026-05-30T15:03:29.337Z","2026-05-30T15:03:29.371Z",{"id":1313,"documentId":1314,"name":1315,"alternativeText":1315,"caption":1315,"focalPoint":56,"width":1316,"height":1317,"formats":1318,"hash":1366,"ext":874,"mime":808,"size":1367,"url":1368,"previewUrl":56,"provider":212,"provider_metadata":56,"createdAt":1369,"updatedAt":1369,"publishedAt":1369},142,"j6h7a7708g43vhf8lehej9ho","holly-stratton-Acn1Y0sb4QU-unsplash.jpg",2736,1826,{"lg":1319,"md":1325,"sm":1332,"xl":1338,"2xl":1345,"3xl":1352,"thumbnail":1359},{"ext":874,"url":1320,"hash":1321,"mime":808,"name":1322,"path":56,"size":1323,"width":167,"height":1175,"sizeInBytes":1324},"\u002Fuploads\u002Flg_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","lg_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","lg_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",26.12,26115,{"ext":874,"url":1326,"hash":1327,"mime":808,"name":1328,"path":56,"size":1329,"width":175,"height":1330,"sizeInBytes":1331},"\u002Fuploads\u002Fmd_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","md_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","md_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",15.18,513,15175,{"ext":874,"url":1333,"hash":1334,"mime":808,"name":1335,"path":56,"size":1336,"width":183,"height":1189,"sizeInBytes":1337},"\u002Fuploads\u002Fsm_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","sm_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","sm_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",11.17,11169,{"ext":874,"url":1339,"hash":1340,"mime":808,"name":1341,"path":56,"size":1342,"width":191,"height":1343,"sizeInBytes":1344},"\u002Fuploads\u002Fxl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","xl_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",43.32,854,43318,{"ext":874,"url":1346,"hash":1347,"mime":808,"name":1348,"path":56,"size":1349,"width":199,"height":1350,"sizeInBytes":1351},"\u002Fuploads\u002F2xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","2xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","2xl_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",68.88,1025,68881,{"ext":874,"url":1353,"hash":1354,"mime":808,"name":1355,"path":56,"size":1356,"width":276,"height":1357,"sizeInBytes":1358},"\u002Fuploads\u002F3xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","3xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","3xl_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",121.53,1281,121528,{"ext":874,"url":1360,"hash":1361,"mime":808,"name":1362,"path":56,"size":1363,"width":1364,"height":208,"sizeInBytes":1365},"\u002Fuploads\u002Fthumbnail_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","thumbnail_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","thumbnail_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",2.58,234,2581,"holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d",281.45,"\u002Fuploads\u002Fholly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","2026-05-21T15:08:24.773Z",{"id":30,"documentId":31,"name":32,"slug":33,"createdAt":34,"updatedAt":35,"publishedAt":36},{"id":842,"documentId":843,"firstname":844,"lastname":845,"email":846,"createdAt":847,"updatedAt":848,"publishedAt":849}]