Easy Tailwind Setup: Customize Fonts and Colors with Redwood JS
1.1 هزار بار بازدید -
8 ماه پیش
-
In this video, we'll set
In this video, we'll set up Tailwind CSS, customize our font and color palette, and configure our project for styling. With RedwoodJS, this is one of the easiest Tailwind setups you'll ever do.
👉 Chapters
0:00 Introduction
0:46 Setting Up Tailwind CSS with a Single Command
1:14 Exploring the Initial Setup
1:34 Configuring Fonts for Your Project
2:16 Selecting Google Fonts
3:47 Tailwind Configuration for Custom Fonts
4:28 Configuring Custom Colors
5:38 Testing Fonts and Colors on a Page
⚡ Quick Links
- Code on GitHub: https://github.com/ahaywood/brazilian...
- Figma File: https://www.figma.com/file/z6Vipsmnua...
Other videos in the series:
- Part 1: Intro - Master the Full-Stack: RedwoodJS Step-by-Step Guide - Intro - Master the Full-Stack: Redwoo...
- Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - Setup Your Redwood.js Environment: A ...
- Part 3: RedwoodJS File and Folder Structure: Everything You Need to Know - RedwoodJS File and Folder Structure: ...
- Part 4: Maximize Efficiency: Building Faster with Redwood's Generators - Maximize Efficiency: Building Faster ...
- Part 5: Mastering the Redwood Router: A Comprehensive Overview - Mastering the Redwood Router: A Compr...
👉 Part 6: THIS VIDEO 👈
- Part 7: Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing
🔗 Links
- RedwoodJS: https://redwoodjs.com/
- RedwoodJS Documentation: https://redwoodjs.com/docs/introduction
- Google Fonts: https://fonts.google.com/
- Sip: https://sipapp.io/
👉 Chapters
0:00 Introduction
0:46 Setting Up Tailwind CSS with a Single Command
1:14 Exploring the Initial Setup
1:34 Configuring Fonts for Your Project
2:16 Selecting Google Fonts
3:47 Tailwind Configuration for Custom Fonts
4:28 Configuring Custom Colors
5:38 Testing Fonts and Colors on a Page
⚡ Quick Links
- Code on GitHub: https://github.com/ahaywood/brazilian...
- Figma File: https://www.figma.com/file/z6Vipsmnua...
Other videos in the series:
- Part 1: Intro - Master the Full-Stack: RedwoodJS Step-by-Step Guide - Intro - Master the Full-Stack: Redwoo...
- Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - Setup Your Redwood.js Environment: A ...
- Part 3: RedwoodJS File and Folder Structure: Everything You Need to Know - RedwoodJS File and Folder Structure: ...
- Part 4: Maximize Efficiency: Building Faster with Redwood's Generators - Maximize Efficiency: Building Faster ...
- Part 5: Mastering the Redwood Router: A Comprehensive Overview - Mastering the Redwood Router: A Compr...
👉 Part 6: THIS VIDEO 👈
- Part 7: Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing
🔗 Links
- RedwoodJS: https://redwoodjs.com/
- RedwoodJS Documentation: https://redwoodjs.com/docs/introduction
- Google Fonts: https://fonts.google.com/
- Sip: https://sipapp.io/
8 ماه پیش
در تاریخ 1402/09/03 منتشر شده
است.
1,148
بـار بازدید شده