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,570 students enrolled
$15
$200
92% off
Take This Course
  • Lectures 110
  • Length 25 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course 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!

What are the 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

What am I going to get from this course?

  • 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

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Introduction
Getting familiar, what this course is all about ?
Preview
04:54
Section 2: [ This Week ] CSS - Working with Colors and Opacity (Series still in dev)
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
Section 3: How to Build with CSS & Little JavaScript !
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
Section 4: Amazing CSS Tips and Tricks
Styling to look awesome your broken images part -1
Preview
16:27
Styling to look awesome your broken images part -2
Preview
08:07
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
Section 5: Most Loved CSS Libraries and Plugins
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
Section 6: CSS Typography : Understanding Basic Text Formatting
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
Section 7: Learning " CSS Selectors " : The Complete Guide to Basics Selectors
Understanding CSS " Element Selector " in depth !
18:01
Understating " Class Selector " in Depth !
16:58
Understating " ID Selector " in Depth !
12:13
The Odd " Universal Selectors " in depth !
08:37
Understating " Descendant Selector " in Depth !
08:05
Understating " Group Selector " in Depth !
06:08
Section 8: Learning " CSS Selector ": The Complete Guide to "Attribute selector"
Understating basic Attribute selector !
14:28
Targeting Attribute with Values !
16:20
Matching pattern in attribute selector !
10:58
Section 9: Learning " CSS Selectors " : User Action Pseudo Class Selectors !
Targeting and styling your links !
10:39
Styling your focused elements !
15:44
Section 10: Learning " CSS Selector ": Understanding Document structural selector
Understating Literal child selector in depth !
23:16
Targeting child content by it's type
11:21
Targeting and styling " inline contents "
10:11
Targeting empty elements
08:54
Targeting element based on certain criteria with criteria with negation selector
09:07
Understanding before and after pseudo selectors
10:59
Chaining multiple selectors
07:02
Section 11: Learning " CSS " Selectors : Understanding Parent Child Combinator !
Understanding Child Combinator
06:43
Understanding Sibling Combinator
07:20
Understanding Adjacent Selector
06:43
Section 12: Learning " CSS " Selectors : Matching Patterns with nth-child selectors
Understanding Basic nth-child selector
10:13
Targeting multiple instances with nth-child selector
08:19
Targeting nth-child selector by it’s type
06:03
Targeting elements in reverse order
05:47
Section 13: Understanding CSS positioning in depth !
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
Section 14: BEM : Understanding Block Element Modifier With real world Examples
The Problems : Creating web page with general structure and styling
20:30
Understanding Block and Element in BEM
24:41
Understanding Modifier in BEM !
11:51
Section 15: Most loved : The Super Power of Calc() Function in CSS !
Introdcution and power of Calc() function
08:53
Creating Responsive notification bar
11:13
Setting your website background position offset - responsive
09:09
Section 16: Understanding CSS3 Transitions - The Complete Guide !
Understaing CSS Transitions
06:48
CSS transitions property and duration
07:56
Applying multiple CSS transitions effects
06:36
Understating CSS transitions delay
07:37
CSS transitions timing function
07:58
Using CSS transitions shorthand property
05:01
Section 17: Understanding CSS3 2D Transformation in depth !
Understanding the " skew() " transform function !
14:01

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Rahul Giri, 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 200+ reviews for my courses.

I have 13000+ 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 :)

Ready to start learning?
Take This Course