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

3.5 KiB
Raw Blame History

title description speakerdeck video tags events sortable_date meta
Taking Flight with Tailwind CSS An introduction to the utility-first approach to writing CSS with a focus on the Tailwind CSS framework.
id ratio url
10ca51f23560443d83b898a92929b4b3 1.77777777777778 https://speakerdeck.com/opdavies/taking-flight-with-tailwind-css
type id
youtube lgsvKtpQp3U
css
tailwind
meetup
name location date url
Drupal Bristol Bristol, UK 2018-01-17 https://www.drupalbristol.org.uk
name location date url
PHP South Wales Cardiff, UK 2018-07-31 https://www.phpsouthwales.uk
name location date url
Cheltenham WordPress Meetup Cheltenham, UK 2019-04-17 https://www.meetup.com/Cheltenham-WordPress-Meetup
name location date url
WordCamp Bristol 2019 Bristol, UK 2019-05-18 https://2019.bristol.wordcamp.org
name location date url
Blue Conf 2019 Cardiff, UK 2019-06-07 https://blueconf.co.uk
name location date url online
CMS Philly Philadelphia, USA 2020-05-01 https://cmsphilly.org true
name location date url online
PHP Hampshire Portsmouth, UK 2020-07-08 https://www.meetup.com/meetup-group-yzpbvTYv/events/271430269 true
name location date url online
Drupal Yorkshire Leeds, UK 2020-08-20 https://www.meetup.com/DrupalYorkshire/events/zwzsfpybclbbc true
name location date url online
DigitalCamp Atlanta 2020 Atlanta, GA 2020-09-11 https://www.drupalcampatlanta.com/2020/sessions/taking-flight-tailwind-css true
name location date url online
Bristol JS Bristol, UK 2020-09-30 https://techtalks.io/events/f8e26038-2561-484e-8a74-7a1e3a0369b8 true
name location date url online
Drupal Virtual Cafe #3 Kyiv, Ukraine 2020-10-15 https://groups.drupal.org/ukraine true
name location date url online
PHP Cambridge Cambridge, UK 2021-01-19 https://www.meetup.com/phpcambridge true
name location date url online
Nashville PHP Nashville, TN, USA 2021-02-09 https://www.meetup.com/nashvillephp/events/kzkdwryccdbmb true
2021-02-09
og
title description type image
Taking Flight with Tailwind CSS An introduction to utility CSS and Tailwind. website
url width height type
/images/talks/taking-flight-tailwind.jpg 2560 1440 image/png

An introduction to utility class and component based styling, and how to soar with Tailwind CSS.

Things well 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.