Pinegrow's External Build Process for Tailwind CSS
In this video, I’m going to show you how we install the latest version of Tailwind and configure it to work with Pinegrow’s External Build Process.
❗ See below for resources & timestamps.
?Note: I'm not affiliated with Pinegrow in any way. I'm just a happy, paying customer who wants to see the product continue to grow and thrive, and to help build a more active community around it.
? Video Transcript and Blog Post:
https://peakperformancedigital.com/pinegrows-external-build-process-for-tailwind-css/
? Resources:
• Pinegrow's External Build Process Documentation: https://pinegrow.com/docs/tailwind/using-external-build-process/
• Dom Sinclair's Tutorial: https://github.com/domsinclair/PinegrowBits/blob/master/basicsite.md
• Winden Tailwind CSS Plugin for WordPress: https://dplugins.com/products/winden/
• Configure Pinegrow with environment variables: https://pinegrow.com/docs/getting-started/install-and-run-pinegrow/configure-pinegrow-with-environment-variables/
• Getting the WordPress Block Editor to Look Like the Front End Design: https://css-tricks.com/getting-the-wordpress-block-editor-to-look-like-the-front-end-design/
• Node.js Website: https://nodejs.org/
• VS Code Website: https://code.visualstudio.com/
? My Website:
https://peakperformancedigital.com
✅ Connect With Me:
• Facebook: https://www.facebook.com/peakperformancedigital/
• LinkedIn: https://www.linkedin.com/company/peakperformancedigital
• YouTube: https://www.youtube.com/channel/UCrFyA8spcuzlhLVYrrhhUdQ
• Twitter: https://www.twitter.com/peakperfdigital
• Instagram: https://www.instagram.com/peakperformancedigital/
⚙️Tools I Use:
• WordPress.org: https://wordpress.org/
• Pinegrow Website Editor: https://pinegrow.com/
⌚ Timestamps:
00:00 - Introduction
00:21 - About Me
01:26 - What You'll Need
01:41 - What is the external build process?
01:58 - Why Use the External Build Process?
02:18 - Benefits of the Internal Compiler
02:52 - Options for WordPress Plugin Users
03:13 - Tailwind and WordPress
03:52 - Tailwind first or Pinegrow First?
04:04 - Demonstration
04:51 - A First Look at Pinegrow’s File Structure
05:14 - Activate the Design Panel
05:48 - Files Created by Pinegrow’s Tailwind Design Panel
06:39 - Activating the Pinegrow WordPress Module
06:59 - Pinegrow Variables
07:17 - Files Created by Pinegrow’s WordPress Module
07:35 - WordPress Block Editor Stylesheet
08:14 - Creating Additional Directories
08:43 - Tailwind Prerequisites
09:05 - Install and Configure Tailwind
11:05 - Test the Compiler
11:50 - Switch Pinegrow’s Build Process to External
12:22 - What Happened When We Switched Build Processes?
12:56 - Uncomment the Pinegrow Color and Typography Lines
13:01 - Test Inside Pinegrow
13:14 - Add First-Party Tailwind Plugins
13:47 - Conclusion
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Pinegrow's External Build Process for Tailwind CSS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.