[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"HsBpadsLYB_sPmT0JIF3-BWZYOoX9TMNQ-Ozjyfgo3I":75,"Z5PNl6CdElqhXTq1c1f6EFO-aUgHoVCGeHcc3XPPO6o":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","1173","CSS 3 und HTML 5 und ältere Browser und ich",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1300012722,"UTC","+00:00","2011-03-13T10:38:42+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/css-3-und-html-5-und-altere-browser-und-ich",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","CSS 3 und HTML 5 und ältere Browser und ich | 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/css-3-und-html-5-und-altere-browser-und-ich","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","297","css3","/tag/css3",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"604","html5","/tag/html5",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"618","ie6","/tag/ie6",{"__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/aeltere_browser_und_ich_kreis-1.jpg?itok=p-kVrqxQ\" data-rel=\"lightbox-gallery-S5kyYZg3\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"aeltere_browser_und_ich_kreis\" data-entity-type=\"media\" data-entity-uuid=\"b35a29e0-f0fe-4bec-b338-7e5fb1b20470\" 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=WK7P-CHw 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=z1D8wPiK 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=UM4uwx0Z 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=5ohKjbUr 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=EDjSCzXe 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=itIfZV7_ 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=vaSOcrmo 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=43VPrsX9 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=GishGC1U 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=hBT6N8X3 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/aeltere_browser_und_ich_kreis-1.jpg.jpg?itok=hBT6N8X3\" alt=\"aeltere_browser_und_ich_kreis\" title=\"Browser Kontur Bild\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Mit den neuesten Generationen der gängigen Browser halten nun auch CSS3 und HTML5 langsam Einzug. Dieser Umstieg eröffnet Webentwicklern völlig neue Möglichkeiten. Dinge die vormals nur mithilfe von Adobe Flash realisierbar waren, können nun gänzlich ohne fertig festgelegte Animationen realisiert werden. YouTube macht es vor, indem das Videoportal bereits auf HTML5 zur Darstellung von Videos setzt.\u003Cbr>\n\u003C/p>\n\u003Ch3>CSS3\u003C/h3>\n\u003Cdiv title=\"css_browser\" data-entity-type=\"media\" data-entity-uuid=\"b35a29e0-f0fe-4bec-b338-7e5fb1b20470\" 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=WK7P-CHw 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=z1D8wPiK 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=UM4uwx0Z 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=5ohKjbUr 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=EDjSCzXe 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=itIfZV7_ 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=vaSOcrmo 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=43VPrsX9 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=GishGC1U 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=hBT6N8X3 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/aeltere_browser_und_ich_kreis-1.jpg.jpg?itok=hBT6N8X3\" alt=\"aeltere_browser_und_ich_kreis\" title=\"css_browser\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cdiv title=\"ie-countdown\" data-entity-type=\"media\" data-entity-uuid=\"b35a29e0-f0fe-4bec-b338-7e5fb1b20470\" 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=WK7P-CHw 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=z1D8wPiK 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=UM4uwx0Z 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=5ohKjbUr 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=EDjSCzXe 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=itIfZV7_ 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=vaSOcrmo 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=43VPrsX9 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=GishGC1U 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=hBT6N8X3 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/aeltere_browser_und_ich_kreis-1.jpg.jpg?itok=hBT6N8X3\" alt=\"aeltere_browser_und_ich_kreis\" title=\"ie-countdown\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>CSS3 definiert Eigenschaften für viele Designelemente, die vormals nicht ohne Photoshop oder nur sehr mühsam umsetzbar waren. Verläufe, Schatten, Rotationen und runde Ecken, bisher Knochenarbeit, können nun in kürzester Zeit für CSS3-fähige Browser umgesetzt werden.\u003Cbr>\n \u003Cbr>\n\u003Cstrong>Wie sieht das in älteren Browsern aus?\u003C/strong>\u003Cbr>\n \u003Cbr>\nNun stellt sich die Frage wie ältere Browser mit diesen Standards umgehen können. Über die sich auftuenden Kompatibilitätsprobleme haben sich bereits zahlreiche Entwickler Gedanken gemacht und durch eigens entwickelte Frameworks Lösungen dafür bereitgestellt. Mithilfe von Diensten wie CSS3 Please! und CSS3 PIE können die Styles auch für ältere Browser (speziell Internet Explorer) umgesetzt werden.\u003Cbr>\n\u003Cbr>\n\u003Ca href=\"http://work-liechtenecker.at/fb/css3example/\" target=\"_blank\" rel=\"noopener noreferrer\">>> Beispiel haben wir hier erstellt\u003C/a>\u003Cbr>\nÜbrigens was den IE6 betrifft ist bereits ein Ende des Tunnels in Sicht, da Microsoft nun auch endlich auf den HTML5-Zug aufgesprungen ist und auf \u003Ca href=\"http://ie6countdown.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://ie6countdown.com/\u003C/a> die letzten Tage und Stunden des mittlerweile über 10 Jahre alten Internet Explorer 6 zählt.\u003Cbr>\n\u003C/p>\n\u003Ch3>Hello World!\u003C/h3>\n\u003Cdiv title=\"tom_krammer\" data-entity-type=\"media\" data-entity-uuid=\"b35a29e0-f0fe-4bec-b338-7e5fb1b20470\" 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=WK7P-CHw 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=z1D8wPiK 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=UM4uwx0Z 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=5ohKjbUr 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=EDjSCzXe 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=itIfZV7_ 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=vaSOcrmo 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=43VPrsX9 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/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=GishGC1U 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/aeltere_browser_und_ich_kreis-1.jpg.webp?itok=hBT6N8X3 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/aeltere_browser_und_ich_kreis-1.jpg.jpg?itok=hBT6N8X3\" alt=\"aeltere_browser_und_ich_kreis\" title=\"tom_krammer\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Mit diesem Initialblogbeitrag darf ich mich vorstellen. Ich bin Thomas Krammer und habe meine Kenntnisse vom Technikum Wien und stehe kurz vorm Bachelor. Liechtenecker darf ich bei der Umsetzung von Webprojekten, Social Media Applikationen und mobilen Applikationen seit 01.02. unterstützen. Gemeinsam werden wir heuer HTML5 und CSS3 verstärkt verwenden.\u003Cbr>\n\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","2086",{"__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/2011/03/aeltere_browser_und_ich-1.jpg",1920,1280,"Liechtenecker Büro",205960,"image/jpeg","/media/2086/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/css-3-und-html-5-und-altere-browser-und-ich/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"CSS 3 und HTML 5 und ältere Browser und ich - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Mit den neuesten Generationen der gängigen Browser halten nun auch CSS3 und HTML5 langsam Einzug. Dieser Umstieg eröffnet Webentwicklern völlig neue Möglichkeiten. Dinge die vormals nur mithilfe von Adobe Flash realisierbar waren, können nun gänzlich ohne fertig festgelegte Animationen realisiert werden. YouTube macht es vor, indem das Videoportal bereits auf HTML5 zur Darstellung von Videos […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/css-3-und-html-5-und-altere-browser-und-ich/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2011-03-13T11:38:42+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/aeltere_browser_und_ich_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=\"1 Minute\">\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/css-3-und-html-5-und-altere-browser-und-ich/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/aeltere_browser_und_ich_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"Browser Kontur Bild\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/css-3-und-html-5-und-altere-browser-und-ich/#webpage\",\"url\":\"https://liechtenecker.at/blog/css-3-und-html-5-und-altere-browser-und-ich/\",\"name\":\"CSS 3 und HTML 5 und \\u00e4ltere Browser und ich - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/css-3-und-html-5-und-altere-browser-und-ich/#primaryimage\"},\"datePublished\":\"2011-03-13T11:38:42+00:00\",\"dateModified\":\"2011-03-13T11:38:42+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/css-3-und-html-5-und-altere-browser-und-ich/\"]}]},{\"@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:297":298,"TermTags:604":299,"TermTags:618":300,"MediaImage:2086":301,"User:23":303,"NodeWpPost:1173":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/css-3-und-html-5-und-altere-browser-und-ich\"})",245,"latestKnowhow({\"excludeId\":\"1173\",\"limit\":3})",248],"Query",{"__ref":242},"Menu:footer",{"__ref":244},"Menu:nuxt-main-menu",["null","__typename",77,"entity",246],{"__ref":247},"NodeWpPost:1173",[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:297",{"__ref":321},"TermTags:604",{"__ref":323},"TermTags:618",["null","__typename",151,"processed",152,"format",120,"summary",13],{"__ref":326},"MediaImage:2086",{"__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"]