Tailwind CSS v1 | Tutorial Series | Bonus Smooth Scroll Vanilla JS

preview_player
Показать описание
Smooth Scrolling Vanilla JS for unsupported web browser like Safari
NO JQUERY required!

Easing Functions

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.
Bonus Video 2 of 2

Subscribe and Learn to Code w/ Chu

Tutorial Source Files can be found on Github.

Demo Site

Video Sections
00:00 Overview
01:35 Javascript
02:40 Update Click Event
04:16 Easing Functions
05:20 Smooth Scroll Function
09:27 Animation Function
14:56 Outro

Resources
--------------------------------------------------------------

Connect with Code With Chu
--------------------------------------------------------------
Рекомендации по теме
Комментарии
Автор

Nice. Learned something new here. Thanks

adkstar