CSSCasts: CSS libraries Plugins Tips & Tricks (in 2020)

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Getting familiar, what this course is all about ?

Chapter 2: [This Week] New Tutorials

Lecture 1: Modern Shape Dividers Using CSS & SVG

Chapter 3: [NEW] Tips & Tricks- Real World Project

Lecture 1: [EPIC] Creating new super shine effect for your image in CSS

Lecture 2: Border Image & Linear Gradient Divider CSS

Lecture 3: Learn to create custom cursor & all prebuilt cursor in CSS

Lecture 4: CSS Gradient Text, Image Background Text and Text Shadow

Lecture 5: [Unique] Learn to modify height and width of any font using CSS

Chapter 4: Bootstrap 4

Lecture 1: Installing Editor and Bootstrap 4 in your project

Lecture 2: Understanding reboot process in bootstrap 4

Lecture 3: Understanding headings & it’s classes

Lecture 4: Using display classes & customizing heading

Lecture 5: Styling text & aligning text based on viewport size

Lecture 6: Understanding blockquotes in bootstrap 4

Lecture 7: Understanding multiple different list styling in Bootstrap 4

Lecture 8: Creating list-group with anchor link & buttons

Lecture 9: Adding contextual classes & badges in list-group

Lecture 10: Creating custom list-group in bootstrap 4

Lecture 11: Coloring and applying background to your text or links.

Lecture 12: Displaying codes in your webpage

Lecture 13: Making your images responsive and aligning it

Lecture 14: Creating simple table and customizing table heading styles

Lecture 15: Using table-stripped and table-bordered classes to styling you table body

Lecture 16: Using table-hover and table-sm classes to styling you table body

Lecture 17: Using contextual classes and background classes to styles row or cells

Lecture 18: Making table responsive in bootstrap 4

Lecture 19: Using figure for displaying additional caption

Lecture 20: Creating alerts , alerts with links and multi line Alert in bootstrap 4

Lecture 21: Closing alerts and listening for alert events in bootstrap 4

Lecture 22: Working with badges in bootstrap 4

Lecture 23: Using breadcrumb in bootstrap 4

Lecture 24: Creating normal and outline buttons in bootstrap 4

Lecture 25: Using checkboxes and radio buttons group In bootstrap 4

Lecture 26: Buttons utilities classes to modify the look & behavior of buttons

Lecture 27: Understanding button groups and button toolbar in bootstrap 4

Lecture 28: Creating awesome cards in bootstrap 4

Lecture 29: Adding list in your cards in bootstrap 4

Lecture 30: Adding header & footer also controlling the size of cards

Lecture 31: Few Utilities classes to quickly build cards & control it’s sizes,text alignment

Lecture 32: Adding tabs and pills navigation to cards

Lecture 33: Adding images to your cards including image overlay

Lecture 34: Learning card styles background and outline

Lecture 35: Learning card layouts option “group card” & “deck card”.

Lecture 36: Creating masonry cards layout in bootstrap 4

Lecture 37: Creating carousel and it’s controls

Lecture 38: Creating carousel indicators and using captions

Lecture 39: Understanding & working with collapse feature

Lecture 40: Creating accordion using collapse feature

Lecture 41: Creating dropdown list with button & anchor

Lecture 42: Working with dropdown list splitting, sizes & variation

Lecture 43: Working with dropdown header, divider & disabling

Lecture 44: Understanding horizontal & vertical navigation

Lecture 45: Understanding tabs, pills, justified & fill navs

Lecture 46: Adding dropdown to navigation

Lecture 47: Understating all about pagination in bootstrap 4

Chapter 5: CSS Essentials- The Very Basics you need to know !

Lecture 1: Understanding CSS and Browsers default styling

Lecture 2: Installing code editor and setting up project

Lecture 3: Understanding Inline Styling

Lecture 4: Understanding Embed Styling

Lecture 5: Understanding Cascading nature of CSS

Chapter 6: CSS Typography- Understanding Text Formatting

Lecture 1: Understating fonts, font-family, system fonts and web fonts

Lecture 2: Understanding font size in depth

Lecture 3: Understanding Font-Style and Font-Weight

Lecture 4: Understanding text transform property

Lecture 5: Understanding text decoration property

Lecture 6: Changing color of text

Lecture 7: Understanding text alignment

Lecture 8: Understanding Text Indenting

Lecture 9: Super letter and word spacing

Lecture 10: Controlling the space between elements

Lecture 11: Understanding Text shadow in depth

Chapter 7: CSS Colours & Opacity- Quick Guide

Lecture 1: Understanding CSS Color keyword definitions

Lecture 2: Understanding Hexadecimal Color Unit in depth

Lecture 3: Understanding RGB (Red, Green, Blue) Color Unit

Lecture 4: The Power of Opacity

Lecture 5: Using rgba and hsla !

Chapter 8: CSS3 Gradients- Quick Guide

Lecture 1: Understanding linear gradient

Lecture 2: Controlling the flow direction of linear gradient

Lecture 3: Understanding the " diagonal " flow direction

Lecture 4: Using " Angles " to control directions of linear gradient

Lecture 5: Working with " alpha transparency " in linear gradient

Lecture 6: Understanding " Radial Gradients "

Lecture 7: Differently " Spaced Color Stops " in Radial Gradients

Lecture 8: Radial Gradient Shapes

Lecture 9: Using Different Size Keywords in Radial Gradients

Lecture 10: Repeating a Radial Gradient

Chapter 9: CSS3 Selectors- An Expert CSS Selectors Handbook !

Lecture 1: [ Basic Selectors ] Understanding CSS " Element Selector " in depth !

Lecture 2: [ Basic Selectors ] Understating " Class Selector " in Depth !

Lecture 3: [ Basic Selectors ] Understating " ID Selector " in Depth !

Lecture 4: [ Basic Selectors ] The Odd " Universal Selectors " in depth !

Lecture 5: [ Basic Selectors ] Understating " Descendant Selector " in Depth !

Lecture 6: [ Basic Selectors ] Understating " Group Selector " in Depth !