{"id":1351,"date":"2019-03-21T17:26:05","date_gmt":"2019-03-21T17:26:05","guid":{"rendered":"https:\/\/2019.bristol.wordcamp.org\/?post_type=wcb_session&#038;p=1351"},"modified":"2019-06-13T18:30:28","modified_gmt":"2019-06-13T18:30:28","slug":"taking-flight-with-tailwind-css","status":"publish","type":"wcb_session","link":"https:\/\/bristol.wordcamp.org\/2019\/session\/taking-flight-with-tailwind-css\/","title":{"rendered":"Taking Flight with Tailwind CSS"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"mce_1\"><a href=\"https:\/\/2019.bristol.wordcamp.org\/speaker\/oliver-davies\/\">Oliver Davies<\/a><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"mce_3\">Saturday 11:00am Room 1  <\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/2019.bristol.wordcamp.org\/files\/2019\/02\/splot_neon_g1@2x-8-150x150.png\" alt=\"\" class=\"wp-image-730\" srcset=\"https:\/\/bristol.wordcamp.org\/2019\/files\/2019\/02\/splot_neon_g1@2x-8-150x150.png 150w, https:\/\/bristol.wordcamp.org\/2019\/files\/2019\/02\/splot_neon_g1@2x-8-100x100.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\n\nAn introduction to utility class and component based styling, and how to soar with Tailwind CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Things we\u2019ll cover:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">* What is utility\/atomic\/functional CSS.<br>* What are the advantages and disadvantages to utility based styling and Tailwind.<br>* What does it mean by &#8220;utility first&#8221;.<br>* How to customise Tailwind for your project.<br>* How to promote repeating classes into re-usable components.<br>* How to integrate Tailwind into your WordPress theme, including looking at the Tailwind CSS starter kit. <\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress wp-block-embed is-type-video is-provider-videopress wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='525' height='295' src='https:\/\/video.wordpress.com\/embed\/fVDoXOZB?hd=0&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"525\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">The fabulous <a href=\"https:\/\/twitter.com\/opdavies?ref_src=twsrc%5Etfw\">@opdavies<\/a> giving his talk &#39;Taking Flight with Tailwind CSS&#39; at <a href=\"https:\/\/twitter.com\/hashtag\/WCBRS?src=hash&amp;ref_src=twsrc%5Etfw\">#WCBRS<\/a>.<br><br>Here are his slides:<br> <a href=\"https:\/\/t.co\/bt7FpB3DGe\">https:\/\/t.co\/bt7FpB3DGe<\/a> <a href=\"https:\/\/t.co\/1AtPcJgLQC\">pic.twitter.com\/1AtPcJgLQC<\/a><\/p>&mdash; WordCamp Bristol (@wordcampbristol) <a href=\"https:\/\/twitter.com\/wordcampbristol\/status\/1129754791658311680?ref_src=twsrc%5Etfw\">May 18, 2019<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Oliver Davies Saturday 11:00am Room 1 An introduction to utility class and component based styling, and how to soar with Tailwind CSS. Things we\u2019ll cover: * What is utility\/atomic\/functional CSS.* What are the advantages and disadvantages to utility based styling and Tailwind.* What does it mean by &#8220;utility first&#8221;.* How to customise Tailwind for your &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bristol.wordcamp.org\/2019\/session\/taking-flight-with-tailwind-css\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Taking Flight with Tailwind CSS&#8221;<\/span><\/a><\/p>\n","protected":false},"author":13076660,"featured_media":1615,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1558177200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1322],"footnotes":""},"session_track":[13412],"session_category":[],"class_list":["post-1351","wcb_session","type-wcb_session","status-publish","has-post-thumbnail","hentry","wcb_track-track-2"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pheI8s-lN","session_date_time":{"date":"May 18, 2019","time":"11:00 am"},"session_speakers":[{"id":"1322","slug":"oliver-davies","name":"Oliver Davies","link":"https:\/\/bristol.wordcamp.org\/2019\/speaker\/oliver-davies\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":5,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1351\/revisions"}],"predecessor-version":[{"id":2718,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1351\/revisions\/2718"}],"speakers":[{"embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/1322"}],"author":[{"embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wporg\/v1\/users\/opdavies"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/media\/1615"}],"wp:attachment":[{"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=1351"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=1351"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/bristol.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}