We\u2019ll talk about some of the more recently-released CSS tools you can use now! In this session, we\u2019ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn\u2019t use them. Even if some of these are unfamiliar, if you haven\u2019t worked on the front-end in a while, or if you\u2019re new to coding, this session is for you. You don\u2019t need to use JavaScript to create cool animations or columns that automatically fill the space – you can do it all with CSS! We\u2019ll cover browser support and some fallbacks you can use to get you started using these new tools today.<\/p>\n
In this session, you’ll get an intro to:
\nFlexbox
\nCSS Grids
\nPseudo elements (:before, :after, :nth-child)
\nTransitions & Animations
\nBlend Modes
\nTextured Typography
\nBrowser Support and Graceful Fallbacks for all of the above!<\/p>\n
For some sections of this session, we\u2019ll talk about SCSS mixins. You can also achieve the same results with a little more pure CSS, so while some knowledge of Sass is great, it isn\u2019t necessary. Labeled as “intermediate,” as this session does require a basic knowledge of CSS.<\/p>\n","protected":false},"excerpt":{"rendered":"
We\u2019ll talk about some of the more recently-released CSS tools you can use now! In this session, we\u2019ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn\u2019t use them. Even if some of these are unfamiliar, if you haven\u2019t worked on the front-end in … Continue reading “Modern CSS: You can do it!”<\/span><\/a><\/p>\n","protected":false},"author":14871439,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1500127200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[554],"footnotes":""},"session_track":[5041,149451],"session_category":[],"class_list":["post-555","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-developer","wcb_track-track-3"],"jetpack_shortlink":"https:\/\/wp.me\/p8gcWY-8X","jetpack_sharing_enabled":true,"session_date_time":{"date":"July 15, 2017","time":"10:00 am"},"session_speakers":[{"id":"554","slug":"alexis-findiesen","name":"Alexis Findiesen","link":"https:\/\/dc.wordcamp.org\/2017\/speaker\/alexis-findiesen\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":1,"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/555\/revisions"}],"predecessor-version":[{"id":1421,"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/555\/revisions\/1421"}],"speakers":[{"embeddable":true,"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/speakers\/554"}],"author":[{"embeddable":true,"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wporg\/v1\/users\/acfind"}],"wp:attachment":[{"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_track?post=555"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/dc.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_category?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}