47 lines
1.6 KiB
Markdown
47 lines
1.6 KiB
Markdown
---
|
||
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
|
||
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
|
||
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
|