opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Run prettier on all *.md files

Browse source 
```
prettier '{app,source}/**/**.md' --write
```
This commit is contained in:
Oliver Davies 2020-03-08 17:52:59 +00:00
parent a3ceeaf0f3
commit 85a10c545b
170 changed files with 5127 additions and 2282 deletions
Download patch file Download diff file Expand all files Collapse all files

62
source/_talks/taking-flight-with-tailwind-css.md
View file

@ -1,44 +1,50 @@
---
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.
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
id: 10ca51f23560443d83b898a92929b4b3
ratio: '1.77777777777778'
url: https://speakerdeck.com/opdavies/taking-flight-with-tailwind-css
video:
type: videopress
id: fVDoXOZB
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: 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'
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].
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 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.
- 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: