CSSCasts; CSS libraries Plugins Tips & Tricks for Developers
4.8 (16 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,607 students enrolled
Wishlisted Wishlist

Please confirm that you want to add CSSCasts; CSS libraries Plugins Tips & Tricks for Developers to your Wishlist.

Add to Wishlist

CSSCasts; CSS libraries Plugins Tips & Tricks for Developers

Learn everything about Modern CSS , libraries , plugins , frameworks , tips & tricks. New videos added weekly.
4.8 (16 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,607 students enrolled
Created by Rahul Giri
Last updated 3/2017
English
Current price: $10 Original price: $200 Discount: 95% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 31 hours on-demand video
  • 130 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Build sites based on latest and new tips trick with CSS
Complete understanding of the particular topic i will cover on this course
Able to use CSS libraries and plugins fluently
Able to use request a new videos on particular topic in CSS
And much much more
View Curriculum
Requirements
  • If you have basic CSS knowledge then their nothing better then that you will take everything from this course but if you don't know anything or completely new in CSS then it's okay too, i will teach you like you are in first grade ;)
  • You will need a browser and code editor , that's it
Description

This course updates weekly, check back often for new videos.

This course is pretty unique on udemy. this is CSS screen casts. this course will grow every week by 2 new videos based on essentials but modern and latest CSS libraries plugins ideas with cool tips and tricks. The most important aspect of this course is student can suggest or request for making videos on their request and i will try to make that video as soon as possible but the request which get highest vote will be made first.

I will always love to help as soon as possible if any students get stuck with in their life real world project.

-What you will learn in this course ?

In simple : Almost Everything about CSS

How..

  • To create layout.
  • to use modern tricks to solve particular problems
  • To style your content.
  • To keep your css clean , modern and faster.
  • To stay Web standard and current CSS developer
  • To use libraries.
  • To use Plugins.
  • Much much more --


Materials Included: to keep you in the road of success !

  • all the Exercise file will be included in their respected video
  • html files
  • css files
  • jpg
  • png
  • libs
  • icons
  • psd
  • etc

Well i do my very best to explain each and every detail of the particular topic i cover on the video with multiple demo and examples . your totally welcome to ask any questions or doubts and request for new videos based on the css library , plugins or any topics releted to CSS.

Students are welcomed to request new videos based on CSS.

So now get in and let's get started!

Who is the target audience?
  • Each and every one who wants to learn web development . whether you are newbies or season developer . this is the must course on CSS you should have in your pocket.
  • Specially must and very important for UI , UX and frontend developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 148 Lectures Collapse All 148 Lectures 31:04:05
+
Course Introduction
1 Lecture 04:54
+
[This Week] Master MDL : Material Design Lite Framework with Practical. (in dev)
27 Lectures 05:13:10
Introduction and Installing MDL in our Project
08:15

[ MDL Navigations ] Creating your first " Responsive Navigation Bar "
11:48

[ MDL Navigations ] Creating " Drawer Menu " in Navigation Bar
07:34

[ MDL Navigations ] Creating " Fixed Responsive Drawer Menu " in Navigation Bar
06:31

[ MDL Navigations ] Building a " Transparent Navigation Bar "
10:37

[ MDL Navigations ] Building a " Scrollable Tabs Navigation " Bar
12:45

[ MDL Navigations ] Building a " Fixed Tabs Navigation " Bar
06:30

[ MDL Navigations ] Building a " Expandable Waterfall Navigation " Bar
22:12

[ MDL Navigations ] Documentation for Material Design Navigation Bar
02:52

[ MDL Buttons ] Using " MDL buttons and customizing " it
21:48

[ MDL Buttons ] Using MDL Fab & Icon buttons
12:09

[ MDL Badges ] Using Badges in MDL
09:54

[ MDL cards ] Understanding " Material Design Cards "
18:19

[ MDL Cards ] " Customizing " Material Design Card
22:51

[ MDL chips ] Using Material " Chips " in your Project .
09:58

[ MDL Checkbox & Radio ] Using Material Design " Checkbox & Radio "
09:01

[ MDL Icon Toggle & Switch ] Using material design " Icon Toggle & Switches "
10:09

[ MDL Lists ] Using Material Design Lists
16:22

[ MDL Lists ] Using Material Design " 2 & 3 Lines Lists "
10:35

[ MDL Tooltip ] Using material design " Tooltip "
06:08

[ MDL Loading ] Using Material Design Progress and Spinner
11:31

[ MDL Sliders ] Using Material Design " Sliders "
05:55

[ MDL Menu ] Using Material Design " Menu "
17:32

[ MDL Tables ] Learning Material Design " Tables "
09:46

[ MDL Tabs ] Learning Material Design " Tabs "
07:54

[ MDL TextFields ] Learning Material Design " Test Fields "
13:40

[ MDL Dialog ] Using Material Design " Dialog "
10:34
+
[ Advance ] Real World Projects : How to Build with CSS & Little JavaScript !
9 Lectures 04:06:10
Crafting awesome Tooltips for your project - Part 1
17:32

Crafting awesome Tooltips for your project - Part 2
17:38

Creating Full screen overlay - Plain
22:31

Creating Full screen overlay - Professionally animating your overlay
26:06

Creating Full screen overlay - Solving scrolling gotcha
10:10

Creating Amazing Responsive " Modal " in CSS and pure JavaScript !
43:55

Creating Responsive " Bottom sheet " in CSS and pure JavaScript !
37:30

Creating Flexible CSS Toast / Snackbar in pure CSS & JS !
57:36

Building Awesome animated search form in pure CSS
13:12
+
[ Intermediate ] CSS Tips and Tricks : Better way to create or build things.
8 Lectures 02:11:30


Holy Grail : Understating CSS Counter in Depth !
15:23

Hitting your target with attributes selectors !
19:54

Adding multiple different border to your contents
17:37

Selector specificity : How specific you are Mr/Ms CSS ?
11:34

(Requested) Crafting a super citation for your website !
26:45

All about text-decoration in depth
15:43
+
[ Intermediate ] CSS Libraries and Plugins : Using codes created by CSS Ninjas
8 Lectures 02:16:02
CSShake - Shaking your website stuff smoothly part-1
11:56

CSShake - Shaking your website stuff smoothly part-2
10:19

Life of Animate.css - Ready to use for your next project part -1
17:21

Life of Animate.css - Ready to use for your next project part -2
19:47

Hover.css - Your attention gives life to your site contents
17:29

A great fun with Balloon and hint.css
20:04

Superbly animate your checkboxes with super tiny Checkbox.css
22:18

Crazy animation for your Radioboxes with super tiny Radiobox.css
16:48
+
[ Start Here : Beginner ] CSS Typography :Understanding Basic Text Formatting
11 Lectures 02:13:26
Understating fonts, font-family, system fonts and web fonts
34:33

Understanding font size in depth
13:00

Understanding Font-Style and Font-Weight
13:29

Understanding text transform property
15:23

Understanding text decoration property
09:25

Changing color of text
06:48

Understanding text alignment
04:35

Understanding Text Indenting
07:09

Super letter and word spacing
09:45

Controlling the space between elements
06:11

Understanding Text shadow in depth
13:08
+
[ Beginner ] CSS - Working with Colors and Opacity
5 Lectures 46:09
Understanding CSS Color keyword definitions
08:54

Understanding Hexadecimal Color Unit in depth
13:23

Understanding RGB (Red, Green, Blue) Color Unit
09:30

The Power of Opacity
08:04

Using rgba and hsla !
06:18
+
[ Beginner ] Understanding CSS3 " Gradients " In Depth !
10 Lectures 43:20
Understanding linear gradient
06:54

Controlling the flow direction of linear gradient
03:52

Understanding the " diagonal " flow direction
04:20

Using " Angles " to control directions of linear gradient
03:53

Working with " alpha transparency " in linear gradient
04:44

Understanding " Radial Gradients "
03:56

Differently " Spaced Color Stops " in Radial Gradients
03:34

Radial Gradient Shapes
03:06

Using Different Size Keywords in Radial Gradients
05:50

Repeating a Radial Gradient
03:11
+
[ Beginner ] Mastering " CSS Selectors " : An Expert CSS Selectors Handbook !
25 Lectures 04:30:09
[ Basic Selectors ] Understanding CSS " Element Selector " in depth !
18:01

[ Basic Selectors ] Understating " Class Selector " in Depth !
16:58

[ Basic Selectors ] Understating " ID Selector " in Depth !
12:13

[ Basic Selectors ] The Odd " Universal Selectors " in depth !
08:37

[ Basic Selectors ] Understating " Descendant Selector " in Depth !
08:05

[ Basic Selectors ] Understating " Group Selector " in Depth !
06:08

[ Attribute selector ] Understating basic Attribute selector !
14:28

[ Attribute selector ] Targeting Attribute with Values !
16:20

[ Attribute selector ] Matching pattern in attribute selector !
10:58

[ User Action Pseudo Class Selector ] Targeting and styling your links !
10:39

[ User Action Pseudo Class Selector ] Styling your focused elements !
15:44

[ Document Structural Selector ] Understating Literal child selector in depth !
23:16

[ Document Structural Selector ] Targeting child content by it's type
11:21

[ Document Structural Selector ] Targeting and styling " inline contents "
10:11

[ Document Structural Selector ] Targeting empty elements
08:54

[ Document Structural Selector ] Targeting element with negation selector
09:07

[ Document Structural Selector ] Understanding before and after pseudo selectors
10:59

[ Document Structural Selector ] Chaining multiple selectors
07:02

[ Parent Child Combinator ] Understanding Child Combinator
06:43

[ Parent Child Combinator ] Understanding Sibling Combinator
07:20

[ Parent Child Combinator ] Understanding Adjacent Selector
06:43

[ nth-child selectors ] Understanding Basic nth-child selector
10:13

[ nth-child selectors ] Targeting multiple instances with nth-child selector
08:19

[ nth-child selectors ] Targeting nth-child selector by it’s type
06:03

[ nth-child selectors ] Targeting elements in reverse order
05:47
+
[ Beginner ] Understanding CSS positioning in depth !
4 Lectures 40:58
Everything about Fixed position in CSS, Explained!
12:55

Everything about Absolute position in CSS, Explained!
11:50

Everything about Relative position in CSS, Explained!
10:02

Everything about Static and Inherit position in CSS, Explained!
06:11
7 More Sections
About the Instructor
Rahul Giri
4.6 Average rating
290 Reviews
14,402 Students
9 Courses
Entrepreneur, Web developer and Graphics Designer

Hi ! I am Rahul Giri. I have a degree in Information Technology. I am a Web developer , Graphics designer and I love the web and coding.

I have also done Specialization in "Entrepreneurship : building a hi-tech innovative company" from university of Maryland. USA

I have lot of enthusiasm in web development and graphic design. i work on three tier system. I use PHP as server side. I love to make websites and currently i'm working on my dream project. Yaay.

I love learning, i have also learned CEH v7, CHFI v8, CISSP just for knowledge and i love Linux.

I has always had passion for Goggling, Coding , Graphic designing, Technology, and Most Important learning new technology from scratch.

I teach 9 courses till now and i got so much appreciation and loves of my students. They gave me amazing 250+ reviews for my courses.

I have 14000+ worlds best students in just couple of months. They always inspire me to do more and more.

What they like about my courses. - Based on reviews.

1. My Courses uniqueness and full with lot of information.

2. My multiple different way to explain particular topics.

3. Clear misconception about any particular topics.

4. My happy tone in entire course like we are not just learning, we are living that course life.

5. My Response time to any question asked in the forum. I love answering the questions and more :).

If you get my courses , you will actually get a family, which is full of information and lot of happiness.

We love technology and we live technology.

Take Care :)