{"id":1677,"date":"2019-10-28T14:31:18","date_gmt":"2019-10-28T13:31:18","guid":{"rendered":"https:\/\/2019.stuttgart.wordcamp.org\/?post_type=wcb_session&#038;p=1677"},"modified":"2019-11-10T09:17:07","modified_gmt":"2019-11-10T08:17:07","slug":"css-grid-in-freier-wildbahn","status":"publish","type":"wcb_session","link":"https:\/\/stuttgart.wordcamp.org\/2019\/session\/css-grid-in-freier-wildbahn\/","title":{"rendered":"CSS Grid in freier Wildbahn"},"content":{"rendered":"\n<p>Seit CSS Grid im Jahr 2017 in modernen Browsern eingef\u00fchrt wurde, k\u00f6nnen Entwickler endlich komplexe Layouts mit weniger Code erstellen. Allerdings funktioniert CSS Grid etwas anders als das, was Entwickler bisher mit CSS Frameworks umgesetzt haben. In diesem Talk m\u00f6chte ich Beispiele zeigen, wie ich CSS Grid bisher auf Websites eingesetzt habe. Dazu gibt es noch Tipps f\u00fcr Fallback-Layouts, falls doch noch \u00e4ltere Browser wie Internet Explorer 10 oder 11 unterst\u00fctzt werden m\u00fcssen. Denn das sollte heute keine Ausrede mehr sein, CSS Grid nicht zu benutzen!<\/p>\n\n\n<ul class=\"wordcamp-block wordcamp-post-list has-layout-list wordcamp-speakers\"><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-jessica-lyschik\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/stuttgart.wordcamp.org\/2019\/speaker\/jessica-lyschik\/\">Jessica Lyschik<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-none\">\n\t\t\t<a href=\"https:\/\/stuttgart.wordcamp.org\/2019\/speaker\/jessica-lyschik\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/cbed65783c7cbbe27297593fe04e81dbecf3338ac51600c7cc471ac95e9faa61?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar von Jessica Lyschik\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\n\t\t\t<div class=\"wordcamp-speakers__sessions\">\n\t\t\t<h4 class=\"wordcamp-speakers__sessions-heading\">\n\t\t\t\tSession\t\t\t<\/h4>\n\n\t\t\t<ul class=\"wordcamp-speakers__sessions-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"wordcamp-speakers__sessions-list-item\">\n\t\t\t\t\t\t<a class=\"wordcamp-speakers__session-link\" href=\"https:\/\/stuttgart.wordcamp.org\/2019\/session\/css-grid-in-freier-wildbahn\/\">\n\t\t\t\t\t\t\tCSS Grid in freier Wildbahn\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t<span class=\"wordcamp-speakers__session-info\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t10.11.2019 um 14:30 CET\u00a0Uhr in HS1 (Track 1)\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t<\/div>\n\n<\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>Seit CSS Grid im Jahr 2017 in modernen Browsern eingef\u00fchrt wurde, k\u00f6nnen Entwickler endlich komplexe Layouts mit weniger Code erstellen. Allerdings funktioniert CSS Grid etwas anders als das, was Entwickler bisher mit CSS Frameworks umgesetzt haben. In diesem Talk m\u00f6chte ich Beispiele zeigen, wie ich CSS Grid bisher auf Websites eingesetzt habe. Dazu gibt es &hellip; <a href=\"https:\/\/stuttgart.wordcamp.org\/2019\/session\/css-grid-in-freier-wildbahn\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eCSS Grid in freier Wildbahn\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":13744016,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1573392600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1676],"footnotes":""},"session_track":[13411],"session_category":[],"class_list":["post-1677","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-1"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"10.11.2019","time":"14:30"},"session_speakers":[{"id":"1676","slug":"jessica-lyschik","name":"Jessica Lyschik","link":"https:\/\/stuttgart.wordcamp.org\/2019\/speaker\/jessica-lyschik\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1677\/revisions"}],"predecessor-version":[{"id":2589,"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1677\/revisions\/2589"}],"speakers":[{"embeddable":true,"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/1676"}],"author":[{"embeddable":true,"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wporg\/v1\/users\/luminuu"}],"wp:attachment":[{"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=1677"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=1677"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/stuttgart.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=1677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}