Tailwind CSS v1 | Tutorial Series | 03 HTML

Pubblicato il: 14 ottobre 2020
sul canale di: codewithchu
525
15

Setting up the HTML Markup for the Website.

Video Section
00:00 Overview
02:49 Website for Images and SVG icons
04:19 Setting up HTML Markup Header
08:18 HTML Markup Hero Section
11:24 HTML Markup for Cards
14:54 HTML Markup for Footer

Tutorial Overview
How to setup and install Tailwind Css using NPM.
Building a Website with Tailwind Css, using css grids, flex box for layout.
Utilizing Tailwind Css mobile first approach to build responsive web design.
Creating subtle animations on our UI components with transition and transform utility classes. Creating components, cards, buttons, navbar with hamburger menu on mobile.

This video tutorial series about TailwindCss by Code with Chu. Video 3 of 14.

Subscribe and Learn to Code w/ Chu
   / @codewithchu  

Tutorial Source Files can be found on Github.
https://github.com/codewithchu/tailwi...

Demo Site
https://tailwindcss.arthurchu.ca/

Resources
--------------------------------------------------------------
TailwindCss - https://tailwindcss.com/
NodeJs - .https://nodejs.org/
VScode - https://code.visualstudio.com/
html - https://www.w3schools.com/html/
css - https://www.w3schools.com/css/
javascript - https://www.w3schools.com/js/

Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu  
  / codewithchu  
  / codewithchu  
https://github.com/codewithchu/


In questa pagina del sito puoi guardare il video online Tailwind CSS v1 | Tutorial Series | 03 HTML della durata di online in buona qualità , che l'utente ha caricato codewithchu 14 ottobre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 525 volte e gli è piaciuto 15 spettatori. Buona visione!