[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"global":3,"main-menu-products":18,"footer-navigation":172,"main-menu-blog-posts":355,"blog-post-css-entfesselt-houdini-solls-moeglich-machen":409},[4,13],{"globalSet":5},{"alertBannerList":6},[7],{"id":8,"title":9,"alertType":10,"description":11,"linkLabel":12,"linkField":12},"4647","Dies ist eine Beta-Version der neuen cyon-Website","warning","\u003Cp>Einige Funktionen funktionieren möglicherweise \u003Cstrong>nicht\u003C\u002Fstrong> wie erwartet.\u003C\u002Fp>",null,{"globalSet":14},{"tokens":15},[16],{"key":17,"value":17},"",{"productsEntries":19,"productMetaMenuSections":126,"aboutEntries":130,"aboutMenuSections":167},[20,31,40,49,59,69,80,88,108,119],{"__typename":21,"title":22,"uri":23,"color":24,"subtitle":25,"productMenuSection":26,"productIcon":28},"productPageHostings_Entry","Webhosting","hosting\u002Fwebhosting","cherry","Alles, was deine Website braucht",[27],"hosting",[29],{"url":30},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fcherry.svg",{"__typename":21,"title":32,"uri":33,"color":34,"subtitle":35,"productMenuSection":36,"productIcon":37},"Webhosting Pro","hosting\u002Fwebhosting-pro","plum","Mehr Power für anspruchsvolle Webprojekte",[27],[38],{"url":39},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fplum.svg",{"__typename":21,"title":41,"uri":42,"color":43,"subtitle":44,"productMenuSection":45,"productIcon":46},"Sitebuilder","hosting\u002Fsitebuilder","strawberry","Deine eigene Website, überraschend einfach gemacht.",[27],[47],{"url":48},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fstrawberry.svg",{"__typename":21,"title":50,"uri":51,"color":52,"subtitle":53,"productMenuSection":54,"productIcon":56},"Managed Server","server\u002Fmanaged-server","pear","Dein eigener Server. Wir kümmern uns um den Rest.",[55],"server",[57],{"url":58},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fpear.svg",{"__typename":60,"title":61,"uri":62,"color":63,"subtitle":64,"productMenuSection":65,"productIcon":66},"productPageAgency_Entry","Agency Server","server\u002Fagency-server","grape","Deine Kundschaft, dein Server.",[55],[67],{"url":68},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fgrape.svg",{"__typename":70,"title":71,"uri":72,"color":73,"subtitle":74,"productMenuSection":75,"productIcon":77},"productPageDomain_Entry","Domains","domains\u002Fdomain-kaufen","bee","Alles beginnt mit deiner Domain",[76],"domains",[78],{"url":79},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fbee.svg",{"__typename":21,"title":81,"uri":82,"color":73,"subtitle":83,"productMenuSection":84,"productIcon":85},"Domain transferieren","domains\u002Fdomain-transferieren","Gönn deiner Domain ein schöneres Zuhause",[76],[86],{"url":87},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fflower.svg",{"__typename":89,"title":90,"uri":91,"metaMenuTitle":92,"iconSelect":95,"productMenuSection":96,"directLink":97},"productPageMeta_Entry","my.cyon: Ein Login für alles","hosting\u002Fmy-cyon",[93],{"title":94},"Services","apps",[27,55,76],{"__typename":98,"type":99,"label":12,"link":100,"url":101,"urlSuffix":12,"entry":102},"LinkData","entry","\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fmy-cyon\">my.cyon: Ein Login für alles\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fmy-cyon",{"id":103,"uri":91,"slug":104,"title":90,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"5322","my-cyon",true,"productPageMeta","products",{"__typename":89,"title":109,"uri":110,"metaMenuTitle":111,"iconSelect":113,"productMenuSection":114,"directLink":115},"Umzugsservice","hosting\u002Fumzug",[112],{"title":94},"rocket",[27,55],{"__typename":98,"type":116,"label":12,"link":117,"url":118,"urlSuffix":12,"entry":12},"url","\u003Ca href=\"https:\u002F\u002Forder.cyon.ch\u002Forder\u002Fpublic\u002Fdomains\">order.cyon.ch\u002Forder\u002Fpublic\u002Fdomains\u003C\u002Fa>","https:\u002F\u002Forder.cyon.ch\u002Forder\u002Fpublic\u002Fdomains",{"__typename":89,"title":120,"uri":121,"metaMenuTitle":122,"iconSelect":124,"productMenuSection":125,"directLink":12},"https:\u002F\u002F für alle","hosting\u002Fssl",[123],{"title":94},"certificate",[27,55],[127,128],{"title":94},{"title":129},"Preise",[131,137,143,149,155,160],{"label":132,"uri":133,"aboutMenuTitle":134,"iconSelect":136,"directLink":12},"Über cyon","ueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort",[135],{"title":132},"mood-smile",{"label":138,"uri":139,"aboutMenuTitle":140,"iconSelect":142,"directLink":12},"Team","ueber-cyon\u002Fteam",[141],{"title":132},"users-group",{"label":144,"uri":145,"aboutMenuTitle":146,"iconSelect":148,"directLink":12},"Jobs","ueber-cyon\u002Fjobs",[147],{"title":132},"book",{"label":150,"uri":151,"aboutMenuTitle":152,"iconSelect":154,"directLink":12},"Geschichte","ueber-cyon\u002Fgeschichte",[153],{"title":132},"file-description",{"label":156,"uri":157,"aboutMenuTitle":158,"iconSelect":95,"directLink":12},"Partner*innen","ueber-cyon\u002Fpartner",[159],{"title":132},{"label":161,"uri":162,"aboutMenuTitle":163,"iconSelect":166,"directLink":12},"Nachhaltigkeit","ueber-cyon\u002Fnachhaltigkeit",[164],{"title":165},"Verantwortung & Vertrauen","leaf",[168,169,170],{"title":132},{"title":165},{"title":171},"Team & Kultur",{"footerNavigation":173,"googleRating":350},{"footerMenu":174},[175,214,232,254,277,331],{"title":176,"footerMenuItems":177},"Hosting",[178,186,193,200,207],{"title":22,"footerMenuItemLink":179},{"__typename":98,"type":99,"label":12,"link":180,"url":181,"urlSuffix":12,"entry":182},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting\">Webhosting\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting",{"id":183,"uri":23,"slug":184,"title":22,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"736","webhosting","productPageHostings",{"title":32,"footerMenuItemLink":187},{"__typename":98,"type":99,"label":12,"link":188,"url":189,"urlSuffix":12,"entry":190},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro\">Webhosting Pro\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro",{"id":191,"uri":33,"slug":192,"title":32,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"5348","webhosting-pro",{"title":41,"footerMenuItemLink":194},{"__typename":98,"type":99,"label":12,"link":195,"url":196,"urlSuffix":12,"entry":197},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder\">Sitebuilder\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder",{"id":198,"uri":42,"slug":199,"title":41,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"5360","sitebuilder",{"title":120,"footerMenuItemLink":201},{"__typename":98,"type":99,"label":12,"link":202,"url":203,"urlSuffix":12,"entry":204},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl\">https:\u002F\u002F für alle\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl",{"id":205,"uri":121,"slug":206,"title":120,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"4388","ssl",{"title":109,"footerMenuItemLink":208},{"__typename":98,"type":99,"label":12,"link":209,"url":210,"urlSuffix":12,"entry":211},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug\">Umzugsservice\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug",{"id":212,"uri":110,"slug":213,"title":109,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"4365","umzug",{"title":215,"footerMenuItems":216},"Server",[217,224],{"title":50,"footerMenuItemLink":218},{"__typename":98,"type":99,"label":12,"link":219,"url":220,"urlSuffix":12,"entry":221},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server\">Managed Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server",{"id":222,"uri":51,"slug":223,"title":50,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"5355","managed-server",{"title":61,"footerMenuItemLink":225},{"__typename":98,"type":99,"label":12,"link":226,"url":227,"urlSuffix":12,"entry":228},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server\">Agency Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server",{"id":229,"uri":62,"slug":230,"title":61,"enabled":105,"typeHandle":231,"sectionHandle":107,"__typename":60},"1444","agency-server","productPageAgency",{"title":71,"footerMenuItems":233},[234,242,249],{"title":71,"footerMenuItemLink":235},{"__typename":98,"type":99,"label":12,"link":236,"url":237,"urlSuffix":12,"entry":238},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen\">Domains\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen",{"id":239,"uri":72,"slug":240,"title":71,"enabled":105,"typeHandle":241,"sectionHandle":107,"__typename":70},"3330","domain-kaufen","productPageDomain",{"title":81,"footerMenuItemLink":243},{"__typename":98,"type":99,"label":12,"link":244,"url":245,"urlSuffix":12,"entry":246},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren\">Domain transferieren\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren",{"id":247,"uri":82,"slug":248,"title":81,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"4114","domain-transferieren",{"title":250,"footerMenuItemLink":251},"Alle Domains",{"__typename":98,"type":116,"label":12,"link":252,"url":253,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fdomains\u002Falle-domains\">\u002Fdomains\u002Falle-domains\u003C\u002Fa>","\u002Fdomains\u002Falle-domains",{"title":255,"footerMenuItems":256},"Support",[257,262,267,272],{"title":258,"footerMenuItemLink":259},"Support Center",{"__typename":98,"type":116,"label":12,"link":260,"url":261,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\">\u002Fsupport\u003C\u002Fa>","\u002Fsupport",{"title":263,"footerMenuItemLink":264},"E-Mail Zauberer",{"__typename":98,"type":116,"label":12,"link":265,"url":266,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\u002Fmailwizard\">\u002Fsupport\u002Fmailwizard\u003C\u002Fa>","\u002Fsupport\u002Fmailwizard",{"title":268,"footerMenuItemLink":269},"my.cyon",{"__typename":98,"type":116,"label":12,"link":270,"url":271,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fmy.cyon.ch\u002F\">my.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fmy.cyon.ch\u002F",{"title":273,"footerMenuItemLink":274},"Webmail",{"__typename":98,"type":116,"label":12,"link":275,"url":276,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fwebmail.cyon.ch\u002F\">webmail.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fwebmail.cyon.ch\u002F",{"title":278,"footerMenuItems":279},"Über uns",[280,291,299,307,314,321,323,324,326],{"title":281,"footerMenuItemLink":282},"Warum cyon",{"__typename":98,"type":99,"label":12,"link":283,"url":284,"urlSuffix":12,"entry":285},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort\">cyon macht das Internet zu einem besseren Ort\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort",{"id":286,"uri":133,"slug":287,"title":288,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"2016","cyon-macht-das-internet-zu-einem-besseren-ort","cyon macht das Internet zu einem besseren Ort","about","about_Entry",{"title":138,"footerMenuItemLink":292},{"__typename":98,"type":99,"label":12,"link":293,"url":294,"urlSuffix":12,"entry":295},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam\">Unser Team\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam",{"id":296,"uri":139,"slug":297,"title":298,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"2029","team","Unser Team",{"title":144,"footerMenuItemLink":300},{"__typename":98,"type":99,"label":12,"link":301,"url":302,"urlSuffix":12,"entry":303},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs\">Jobs bei cyon\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs",{"id":304,"uri":145,"slug":305,"title":306,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"3760","jobs","Jobs bei cyon",{"title":150,"footerMenuItemLink":308},{"__typename":98,"type":99,"label":12,"link":309,"url":310,"urlSuffix":12,"entry":311},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fgeschichte\">Geschichte\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fgeschichte",{"id":312,"uri":151,"slug":313,"title":150,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"3819","geschichte",{"title":156,"footerMenuItemLink":315},{"__typename":98,"type":99,"label":12,"link":316,"url":317,"urlSuffix":12,"entry":318},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fpartner\">Partner*innen\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fpartner",{"id":319,"uri":157,"slug":320,"title":156,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"3861","partner",{"title":322,"footerMenuItemLink":12},"Engagement",{"title":161,"footerMenuItemLink":12},{"title":325,"footerMenuItemLink":12},"Infrastruktur",{"title":327,"footerMenuItemLink":328},"Blog",{"__typename":98,"type":116,"label":12,"link":329,"url":330,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fblog\">\u002Fblog\u003C\u002Fa>","\u002Fblog",{"title":332,"footerMenuItems":333},"Rechtliches",[334,346,348],{"title":335,"footerMenuItemLink":336},"AGB",{"__typename":98,"type":99,"label":12,"link":337,"url":338,"urlSuffix":12,"entry":339},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb\">AGB\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb",{"id":340,"uri":341,"slug":342,"title":335,"enabled":105,"typeHandle":343,"sectionHandle":344,"__typename":345},"6225","legal\u002Fagb","agb","legalPage","legalPages","legalPage_Entry",{"title":347,"footerMenuItemLink":12},"Datenschutzerklärung",{"title":349,"footerMenuItemLink":12},"Impressum",{"heroContent":351},{"__typename":352,"googleRating":353},"heroContent_ContentBlock",{"stars":354},4.8,[356,383],{"title":357,"commentCount":358,"categories":359,"slug":365,"excerpt":366,"featuredImage":367,"seo":370,"author":373,"date":381,"id":382},"Phishing-Angriffe: Was wir täglich dagegen tun",3,{"nodes":360},[361,363],{"id":362,"name":327},"dGVybTozNQ==",{"id":364,"name":132},"dGVybTo2NzAz","phishing-angriffe-was-wir-taeglich-dagegen-tun","\u003Cp>«Wurden wir gehackt?» Diese Frage hören wir von unserer Kundschaft im Support immer wieder, sagt Lindita, Customer Care Specialist bei cyon. Die Nachricht wirkt bedrohlich: Da steht die eigene Domain, eine bekannte E-Mail-Adresse, vielleicht sogar ein Ablaufdatum. Alles klingt echt. Entsprechend gross ist die Unsicherheit. In solchen Situationen weisst du vielleicht nicht, wie du die […]\u003C\u002Fp>\n",{"node":368},{"sourceUrl":369},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fphishing-angriffe.png",{"opengraphImage":371},{"mediaItemUrl":372},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fphishing-angriffe-fb-li.jpg",{"node":374},{"id":375,"name":376,"email":377,"avatar":378},"dXNlcjozNw==","Svetlana Marchenko","sma@cyon.ch",{"url":379,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fa996559fe3a54e54474180cf9fd6292eb26e2bc18f22d8a3039785e3cdd14b53?s=96&d=mm&r=g",96,"2026-03-19T14:00:14","cG9zdDoyMjU0OQ==",{"title":384,"commentCount":385,"categories":386,"slug":392,"excerpt":393,"featuredImage":394,"seo":397,"author":400,"date":407,"id":408},"Welche Domains bei cyon am häufigsten registriert werden?",2,{"nodes":387},[388,389],{"id":362,"name":327},{"id":390,"name":391},"dGVybTo2NzAy","Neuigkeiten","cyon-domain-rangliste","\u003Cp>Die Wahl der passenden Domain-Endung ist ein zentraler Schritt für jede Website. Sie prägt, wie dein Projekt wahrgenommen wird, welche Zielgruppe du erreichst und wie klar dein Auftritt positioniert ist. In diesem Beitrag werfen wir einen Blick auf die beliebtesten Domain-Endungen unserer Kundinnen und Kunden, zeigen Entwicklungen der letzten Jahre auf und ordnen ein, was […]\u003C\u002Fp>\n",{"node":395},{"sourceUrl":396},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002Fdomain-endungen.png",{"opengraphImage":398},{"mediaItemUrl":399},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002Fdomain-endungen-fb-li.png",{"node":401},{"id":402,"name":403,"email":404,"avatar":405},"dXNlcjozMg==","Mona Sorcelli","mos@cyon.ch",{"url":406,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fb2a78212ccc46cd4dbd3c34c1e94df688a1397ff1fda06be5dcd76c3ec142043?s=96&d=mm&r=g","2026-02-12T16:23:59","cG9zdDoyMjUxOQ==",{"id":410,"databaseId":411,"slug":412,"title":413,"content":414,"date":415,"modified":416,"commentCount":417,"status":418,"featuredImage":12,"categories":419,"seo":424,"author":433,"comments":440},"cG9zdDo3NzIx",7721,"css-entfesselt-houdini-solls-moeglich-machen","CSS entfesselt: Houdini soll’s möglich machen","\u003Cp>Die Browserlandschaft kann einen manchmal ganz schön nerven. Wer hat sich nicht schon über neue CSS-Funktionen gefreut und dann ernüchtert festgestellt, dass der Grossteil der eigenen Website-Besucher gar nicht davon profitieren kann? Eben. Mit dem Projekt \u003Ca title=\"Wiki der Houdini-Taskforce\" href=\"https:\u002F\u002Fgithub.com\u002Fw3c\u002Fcss-houdini-drafts\u002Fwiki\u002F\">Houdini\u003C\u002Fa> soll das alles besser werden.\u003C\u002Fp>\n\u003Cdiv id=\"attachment_7739\" class=\"wp-caption alignnone\">\u003Cimg loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7739\" class=\"size-medium wp-image-7739 border\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2016\u002F04\u002Fhoudini-576x383.jpg\" alt=\"CSS entfesselt: Houdini soll's möglich machen\" width=\"576\" height=\"383\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2016\u002F04\u002Fhoudini-576x383.jpg 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2016\u002F04\u002Fhoudini-600x399.jpg 600w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2016\u002F04\u002Fhoudini.jpg 640w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \u002F>\u003Cp id=\"caption-attachment-7739\" class=\"wp-caption-text\">CSS entfesselt: Houdini soll’s möglich machen. Foto: «Bristol born escape artist Roslyn Walker» von Paul Townsend, \u003Ca href=\"https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nd\u002F2.0\u002F\">CC BY-ND\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Ch2>Warum Houdini?\u003C\u002Fh2>\n\u003Cp>Das Warten auf neue Webstandards kann Jahre dauern. Ist ein Standard erst einmal definiert, heisst das dann aber noch lange nicht, dass diese neuen Funktionen auch von allen Browsern unterstützt werden. \u003Ca title=\"W3C-Draft für Flexbox\" href=\"https:\u002F\u002Fdrafts.csswg.org\u002Fcss-flexbox\u002F\">Flexbox\u003C\u002Fa> wurde zum Beispiel 2009 das erste Mal vorgeschlagen und kann selbst heute noch nicht ganz ohne Tricks verwendet werden.\u003C\u002Fp>\n\u003Cfigure class=\"quote\">\n\u003Cblockquote>\u003Cp>I’ve been getting a bunch of emails about Houdini, what it means, etc. I have to recognize and give credit to Brian Kardell for coming up with Houdini. The name comes from us wanting to get away from the magic of CSS, I think he described it.\u003C\u002Fblockquote>\u003Cfigcaption>\u003Ca href=\"https:\u002F\u002Flists.w3.org\u002FArchives\u002FPublic\u002Fpublic-houdini\u002F2015Mar\u002F0004.html\">Rossen Atanassov, Microsoft Edge-Entwickler und Mitglied der Houdini-Taskforce\u003C\u002Fa>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Cp style=\"clear: both;\">Zwar lassen sich viele CSS-Funktionen dank \u003Ca title=\"Polyfill bei Wikipedia\" href=\"https:\u002F\u002Fde.wikipedia.org\u002Fwiki\u002FPolyfill\">Polyfills\u003C\u002Fa> in Browsern verwenden, die die gewünschte Funktion eigentlich nicht unterstützen. CSS-Polyfilling hat jedoch zwei gewaltige Nachteile. Zum einen ist es unheimlich komplex, weil alle Browser-Eigenheiten ausgebügelt werden müssen. Zum anderen hat man als Webentwickler nur die Möglichkeit, auf das \u003Ca title=\"Document Object Model bei Wikipedia\" href=\"https:\u002F\u002Fde.wikipedia.org\u002Fwiki\u002FDocument_Object_Model\">DOM\u003C\u002Fa> Einfluss zu nehmen. Bei jedem Ereignis (Scrollen, Tastatureingabe, Mausbewegung, etc.) muss das DOM erneut geparst werden und die Performance ist im Keller. Das weiss auch die Houdini-Taskforce, die aus Mitarbeitern aller grossen Browserhersteller besteht und nun Lösungen für dieses Problem finden will.\u003C\u002Fp>\n\u003Ch2>Das Ziel von Houdini\u003C\u002Fh2>\n\u003Cp>Die Houdini-Taskforce arbeitet an einer ganzen Sammlung von Entwürfen, die später dann zu W3C-Standards werden sollen. Hinter allen Entwürfen steht das Ziel, Webentwicklern eine Möglichkeit zu geben, das CSS-Rendering in Browsern zu beeinflussen. Konkret heisst das: Jeder kann sich seine \u003Cstrong>eigenen CSS-Funktionen bauen\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>Ein Beispiel: Sie möchten für Ihre Website ein Masonry-Layout verwenden. Heute brauchen Sie dazu JavaScript-Code, mit dem der Browser das gewünschte Layout aufwendig berechnen muss. In Zukunft werden Sie dem Browser vorgeben können, wie er Ihr CSS interpretieren soll. Das soll performanter sein, als wenn Polyfills und JavaScript-Bibliotheken die Lücken füllen müssen.\u003C\u002Fp>\n\u003Cp>Auf Basis der bislang von der Taskforce gemachten Vorschläge haben Entwickler \u003Ca title=\"Beispiele CSS Houdini\" href=\"https:\u002F\u002Fgithub.com\u002FGoogleChromeLabs\u002Fhoudini-samples\">erste Beispiele\u003C\u002Fa> erstellt, was mit CSS dank Houdini möglich sein wird.\u003C\u002Fp>\n\u003Ch2>Webentwickler sind noch skeptisch\u003C\u002Fh2>\n\u003Cp>Houdini tönt verlockend, die Webentwicklergemeinde ist zum Teil aber noch skeptisch. \u003Ca href=\"https:\u002F\u002Fwww.smashingmagazine.com\u002F2016\u002F03\u002Fhoudini-maybe-the-most-exciting-development-in-css-youve-never-heard-of\u002F#comment-1288170\">Wie lange wird es dauern\u003C\u002Fa>, bis die Vorschläge in Browsern Einzug finden? Werden die durch Houdini möglichen Lösungen wirklich performanter sein? Wird Webentwicklung dadurch \u003Ca href=\"https:\u002F\u002Fwww.smashingmagazine.com\u002F2016\u002F03\u002Fhoudini-maybe-the-most-exciting-development-in-css-youve-never-heard-of\u002F#comment-1288206\">noch komplexer\u003C\u002Fa>? Was passiert, wenn Benutzer die Houdini-Anweisungen (wie heute schon JavaScript) \u003Ca href=\"https:\u002F\u002Fwww.developerdrive.com\u002Fcategory\u002Fcss\u002F\">einfach blocken\u003C\u002Fa>?\u003C\u002Fp>\n\u003Cp>Wir sind gespannt, was Houdini in der Realität bringen wird. Und Sie?\u003C\u002Fp>\n","2016-04-29T12:01:29","2025-05-26T09:45:18",0,"publish",{"nodes":420},[421],{"id":422,"name":423},"dGVybTo2NzA1","Entwicklung & Performance",{"fullHead":425,"metaDesc":426,"metaRobotsNofollow":427,"metaRobotsNoindex":428,"title":429,"opengraphModifiedTime":430,"opengraphImage":431},"\u003C!-- This site is optimized with the Yoast SEO Premium plugin  - https:\u002F\u002Fyoast.com\u002Fproduct\u002Fyoast-seo-premium-wordpress\u002F -->\n\u003Cmeta name=\"description\" content=\"Die fehlende Unterstützung von neuen CSS-Funktionen in Browsern macht Webentwicklern zu schaffen. Das Projekt Houdini verspricht Abhilfe.\" \u002F>\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Fcss-entfesselt-houdini-solls-moeglich-machen\" \u002F>\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" \u002F>\n\u003Cmeta property=\"og:type\" content=\"article\" \u002F>\n\u003Cmeta property=\"og:title\" content=\"CSS entfesselt: Houdini soll's möglich machen\" \u002F>\n\u003Cmeta property=\"og:description\" content=\"Die fehlende Unterstützung von neuen CSS-Funktionen in Browsern macht Webentwicklern zu schaffen. Das Projekt Houdini verspricht Abhilfe.\" \u002F>\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Fcss-entfesselt-houdini-solls-moeglich-machen\" \u002F>\n\u003Cmeta property=\"og:site_name\" content=\"cyon-Blog\" \u002F>\n\u003Cmeta property=\"article:publisher\" content=\"https:\u002F\u002Fwww.facebook.com\u002Fcyonhosting\" \u002F>\n\u003Cmeta property=\"article:published_time\" content=\"2016-04-29T10:01:29+00:00\" \u002F>\n\u003Cmeta property=\"article:modified_time\" content=\"2025-05-26T07:45:18+00:00\" \u002F>\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2016\u002F04\u002Fhoudini-576x383.jpg\" \u002F>\n\u003Cmeta name=\"author\" content=\"Philipp Zeder\" \u002F>\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" \u002F>\n\u003Cmeta name=\"twitter:creator\" content=\"@zedpelin\" \u002F>\n\u003Cmeta name=\"twitter:site\" content=\"@cyon\" \u002F>\n\u003Cmeta name=\"twitter:label1\" content=\"Verfasst von\" \u002F>\n\t\u003Cmeta name=\"twitter:data1\" content=\"Philipp Zeder\" \u002F>\n\t\u003Cmeta name=\"twitter:label2\" content=\"Geschätzte Lesezeit\" \u002F>\n\t\u003Cmeta name=\"twitter:data2\" content=\"3 Minuten\" \u002F>\n\u003Cscript type=\"application\u002Fld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#article\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen\"},\"author\":{\"name\":\"Philipp Zeder\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002F2aaa25a0a1557c97fc7c5d07f9d0e651\"},\"headline\":\"CSS entfesselt: Houdini soll’s möglich machen\",\"datePublished\":\"2016-04-29T10:01:29+00:00\",\"dateModified\":\"2025-05-26T07:45:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen\"},\"wordCount\":489,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2016\\\u002F04\\\u002Fhoudini-576x383.jpg\",\"articleSection\":[\"Entwicklung & Performance\"],\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen\",\"name\":\"CSS entfesselt: Houdini soll's möglich machen\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#primaryimage\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2016\\\u002F04\\\u002Fhoudini-576x383.jpg\",\"datePublished\":\"2016-04-29T10:01:29+00:00\",\"dateModified\":\"2025-05-26T07:45:18+00:00\",\"description\":\"Die fehlende Unterstützung von neuen CSS-Funktionen in Browsern macht Webentwicklern zu schaffen. Das Projekt Houdini verspricht Abhilfe.\",\"breadcrumb\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#primaryimage\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2016\\\u002F04\\\u002Fhoudini-576x383.jpg\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2016\\\u002F04\\\u002Fhoudini-576x383.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fcss-entfesselt-houdini-solls-moeglich-machen#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS entfesselt: Houdini soll’s möglich machen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F\",\"name\":\"cyon-Blog\",\"description\":\"Herzlich. Nachhaltig. Schnell. Sicher. Ästhetisch. Unser Blog - Deine Plattform für inspirierende Hosting-News.\",\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\",\"name\":\"cyon\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Flogo\\\u002Fimage\\\u002F\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F06\\\u002Fo_RGB_ColorfulOnWhite-01.png\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F06\\\u002Fo_RGB_ColorfulOnWhite-01.png\",\"width\":939,\"height\":938,\"caption\":\"cyon\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Flogo\\\u002Fimage\\\u002F\"},\"sameAs\":[\"https:\\\u002F\\\u002Fwww.facebook.com\\\u002Fcyonhosting\",\"https:\\\u002F\\\u002Fx.com\\\u002Fcyon\",\"https:\\\u002F\\\u002Fswiss.social\\\u002F@cyon\",\"https:\\\u002F\\\u002Finstagram.com\\\u002Fcyon.ch\\\u002F\",\"https:\\\u002F\\\u002Fwww.linkedin.com\\\u002Fcompany\\\u002F1876493\\\u002F\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002F2aaa25a0a1557c97fc7c5d07f9d0e651\",\"name\":\"Philipp Zeder\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"caption\":\"Philipp Zeder\"},\"sameAs\":[\"https:\\\u002F\\\u002Fx.com\\\u002Fzedpelin\"]}]}\u003C\u002Fscript>\n\u003C!-- \u002F Yoast SEO Premium plugin. -->","Die fehlende Unterstützung von neuen CSS-Funktionen in Browsern macht Webentwicklern zu schaffen. Das Projekt Houdini verspricht Abhilfe.","follow","index","CSS entfesselt: Houdini soll's möglich machen","2025-05-26T07:45:18+00:00",{"mediaItemUrl":432},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2016\u002F04\u002Fhoudini.jpg",{"node":434},{"id":435,"email":436,"name":437,"avatar":438},"dXNlcjox","pz@cyon.ch","Philipp Zeder",{"url":439,"height":380,"width":380},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2025\u002F03\u002Fcropped-pz-avatar-96x96.jpeg",{"nodes":441},[]]