[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"IHQYzgDfRhzV7s_lTHZslJr9FFHa1WLtQzIorMxlypw":75,"lFQc6IhjAZO-3hyRdm90ZCTVxLf09Y59VxkH1X0-9mo":172,"_apollo:default":214},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":150,"wpHeaderImage":13,"wpHeaderImageOld":153,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":165,"author":166},"NodeWpPost","1076","Webdesigntrends 2013",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1355413985,"UTC","+00:00","2012-12-13T15:53:05+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/webdesigntrends-2013",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Webdesigntrends 2013 | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/webdesigntrends-2013","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","31","2013","/tag/2013",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"1346","trends webdesign","/tag/trends-webdesign",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1498","webdesigntrends 2013","/tag/webdesigntrends-2013",{"__typename":151,"processed":152,"format":120,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg?itok=A5b_I0KM\" data-rel=\"lightbox-gallery-VQZiLQqa\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"webdesigntrens_2013_kreis\" data-entity-type=\"media\" data-entity-uuid=\"e41f10ef-d5ea-409e-b9a3-655c851a96ee\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=5Rz7YEVa 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=A4WsNFfQ 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=yVFg2Y71 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=lVMncFGQ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=Ybn_O6_m 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=44wJZDzD 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=NmQQPk5q 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=BXDw6d3O 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=Sp7i_Y-P 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.webp?itok=paM-W1cN 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/webdesigntrens_2013_kreis-1.jpg.jpg?itok=paM-W1cN\" alt=\"webdesigntrens_2013_kreis\" title=\"Webdesign Trends 2013\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Und da sind sie wieder, unsere Webdesigntrends für 2013. Wenn wir kurz einen \u003Ca title=\"Webdesigntrends 2012\" href=\"https://liechtenecker.at/webdesigntrends-2012/\" target=\"_blank\" rel=\"noopener noreferrer\">Rückblick auf 2012 \u003C/a> werfen, hat sich alles von unseren Trendhinweisen bewahrheitet und wir haben viele große Header und farbenfrohe Vintageseiten gesehen. Ebenso hat der vielfältige Einsatz von Typografie Einzug in unsere Browser gehalten. Webdesign ist sehr anspruchsvoll geworden, da eine vierte Dimension dazugekommen ist: Bewegung. Nein, keine Flashfilmchen :), sondern User Experience für Schaltflächen, Formularvalidierungen oder Navigationen. Das sind sehr subtile Effekte, die den User beim Bedienen des Interface unterstützen, dies wird 2013 noch viel mehr zu sehen sein. Wir nennen diese Animationsunterstützung bei Liechtenecker Motion Experience, dazu gibt es nächste Woche einen Blogbeitrag.\u003Cbr>\n\u003Cbr>\nWie wir auch bei unseren \u003Ca title=\"Digital Visions 2012\" href=\"https://liechtenecker.at/digital-visions-2012/\" target=\"_blank\" rel=\"noopener noreferrer\">Digitalvisions 2012\u003C/a> besprochen haben, werden Frontenddeveloper immer mehr zu Designern und umgekehrt. Die Bereiche wachsen eng zusammen, da gegenseitiges Verständnis für ein bedienbares Konzept sehr wichtig ist. Im Hinblick auf HTML5 und CSS3 gibt es keine Grafiken mehr. Selbst waschechte \u003Ca title=\"https://bitbucket.org/\" href=\"https://bitbucket.org/\" target=\"_blank\" rel=\"noopener noreferrer\">Developer-Technik Seiten\u003C/a> sehen gut aus. Webseiten leben und machen Spass, damit das Informationsdesign niemanden zu trocken wird. So, genug geplaudert, nun zu den \u003Cstrong>Trends des Webdesign 2013\u003C/strong>.\u003C/p>\n\u003Ch3>Fullscreen und Responsive Webdesign nach oben\u003C/h3>\n\u003Cp>Klar, responsive Webdesign hat in die „Wohnzimmer“ Einzug gehalten und es ist mittlerweile zu jedem vorgedrungen.. \u003Ca title=\"http://homepage.1und1.at/search?__lf=guided&__sendingdata=1&search.query=responsive\" href=\"http://homepage.1und1.at/search?__lf=guided&__sendingdata=1&search.query=responsive\" target=\"_blank\" rel=\"noopener noreferrer\">aber vielleicht doch nicht 🙂\u003C/a> Dennoch ist es kein besonderes Feature einer Webseite, sondern sollte bei einer professionellen Umsetzung Standard sein. Es ist technisch nicht ganz so einfach, denn es muss beim Konzept schon mitbedacht werden und beim Testing gibt es viel zu bedenken. Vergessen wird dabei immer, dass \u003Ca title=\"Responsive Webdesign – die Basics\" href=\"https://liechtenecker.at/responsive-webdesign-die-basics/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Webdesign\u003C/a> auch für große Screens und weite Flächen ist, nicht nur für mobile Anwendungen bzw kleine Screens. Deswegen sind Interfacedesigns auch weit und nach oben offen designed, wie in diesem Beispiel.\u003Cbr>\n\u003Ca title=\"http://webcontemporary.com/\" href=\"http://webcontemporary.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"1\" data-entity-type=\"media\" data-entity-uuid=\"3d8073ad-b64c-4e04-b0c3-4b9fa662c5df\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=m2v0QHA_ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=7tQphG0t 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"286\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=O1J7qs9k 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=ytmc99M3 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"286\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=QJh8WsTT 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=h0MGssA5 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"286\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=lp9oU8oo 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=WuPYXeJY 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"245\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=gVdC-H1O 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.webp?itok=4xidzsnz 2x\" type=\"image/webp\" width=\"560\" height=\"286\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"286\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/12-1.jpg.jpg?itok=4xidzsnz\" alt title=\"1\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Big Header mit Border\u003C/h3>\n\u003Cp>Ja große Header sind schon lange auf den Screendesign Laufstegen, aber sie sind noch größer und flächenfüllender geworden. Bei offenen Designs – wie oben beschrieben – ist es wieder sehr angesagt einen Border drumherum zu verwenden, das hat keinen besonderen Zweck, sieht aber spitze aus. Das Screendesign bekommt so bei einem Blogdesign, wie in diesem Beispiel, eine Dokumentenansicht.\u003Cbr>\n\u003Ca title=\"http://www.simonpan.com/thoughts/\" href=\"http://www.simonpan.com/thoughts/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"2\" data-entity-type=\"media\" data-entity-uuid=\"09de0f47-c118-4826-abc6-f04ea341daf4\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=X9BXuaY5 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=YtwejP8C 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"310\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=Mi3Hw5K0 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=oTqz2-7Q 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"310\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=5nkQ6dtR 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=QVpsuj1z 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"310\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=K6FdexB1 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=QHKKbllS 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"266\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=W_fczL7Q 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.webp?itok=y_zubAhP 2x\" type=\"image/webp\" width=\"560\" height=\"310\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"310\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/21-1.jpg.jpg?itok=y_zubAhP\" alt title=\"2\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Call2Action – Tu etwas!\u003C/h3>\n\u003Cp>Call2Action ist ein unschöner Marketingbegriff. Aber er ist in Webseiten sehr wichtig geworden und wird sich 2013 noch verstärken. Es sind nicht mehr die verstecken Aufforderungen für den User, sondern ganz klare und groß angesiedelte Interaktionen. Der User weiß sofort was er tun \u003Cdel>muss\u003C/del>, kann. Kein „mehr info“ oder „weiter hier“ sondern klare Aufforderung zur Aktion, sowie hier „SEND SOME LOVE“\u003Cbr>\n\u003Ca title=\"http://www.aggregift.com/\" href=\"http://www.aggregift.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"3\" data-entity-type=\"media\" data-entity-uuid=\"8b8b8a38-7a41-4338-9ece-2b264537cb05\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=CSifSkQ7 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=3XMWynPb 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"352\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=gzfypHjH 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=RDvpNWRV 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"352\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=nMYDZVo7 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=Lk6Rww1- 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"352\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=dvV6g76i 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=mT42BPOW 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"302\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=SGc33tyx 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.webp?itok=L9qqXU-a 2x\" type=\"image/webp\" width=\"560\" height=\"352\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"352\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/31-1.jpg.jpg?itok=L9qqXU-a\" alt title=\"3\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Navigation bleib oben – sticky Navigation\u003C/h3>\n\u003Cp>Die Navigation ist und bleibt das wichtigste Element einer Webseite. Damit der User auch von immer und überall zu den Unterseiten gelangt, oder wenn er in Kontakt treten will macht es absolut Sinn die Navigation oben zu halten. Diese Idee ist so einfach aber gut und bringt den User zu mehr Seiten oder Links auf der Webseite. Für uns Daumen hoch und kein neues Webprojekt geht mehr ohne einer „sticky Navigation“.\u003Cbr>\n\u003Ca title=\"http://manoscrafted.com/work\" href=\"http://manoscrafted.com/work\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"4\" data-entity-type=\"media\" data-entity-uuid=\"e8889077-6114-4cae-821f-fcd8698c229e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=PpoNMPxh 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=Qi-NL3ws 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"334\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=jjTd3NBV 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=pCF5NbVw 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"334\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=6q2jba-r 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=nJ9nr5Mw 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"334\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=Qig4Ezyc 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=sGUv4DpJ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"286\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=gZhqJdsj 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.webp?itok=Cny6bMP- 2x\" type=\"image/webp\" width=\"560\" height=\"334\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"334\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/41-1.jpg.jpg?itok=Cny6bMP-\" alt title=\"4\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Alles ist rund – auch die Bilderwelt\u003C/h3>\n\u003Cp>Ecken sind langweilig, noch schlimmer sind abgerundete Ecken – NO WAY! Aber Kreise sind fein und gefallen uns besonders auch 2013.  Mal etwas Anderes, bis die abgerundeten Ecken wieder kommen haben wir noch ein paar Jahre…\u003Cbr>\n\u003Ca title=\"http://www.muriel-labro.fr/\" href=\"http://www.muriel-labro.fr/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"5\" data-entity-type=\"media\" data-entity-uuid=\"a245cda6-455e-43ff-8950-12a2b6fe1800\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=FybS3gQG 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=gqKt6syK 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"401\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=wBVMWWQr 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=Css-yXUl 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"401\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=QU5CyQM1 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=vrgPXGYN 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"401\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=BVi3VPJa 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=nPvmePmp 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"344\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=txj7NzGd 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.webp?itok=8Fww4zSz 2x\" type=\"image/webp\" width=\"560\" height=\"401\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"401\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/51-1.jpg.jpg?itok=8Fww4zSz\" alt title=\"5\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Beweg dich – Motion Experience statt User Experience\u003C/h3>\n\u003Cp>Wie schon anfangs erwähnt ist Bewegung mit CSS3 und HTML5 sehr gut möglich. Die Animation soll Spass machen, aber auch mit subtilen Effekten den User beim Bedienen der Webseite unterstützen. Ein hover Effekt ist nicht gleich ein hover Effekt, das kann auch ein schöner dezenter Fade sein, denn man nur unterbewusst wahrnimmt. Aber auch für Präsentationszwecke auf Webseiten kann die Information mit mehr Spass aufgepeppt werden.\u003Cbr>\n\u003Ca title=\"http://www.visual-kitchen.com/\" href=\"http://www.visual-kitchen.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"6\" data-entity-type=\"media\" data-entity-uuid=\"40677033-e6d6-4fd0-a9e6-61f2ce114be6\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=mUZPz9Vh 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=rNklQJGj 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"367\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=IoSil2nL 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=cm2dpBzV 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"367\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=jUMLpSh2 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=hoLvGM0S 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"367\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=dC5WVW94 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=dbpyZixh 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"315\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=kWxswjrW 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.webp?itok=GZzu_ZO9 2x\" type=\"image/webp\" width=\"560\" height=\"367\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"367\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/61-1.jpg.jpg?itok=GZzu_ZO9\" alt title=\"6\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Weichzeichnung mit Freisteller\u003C/h3>\n\u003Cp>Wenn wir gleich bei Bewegung und Animation sind, kann man Header auch super schick machen, in dem man den Hintergrund weichzeichnet und die darauf befindlichen Elemente mit einer leichten Bewegung versieht. Das gibt mehr Tiefe und ist ansprechend. Außerdem kann man das Wesentliche ausgezeichnet platzieren, wie in diesem gelungenem Beispiel.\u003Cbr>\n\u003Ca title=\"http://noe-interactive.com/\" href=\"http://noe-interactive.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"7\" data-entity-type=\"media\" data-entity-uuid=\"13d3ce09-ed8f-4dbe-9923-9be724b530ee\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=USfAYxLE 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=kHaJwFD0 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"323\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=kUWn3-i8 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=IKa3mBwt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"323\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=JaCTotq6 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=JdkDCPbu 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"323\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=6tpZ9Ibv 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=vA5A3JnQ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"277\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=QVj8Uu-k 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.webp?itok=VlbYsF_u 2x\" type=\"image/webp\" width=\"560\" height=\"323\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"323\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/71-1.jpg.jpg?itok=VlbYsF_u\" alt title=\"7\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Zeig mir wo du bist\u003C/h3>\n\u003Cp>Anfahrtswege, das kennt jeder. Ein kleiner Ausschnitt mit der Karte, oder noch besser reine Wegbeschreibungen via Text sind nicht besonders hilfreich. Wir wollen sehen wo ihr seid und da bieten sich große Karten an. Es ist möglich wegen dem responsive Ansatz.\u003Cbr>\n\u003Ca title=\"http://supereightstudio.com/contact\" href=\"http://supereightstudio.com/contact\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"8\" data-entity-type=\"media\" data-entity-uuid=\"3caa18bb-31d1-4f18-a055-39ffed313aeb\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=sGvyG4X- 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=88_8QMD7 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"283\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=An101kh- 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=6yyVPu7t 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"283\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=TaUAKD1p 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=Y9Vkx9KU 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"283\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=LLifbBd3 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=p-HO1Wiu 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"243\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=fsosRdiD 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.webp?itok=4KR7uceS 2x\" type=\"image/webp\" width=\"560\" height=\"283\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"283\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/81-1.jpg.jpg?itok=4KR7uceS\" alt title=\"8\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Outline Icons – weniger ist mehr\u003C/h3>\n\u003Cp>Ja Outline Icons sind ein ganz heißer Scheiß. Nach dem Motto weniger ist mehr passen sie super zum Text und Informationsdesign. Die Piktogramme sind nicht mehr glossy oder haptisch oder mit Farben, sondern einfärbig und dadurch nicht so dominant. LIKE!\u003Cbr>\n\u003Ca title=\"http://grainandmortar.com/\" href=\"http://grainandmortar.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"9\" data-entity-type=\"media\" data-entity-uuid=\"ac7c67c9-9d2e-4ad3-9c4d-7015b5938e1f\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=ot_E9ixs 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=L-EMdorm 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"375\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=g70OlBN3 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=z8KxMXl4 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"375\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=4SkQBvS_ 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=t-eVnV0- 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"375\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=yXB6K628 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=p70_zqFx 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"321\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=c0OaqPvp 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.webp?itok=1Wj_0_w6 2x\" type=\"image/webp\" width=\"560\" height=\"375\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"375\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/91-1.jpg.jpg?itok=1Wj_0_w6\" alt title=\"9\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Parallax Scrolling Effekte\u003C/h3>\n\u003Cp>Über \u003Ca title=\"Parallaxes Scrolling\" href=\"https://liechtenecker.at/parallaxes-scrolling/\" target=\"_blank\" rel=\"noopener noreferrer\">parallaxes Scrolling\u003C/a> haben wir hier schon viel geschrieben, es sind verschobene Ebeneneffekte. Sie können perfekt den Lesefluss erleichtern und bieten auch eine gute User Experience. Dezent eingesetzt ist es auch nicht zuviel wie hier:\u003Cbr>\n\u003Ca title=\"http://davidseamanforcongress.com/\" href=\"http://davidseamanforcongress.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"10\" data-entity-type=\"media\" data-entity-uuid=\"25f9e24a-f37f-4000-8649-0e701f11a87a\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=caRGdKFV 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=Pt_Bm8Mp 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"349\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=o9CEFejS 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=zPyE66jz 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"349\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=V-9OHH5B 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=yLfABgPd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"349\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=r2C5ijEI 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=GP8j-ryS 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"299\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=8Ql9w9VA 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.webp?itok=vpMe7h2q 2x\" type=\"image/webp\" width=\"560\" height=\"349\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"349\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/101-1.jpg.jpg?itok=vpMe7h2q\" alt title=\"10\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Lupenrein – auch für Brillenträger und Weitsichtige\u003C/h3>\n\u003Cp>Lupeneffekte erklären dem User deutlich den Ausschnitt des Bildbereiches. Bei einer Applikation kann man perfekt auf die Features hinweisen, ebenso bei einem Leitfaden, try it free..\u003Cbr>\n\u003Ca title=\"http://www.squarespace.com/\" href=\"http://www.squarespace.com/\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cdiv title=\"11\" data-entity-type=\"media\" data-entity-uuid=\"d552b053-f781-4d5f-b091-b270138e1f61\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=PVODfHEW 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=sfVwp2Kg 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"560\" height=\"386\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=uXOvd0oz 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=KCKlD7r_ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"560\" height=\"386\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=ae2Ox87d 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=1VX9og-r 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"560\" height=\"386\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=cCs8qyOK 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=006NE_Z6 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"331\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=Yd-D8bjc 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.webp?itok=ZZSfxuG3 2x\" type=\"image/webp\" width=\"560\" height=\"386\">\n                  \u003Cimg loading=\"lazy\" width=\"560\" height=\"386\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/12/111-1.jpg.jpg?itok=ZZSfxuG3\" alt title=\"11\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Ch3>Und sonst so?\u003C/h3>\n\u003Cp>Wie immer könnte ich ewig weiterschreiben, aber wir haben ja alle nicht so viel Zeit im Dezember, richtig? Jedenfalls ist wichtig, dass nächstes Jahr die User Experience auf das nächste Level steigt mit Motion Experience (mehr dazu bald) und flüssige, responisve Konzepte zum Standard werden. Navigationen können ruhig dort bleiben wo sie sind und kleine schöne Animationen versüßen das Webseitenbesucherdasein. Dann wären da noch die Trends zu \u003Ca title=\"http://mt101085.students.fhstp.ac.at/dv/#intro\" href=\"http://mt101085.students.fhstp.ac.at/dv/#intro\" target=\"_blank\" rel=\"noopener noreferrer\">besserer Typografie\u003C/a>, da könnte unsere Lisa stundenlang darüber erzählen. Was Inhalte betrifft ist Content Marketing absolut an erster Stelle. Bevor man überhaupt an das Konzept einer Webseite denkt gehört eine \u003Ca title=\"Der Informationsarchitekt und die richtige Contentstrategie\" href=\"https://liechtenecker.at/der-informationsarchitekt-und-die-richtige-contentstrategie/\" target=\"_blank\" rel=\"noopener noreferrer\">ordentliche Content Strategie\u003C/a> her. Hier werden auch die Webseiten viel näher auf die Bedürfnisse der User und  Zielgruppen konzepiert. Email Marketing wird 2013 und 2014 wieder zunehmen, besonders im B2B Bereich. So, das war es, hab ich etwas vergessen?\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":154,"id":155,"excludeFromScreenreader":13,"mediaImage":156,"name":161,"path":164,"status":20},"MediaImage","2145",{"__typename":157,"url":158,"width":159,"height":160,"alt":161,"title":161,"size":162,"mime":163},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/webdesigntrens-1.jpg",1920,1280,"Liechtenecker Büro",237129,"image/jpeg","/media/2145/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://liechtenecker.at/blog/webdesigntrends-2013/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Webdesigntrends 2013 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Und da sind sie wieder, unsere Webdesigntrends für 2013. Wenn wir kurz einen Rückblick auf 2012  werfen, hat sich alles von unseren Trendhinweisen bewahrheitet und wir haben viele große Header und farbenfrohe Vintageseiten gesehen. Ebenso hat der vielfältige Einsatz von Typografie Einzug in unsere Browser gehalten. Webdesign ist sehr anspruchsvoll geworden, da eine vierte Dimension […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/webdesigntrends-2013/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2012-12-13T16:53:05+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/webdesigntrens_2013_kreis-1-300x300.jpg\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"5 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://liechtenecker.at/#website\",\"url\":\"https://liechtenecker.at/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://liechtenecker.at/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2013/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/webdesigntrens_2013_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"Webdesign Trends 2013\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2013/#webpage\",\"url\":\"https://liechtenecker.at/blog/webdesigntrends-2013/\",\"name\":\"Webdesigntrends 2013 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/webdesigntrends-2013/#primaryimage\"},\"datePublished\":\"2012-12-13T16:53:05+00:00\",\"dateModified\":\"2012-12-13T16:53:05+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/webdesigntrends-2013/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":167,"id":168,"myRole":169,"name":170,"nickname":171},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":173},[174,189,202],{"__typename":79,"id":175,"title":176,"path":177,"wpTeaserText":178,"wpPromotedTeaserImage":13,"wpHeaderImage":179},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":154,"id":180,"excludeFromScreenreader":13,"mediaImage":181,"name":187,"path":188,"status":20},"3364",{"__typename":157,"url":182,"width":183,"height":184,"alt":185,"title":13,"size":186,"mime":163},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":190,"title":191,"path":192,"wpTeaserText":193,"wpPromotedTeaserImage":13,"wpHeaderImage":194},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":154,"id":195,"excludeFromScreenreader":13,"mediaImage":196,"name":200,"path":201,"status":20},"3355",{"__typename":157,"url":197,"width":183,"height":184,"alt":198,"title":13,"size":199,"mime":163},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":203,"title":204,"path":205,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":206},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":154,"id":207,"excludeFromScreenreader":21,"mediaImage":208,"name":212,"path":213,"status":20},"3303",{"__typename":157,"url":209,"width":183,"height":184,"alt":210,"title":13,"size":211,"mime":163},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":215,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":216,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":220,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":223,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":226,"Menu:footer":229,"ROOT_QUERY":239,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":255,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":258,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":261,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":264,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":267,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":270,"Menu:nuxt-main-menu":273,"TermCategories:8":287,"TermTags:31":298,"TermTags:1346":299,"TermTags:1498":300,"MediaImage:2145":301,"User:23":303,"NodeWpPost:1076":304,"MediaImage:3364":329,"NodeWpPost:1619":331,"MediaImage:3355":334,"NodeWpPost:1616":336,"MediaImage:3303":339,"NodeWpPost:1606":341},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",217,"internal",20,"expanded",21,"attributes",219],{"__ref":218},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",221,"internal",20,"expanded",21,"attributes",222],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",224,"internal",20,"expanded",21,"attributes",225],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",227,"internal",21,"expanded",21,"attributes",228],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",230],[231,233,235,237],{"__ref":232},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":234},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":236},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":238},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",240,"menu({\"name\":\"FOOTER\"})",241,"menu({\"name\":\"NUXT_MAIN_MENU\"})",243,"route({\"path\":\"/blog/webdesigntrends-2013\"})",245,"latestKnowhow({\"excludeId\":\"1076\",\"limit\":3})",248],"Query",{"__ref":242},"Menu:footer",{"__ref":244},"Menu:nuxt-main-menu",["null","__typename",77,"entity",246],{"__ref":247},"NodeWpPost:1076",[249,251,253],{"__ref":250},"NodeWpPost:1619",{"__ref":252},"NodeWpPost:1616",{"__ref":254},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",256,"internal",20,"expanded",21,"attributes",257],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",259,"internal",20,"expanded",21,"attributes",260],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",262,"internal",20,"expanded",21,"attributes",263],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",274],[275,277,279,281,283,285],{"__ref":276},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":278},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":280},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":282},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":284},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":286},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",288,"langcode",289,"changed",290,"metatag",291],["null","__typename",118,"processed",119,"format",120],{"__ref":218},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[292,294,296],["null","__typename",93,"tag",94,"attributes",293],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",295],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",297],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",154,"id",155,"excludeFromScreenreader",13,"mediaImage",302,"name",161,"path",164,"status",20],["null","__typename",157,"url",158,"width",159,"height",160,"alt",161,"title",161,"size",162,"mime",163],["null","__typename",167,"id",168,"myRole",169,"name",170,"nickname",171],["null","__typename",79,"id",80,"title",81,"changed",305,"created",306,"langcode",307,"path",90,"promote",21,"status",20,"sticky",21,"metatag",308,"category",315,"contentElements",13,"evergreen",13,"tags",317,"wpBody",324,"wpHeaderImage",13,"wpHeaderImageOld",325,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",165,"author",327],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":218},[309,311,313],["null","__typename",93,"tag",94,"attributes",310],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",312],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",314],["null","__typename",109,"property",110,"content",81],{"__ref":316},"TermCategories:8",[318,320,322],{"__ref":319},"TermTags:31",{"__ref":321},"TermTags:1346",{"__ref":323},"TermTags:1498",["null","__typename",151,"processed",152,"format",120,"summary",13],{"__ref":326},"MediaImage:2145",{"__ref":328},"User:23",["null","__typename",154,"id",180,"excludeFromScreenreader",13,"mediaImage",330,"name",187,"path",188,"status",20],["null","__typename",157,"url",182,"width",183,"height",184,"alt",185,"title",13,"size",186,"mime",163],["null","__typename",79,"id",175,"title",176,"path",177,"wpTeaserText",178,"wpPromotedTeaserImage",13,"wpHeaderImage",332],{"__ref":333},"MediaImage:3364",["null","__typename",154,"id",195,"excludeFromScreenreader",13,"mediaImage",335,"name",200,"path",201,"status",20],["null","__typename",157,"url",197,"width",183,"height",184,"alt",198,"title",13,"size",199,"mime",163],["null","__typename",79,"id",190,"title",191,"path",192,"wpTeaserText",193,"wpPromotedTeaserImage",13,"wpHeaderImage",337],{"__ref":338},"MediaImage:3355",["null","__typename",154,"id",207,"excludeFromScreenreader",21,"mediaImage",340,"name",212,"path",213,"status",20],["null","__typename",157,"url",209,"width",183,"height",184,"alt",210,"title",13,"size",211,"mime",163],["null","__typename",79,"id",203,"title",204,"path",205,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",342],{"__ref":343},"MediaImage:3303"]