Mastering Tailwind Css With Real World Projects

Tailwind 让编写 CSS 变得更容易，并且让我们能够比任何其他 CSS 框架更快地定制我们的设计。如果您想要一个具有预构建组件的 CSS 框架，那么 Tailwind 可能不适合您。如果您想要一个允许您快速设计和自定义网站的 CSS 框架，Tailwind 将非常有趣。

虽然我们在网络上工作的方式随着时间的推移而发展，但时不时地，真正的游戏规则改变者会出现。Tailwind 3 的实用程序优先方法摒弃了许多在 Web 上构建项目的传统方法，让您无需编写一行 CSS 即可创建一个完整而独特的网站。在本课程中，展示 Tailwind CSS 3 如何提供一个轻量级但复杂的框架，通过使用适当的类名进行标签来为您的网站和应用程序上的内容设置样式。

通过 Tailwind 高级用户审查的技术发现实用程序优先功能。了解如何在构建页面布局时修改、自定义和管理内容，添加 Tailwind 并指定其在每个页面的 HTML 元素上的使用。一路走来，从 Ray 那里获得有关利用 Tailwind 插件根据规范控制您的文本、类、设计、线夹和排版的提示。

作为示例，并且作为课程项目，您将构建 Instagram 克隆、Google 克隆、Github 克隆和 Twitter 克隆。

您将在本课程中学到什么？

如何使用 Tailwind 类

做出好看的设计

为什么 Tailwind 与众不同/更好

一个有趣而有条理的设计过程

创建通用组件

我会得到什么？

为什么 Tailwind 与其他公司不同/更好？

如何使用 Tailwind 类

设计有吸引力的布局。

一个有趣而有条理的设计过程

创建通用组件

如何自定义 Tailwind

扩展Tailwind

Published 09/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 59 lectures (10h 17m) | Size: 5.35 GB

Learn Tailwind By Creating Instagram Google twitter and Github

What you’ll learn
Why is Tailwind different/better than others?
How to use Tailwind classes
Design attractive layouts
A fun and methodical design process
Creating common components
How to customize Tailwind
Extending Tailwind

Requirements
Basics of HTML and CSS

Description
Tailwind makes writing CSS easier and lets us customize our designs faster than any other CSS framework. If you want a CSS framework that has pre-built components, then Tailwind may not be for you. Tailwind will be a lot of fun if you want a CSS framework that allows you to design quickly and customize your site.

While the ways in which we work on the web evolve over time, every now and then, a true game changer comes along. The utility-first approach of Tailwind 3 throws out many of the traditional approaches to building projects on the web, allowing you to create a complete and unique website without writing a single line of CSS. In this course, shows how Tailwind CSS 3 offers a lightweight but sophisticated framework for styling content on your sites and apps through labeling with appropriate class names.

Discover utility-first features with techniques vetted by a Tailwind power user. Find out how to modify, customize, and manage content as you build the layout of your pages, adding Tailwind and specifying its use on the HTML elements of each page. Along the way, get tips from Ray on leveraging Tailwind plugins to control your text, classes, designs, line clamp, and typography according to specs.

As an example, and as a course projects, you will build a Instagram clone,Google clone,Github clone and Twitter clone .

What you’ll learn in this course ?

How to use Tailwind classes

Make good looking designs

Why Tailwind is different/better

A fun and methodical design process

Creating common components

What Will I Get ?

Why is Tailwind different/better than others?

How to use Tailwind classes

Design attractive layouts.

A fun and methodical design process

Creating common components

How to customize Tailwind

Extending Tailwind

Who this course is for
Anyone who wants to build fun and professional projects is welcome