oliverdavies.uk-old-sculpin/source/_talks/taking-flight-with-tailwind-css.md

title	description	speakerdeck	tags	events
Taking Flight with Tailwind CSS	An introduction to the utility-first approach to writing CSS with a focus on the Tailwind CSS framework.	id ratio url 10ca51f23560443d83b898a92929b4b3 1.77777777777778 https://speakerdeck.com/opdavies/taking-flight-with-tailwind-css	css tailwind meetup	event date drupal_bristol 2018-01-17 event date php_south_wales 2018-07-31 event date wpchelt 2019-04-17 event date wordcamp_bristol_2019 2019-05-18 event date blue_conf_19 2019-06-07

meta: og: title: Taking Flight with Tailwind CSS description: An introduction to utility CSS and Tailwind. type: website image: url: '/images/talks/taking-flight-tailwind.jpg' width: 2560 height: 1440 type: 'image/png'

An introduction to utility class and component based styling, and how to soar with Tailwind CSS.

Things we’ll cover:

• Advantages and disadvantages to utility based styling and Tailwind.
• How to install Tailwind and add it to your build process using tools such as Symfony Encore and Laravel Mix.
• How to configure and customise Tailwind for your project.
• How to promote repeating classes into re-usable components for better maintainability.
• Strategies to control the file size, and using external tools like PurgeCSS.

Also, if time allows:

• How to extend Tailwind and add extra classes with community written plugins.
• How to write and test your own custom plugins.