54 lines
1.6 KiB
Markdown
54 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
|
|||
|
|
video:
|
|||
|
|
type: youtube
|
|||
|
|
id: A-EUdvSAi_I
|
|||
|
|
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: cms_philly_20
|
|||
|
|
date: 2020-05-01
|
|||
|
|
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
|