{"id":443,"date":"2019-04-19T12:02:53","date_gmt":"2019-04-19T17:02:53","guid":{"rendered":"https:\/\/technical.highedweb.org\/?post_type=schedule&#038;p=443"},"modified":"2019-10-12T14:08:08","modified_gmt":"2019-10-12T19:08:08","slug":"the-future-of-css-today","status":"publish","type":"schedule","link":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/","title":{"rendered":"The Future of CSS Today"},"content":{"rendered":"<p>CSS is evolving. What was only possible using convoluted JavaScript or preprocessors or CSS frameworks yesterday is now possible using pure standards-based CSS. Variables, animations, grid layouts, filters, nesting, complex math and more, the Future of CSS is today.<\/p>\n<p>In this workshop the audience will learn not just what is possible, but how they can take full advantage of styling markup language of the web to build modern themes, plugins, and web applications which do the impossible using modern understandable CSS.<\/p>\n<p>We will explore modern CSS modules and approaches including CSS grid and modern layouts, custom properties, filters, animations, and more. We&#8217;ll also look at how to integrate tooling like PostCSS, stylelint, and build processes into your workflow, and how these tools allow you to write modern CSS and take full advantage of what CSS has to offer while at the same time supporting older browsers and a diversified hardware and viewport environment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS is evolving. What was only possible using convoluted JavaScript or preprocessors or CSS frameworks yesterday is now possible using pure standards-based CSS. Variables, animations, grid layouts, filters, nesting, complex math and more, the Future of CSS is today. In this workshop the audience will learn not just what is possible, but how they can [&hellip;]<\/p>\n","protected":false},"featured_media":444,"parent":0,"template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_links_to":"","_links_to_target":""},"event_types":null,"session_categories":null,"class_list":{"0":"post-443","1":"schedule","2":"type-schedule","3":"status-publish","4":"has-post-thumbnail","6":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Future of CSS Today - HighEdWeb Technical Academy<\/title>\n<meta name=\"description\" content=\"Helping web coders build better sites\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Future of CSS Today - HighEdWeb Technical Academy\" \/>\n<meta property=\"og:description\" content=\"Helping web coders build better sites\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/\" \/>\n<meta property=\"og:site_name\" content=\"HighEdWeb Technical Academy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HighEdWeb\/\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-12T19:08:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1572\" \/>\n\t<meta property=\"og:image:height\" content=\"1572\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@highedweb\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/\",\"url\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/\",\"name\":\"The Future of CSS Today - HighEdWeb Technical Academy\",\"isPartOf\":{\"@id\":\"https:\/\/digicol.org\/technical\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg\",\"datePublished\":\"2019-04-19T17:02:53+00:00\",\"dateModified\":\"2019-10-12T19:08:08+00:00\",\"description\":\"Helping web coders build better sites\",\"breadcrumb\":{\"@id\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#primaryimage\",\"url\":\"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg\",\"contentUrl\":\"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg\",\"width\":1572,\"height\":1572,\"caption\":\"Morten Rand-Hendriksen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digicol.org\/technical\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Future of CSS Today\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digicol.org\/technical\/#website\",\"url\":\"https:\/\/digicol.org\/technical\/\",\"name\":\"HighEdWeb Technical Academy\",\"description\":\"Helping web coders build better sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digicol.org\/technical\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Future of CSS Today - HighEdWeb Technical Academy","description":"Helping web coders build better sites","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/","og_locale":"en_US","og_type":"article","og_title":"The Future of CSS Today - HighEdWeb Technical Academy","og_description":"Helping web coders build better sites","og_url":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/","og_site_name":"HighEdWeb Technical Academy","article_publisher":"https:\/\/www.facebook.com\/HighEdWeb\/","article_modified_time":"2019-10-12T19:08:08+00:00","og_image":[{"width":1572,"height":1572,"url":"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@highedweb","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/","url":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/","name":"The Future of CSS Today - HighEdWeb Technical Academy","isPartOf":{"@id":"https:\/\/digicol.org\/technical\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#primaryimage"},"image":{"@id":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#primaryimage"},"thumbnailUrl":"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg","datePublished":"2019-04-19T17:02:53+00:00","dateModified":"2019-10-12T19:08:08+00:00","description":"Helping web coders build better sites","breadcrumb":{"@id":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#primaryimage","url":"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg","contentUrl":"https:\/\/digicol.org\/technical\/wp-content\/uploads\/sites\/2\/2019\/04\/mor10_2017_1x1.jpg","width":1572,"height":1572,"caption":"Morten Rand-Hendriksen"},{"@type":"BreadcrumbList","@id":"https:\/\/digicol.org\/technical\/schedule\/the-future-of-css-today\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digicol.org\/technical\/"},{"@type":"ListItem","position":2,"name":"The Future of CSS Today"}]},{"@type":"WebSite","@id":"https:\/\/digicol.org\/technical\/#website","url":"https:\/\/digicol.org\/technical\/","name":"HighEdWeb Technical Academy","description":"Helping web coders build better sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digicol.org\/technical\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"event_dt":"2019-10-12T13:00","event_dt_gmt":"2019-10-12T18:00","event_date":"2019-10-12","event_start_time":"13:00","event_end_time":"17:00","event_date_display":"Saturday, October 12, 2019","event_time_display":"1:00 - 5:00 p.m.","event_duration":14400,"event_parent":0,"event_location":{"ID":427,"post_author":"10","post_date":"2019-04-12 09:30:26","post_date_gmt":"2019-04-12 14:30:26","post_content":"","post_title":"Wright Ballroom C","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"wright-ballroom-c","to_ping":"","pinged":"","post_modified":"2019-04-12 09:30:26","post_modified_gmt":"2019-04-12 14:30:26","post_content_filtered":"","post_parent":0,"guid":"https:\/\/technical.highedweb.org\/?post_type=locations&#038;p=427","menu_order":0,"post_type":"locations","post_mime_type":"","comment_count":"0","filter":"raw","permalink":"https:\/\/digicol.org\/technical\/locations\/wright-ballroom-c\/"},"event_address":null,"event_google_maps_url":null,"link_to_post":true,"event_speakers":[{"ID":442,"post_author":"10","post_date":"2019-04-19 12:00:53","post_date_gmt":"2019-04-19 17:00:53","post_content":"Morten is a Senior Staff Instructor at LinkedIn Learning (nee Lynda.com) with 60+ courses published on web standards, design, UX, WordPress, and future technologies. He also teaches Interaction Design at Emily Carr University of Art + Design, and contributes to WordPress core and community projects. Morten enjoys playing with his son, reading philosophy and sci-fi, having conversations about the internet and how it shapes our society, and wearing out his shoes on the ballroom dance floor.","post_title":"Morten Rand-Hendriksen","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"morten-rand-hendriksen","to_ping":"","pinged":"","post_modified":"2019-04-19 12:06:55","post_modified_gmt":"2019-04-19 17:06:55","post_content_filtered":"","post_parent":0,"guid":"https:\/\/technical.highedweb.org\/?post_type=speakers&#038;p=442","menu_order":0,"post_type":"speakers","post_mime_type":"","comment_count":"0","filter":"raw","twitter":""}],"event_hashtag":null,"session_livestream_url":null,"session_slides_url":null,"session_feedback_url":"https:\/\/www.surveymonkey.com\/r\/QFXZ9QN","session_follow_up_url":null,"session_video_url":null,"_links":{"self":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule\/443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule"}],"about":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/types\/schedule"}],"version-history":[{"count":1,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule\/443\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/schedule\/443\/revisions\/474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/media\/444"}],"wp:attachment":[{"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/media?parent=443"}],"wp:term":[{"taxonomy":"event_types","embeddable":true,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/event_types?post=443"},{"taxonomy":"session_categories","embeddable":true,"href":"https:\/\/digicol.org\/technical\/wp-json\/wp\/v2\/session_categories?post=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}