Re-add old talk content
This commit is contained in:
parent
24e4135a83
commit
5d967e338c
27 changed files with 739 additions and 0 deletions
53
source/_talks/taking-flight-with-tailwind-css.md
Normal file
53
source/_talks/taking-flight-with-tailwind-css.md
Normal file
|
@ -0,0 +1,53 @@
|
|||
---
|
||||
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
|
Loading…
Add table
Add a link
Reference in a new issue