Tailwind CSS Tutorial for Beginners - Full Course > CSS

CSS

CSS 관련 공부 및 자료 공유 소모임 게시판 입니다.

Tailwind CSS Tutorial for Beginners - Full Course 정보

Tailwind CSS Tutorial for Beginners - Full Course

본문

https://scrimba.com/learn/tailwind 에 가입해야 볼 수 있는 강의가

 

유튜브에 통으로 올라와 있네요.

 

https://www.youtube.com/watch?v=4wGmylafgM4

 

⚡ Contents ⚡

00:00:00​ - Welcome to the Tailwind CSS course

00:04:16​ - Background Classes & Shades

https://tailwindcss.com/docs/background-color

00:08:40​ - Element Sizing & Tailwind's Numbering System

https://tailwindcss.com/docs/width

https://tailwindcss.com/docs/height

https://stackoverflow.com/questions/25225682/difference-between-width100-and-width100vw

00:14:51​ - Shades of Blue Challenge

00:17:07​ - Padding & Margins

https://tailwindcss.com/docs/padding

https://tailwindcss.com/docs/margin

00:22:45​ - Styling Text Part 1

https://tailwindcss.com/docs/font-family

https://tailwindcss.com/docs/font-size

https://tailwindcss.com/docs/text-align

https://tailwindcss.com/docs/text-color

00:28:45​ - Styling Text Part 2

https://tailwindcss.com/docs/font-style

https://tailwindcss.com/docs/font-weight

https://tailwindcss.com/docs/letter-spacing

https://tailwindcss.com/docs/line-height

https://tailwindcss.com/docs/text-decoration

https://tailwindcss.com/docs/text-transform

text transform에 한글에 필요한것들이 있을 까?

00:35:15​ - Text Styling

Quiz

00:41:28​ - Borders

https://tailwindcss.com/docs/border-width

https://tailwindcss.com/docs/border-color

https://tailwindcss.com/docs/border-style

https://tailwindcss.com/docs/border-radius

00:49:03​ - The Buttons Challenge

00:55:43​ - Display Modes

https://tailwindcss.com/docs/display

00:57:43​ - Flexbox

https://tailwindcss.com/docs/flex

https://tailwindcss.com/docs/justify-content

https://tailwindcss.com/docs/align-items

https://tailwindcss.com/docs/flex-direction

https://tailwindcss.com/docs/flex-wrap

01:09:36​ - Block Gallery Challenge

01:15:41​ - Responsive Design

https://tailwindcss.com/docs/responsive-design

01:23:18​ - Hover Modifier

https://tailwindcss.com/docs/hover-focus-and-other-states#hover

01:25:35​ - Focus Modifier

https://tailwindcss.com/docs/hover-focus-and-other-states#focus

01:27:21​ - Combination Modifier

https://tailwindcss.com/docs/hover-focus-and-other-states#combining-with-responsive-prefixes

01:29:14​ - Other Utilities

https://tailwindcss.com/docs/box-shadow

01:35:11​ - Input Component Challenge

01:39:01​ - Employee Card Challenge

01:50:19​ - Final Course Project - Landing Page

02:30:36​ - It's A Wrap!

추천
1

댓글 0개

전체 88 |RSS
CSS 내용 검색

회원로그인

진행중 포인트경매

  1. 참여0 회 시작24.03.28 11:15 종료24.04.04 11:15
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT