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

---
title: Taking Flight with Tailwind CSS
description:
  An introduction to the utility-first approach to writing CSS with a focus on
  the Tailwind CSS framework.
speakerdeck:
  id: 10ca51f23560443d83b898a92929b4b3
  ratio: '1.77777777777778'
  url: https://speakerdeck.com/opdavies/taking-flight-with-tailwind-css
video:
  type: videopress
  id: fVDoXOZB
tags: [css, tailwind, meetup]
events:
  - event: drupal_bristol
    date: 2018-01-17
  - event: php_south_wales
    date: 2018-07-31
  - event: wpchelt
    date: 2019-04-17
  - event: wordcamp_bristol_2019
    date: 2019-05-18
  - event: blue_conf_19
    date: 2019-06-07
  - event: drupalcamp_london_20
    date: 2020-03-15
    time: '12:05 - 12:50'
    location: ~
    remote: true
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][1].

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.

[1]: https://tailwindcss.com