Mastering Tailwind CSS UI/UX with 18 Project Examples 2024

سرفصل های دوره

Beginner to Mastering Tailwind with different professional UI component using Tailwind CSS

1 - Introduction

1 - Introduction

2 - Advantage of Tailwind CSS

3 - Tailwind Development Environment

4 - CLI Installation

5 - Tailwind Input Output CSS

6 - Introduction to HTML Emmet

7 - Project Files.html

2 - Typography

8 - Font Size

9 - Font Family

10 - Style and Decoration

11 - Lines Color and Style

12 - Tailwind Colors

13 - Border Outline Ring

14 - Theme Config

3 - Padding Margins Lines

15 - Line Padding Margins 1

16 - Line Padding Margins 2

17 - Rounded Edge

18 - Start End Logic Properties

4 - Sizing Interactivity more Typography

19 - Sizing Width Height

20 - Sizing Width Height 2

21 - Breakpoints

22 - Interactivity

23 - Shadow

24 - Custom CSS Directive

25 - More on Typography

26 - More on Typography 2

5 - Background and Images

27 - Background Gradient

28 - Background Image Positioning

29 - Image Attachement

30 - Object Fit Position

31 - Element Positioning

6 - Layout

32 - Container

33 - Columns

34 - Flex Layout 01

35 - Flex Layout 02

36 - Grid Layout 01

37 - Grid Layout 01

38 - Grid Layout 02

7 - Transition Transformation and Animation

39 - Filters

40 - Backdrop Filters

41 - Element Transformation

42 - Transitions

43 - Animations

44 - Custom Animation 01

45 - Custom Animation 02 Advanced

8 - Forms

46 - Working With Forms

9 - Advanced Features

47 - Plugin Static Functions

48 - Add Utilities Theme Function

49 - Plugin Dynamic Function

50 - External Plugins

51 - External Pluggins Official

52 - External Plugin Flowbite

10 - Projects 01 Components Designs

53 - Introduction

54 - Buttons

55 - Avatars

56 - Badges

57 - Card 01

58 - Card 02

59 - Card 03

60 - Menu

61 - Vertical Menu Bar

62 - Dark Mode

63 - Dropdown Menu

64 - Footer

65 - Accordion

66 - Modal

67 - Price List

68 - Login Form

11 - Project 02 Website

69 - Top Menu Salespecks Websites

70 - Top Banner Salespecks Website

71 - Top Grid Card Salespecks Website

72 - Technology Section Salespecks Website

73 - Products Services Salespecks Website

74 - Testimonial Section Salespecks Website

75 - Footer Section Salespecks Website

12 - Project 03 Chat UI

76 - Contact List Chat UI

77 - Chat Room Chat UI

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy