Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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
Materials Included: to keep you in the road of success !
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!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Course Introduction|
Getting familiar, what this course is all about ?Preview
|Section 2: This Week - The Flexbox : An Expert CSS Author Guide !|
Understating display flex & flex-direction with practical examplePreview
Understating flex-order with real world example
Understanding flex-basis, flex-grow & flex-shrink in depth
Using Flexbox Column width properties shorthand
Wrapping your content using flex-wrap !
Understanding flex-flow property and column wrap
Aligning our content on cross-axis
Aligning our content on main-axis
Solving real world problems with Flexbox - Part 1
Solving real world problems with Flexbox - Part 2
|Section 3: This Week : Professional " SASS " - The Essential Guide (Series Still in Dev)|
Understanding Nesting Selectors in SASS !Preview
Advance nesting selector in SASS !
Extending your selectors in SASS !
Defining and using variables in SASS !
Creating and understating mixin in SASS !
Super power Of Mixin : Passing parameters to mixin !
Crafting awesome Tooltips for your project - Part 1
Crafting awesome Tooltips for your project - Part 2
Creating Full screen overlay - Plain
Creating Full screen overlay - Professionally animating your overlay
Creating Full screen overlay - Solving scrolling gotcha
Creating Flexible CSS Toast / Snackbar in pure CSS & JS !
Building Awesome animated search form in pure CSS
|Section 5: Amazing CSS Tips and Tricks|
Styling to look awesome your broken images part -1Preview
Styling to look awesome your broken images part -2Preview
Holy Grail : Understating CSS Counter in Depth !
Hitting your target with attributes selectors !
Adding multiple different border to your contents
Selector specificity : How specific you are Mr/Ms CSS ?
(Requested) Crafting a super citation for your website !
All about text-decoration in depth
|Section 6: Most Loved CSS Libraries and Plugins|
CSShake - Shaking your website stuff smoothly part-1
CSShake - Shaking your website stuff smoothly part-2
Life of Animate.css - Ready to use for your next project part -1
Life of Animate.css - Ready to use for your next project part -2
Hover.css - Your attention gives life to your site contents
A great fun with Balloon and hint.css
Superbly animate your checkboxes with super tiny Checkbox.css
Crazy animation for your Radioboxes with super tiny Radiobox.css
|Section 7: Typography : CSS Text formatting in depth ! ( series still in development )|
Understating fonts, font-family, system fonts and web fonts
|Section 8: Learning " CSS Selectors " : The Complete Guide to Basics Selectors|
Understanding CSS " Element Selector " in depth !
Understating " Class Selector " in Depth !
Understating " ID Selector " in Depth !
The Odd " Universal Selectors " in depth !
Understating " Descendant Selector " in Depth !
Understating " Group Selector " in Depth !
|Section 9: Learning " CSS Selector ": The Complete Guide to "Attribute selector"|
Understating basic Attribute selector !
Targeting Attribute with Values !
Matching pattern in attribute selector !
|Section 10: Learning " CSS Selectors " : User Action Pseudo Class Selectors !|
Targeting and styling your links !
Styling your focused elements !
|Section 11: Learning " CSS Selector ": Understanding Document structural selector|
Understating Literal child selector in depth !
Targeting child content by it's type
Targeting and styling " inline contents "
Targeting empty elements
Targeting element based on certain criteria with criteria with negation selector
Understanding before and after pseudo selectors
Chaining multiple selectors
|Section 12: Learning " CSS " Selectors : Understanding Parent Child Combinator !|
Understanding Child Combinator
Understanding Sibling Combinator
Understanding Adjacent Selector
|Section 13: Understanding CSS positioning in depth !|
Everything about Fixed position in CSS, Explained!
Everything about Absolute position in CSS, Explained!
Everything about Relative position in CSS, Explained!
Everything about Static and Inherit position in CSS, Explained!
|Section 14: BEM : Understanding Block Element Modifier With real world Examples|
The Problems : Creating web page with general structure and styling
Understanding Block and Element in BEM
Understanding Modifier in BEM !
|Section 15: Most loved : The Super Power of Calc() Function in CSS !|
Introdcution and power of Calc() function
Creating Responsive notification bar
Setting your website background position offset - responsive
|Section 16: Understanding CSS3 Transitions - The Complete Guide !|
Understaing CSS Transitions
CSS transitions property and duration
Applying multiple CSS transitions effects
Understating CSS transitions delay
CSS transitions timing function
Using CSS transitions shorthand property
|Section 17: Understanding CSS3 2D Transformation in depth !|
Understanding the " skew() " transform function !
Understanding the " rotate() " transform function !
Understanding the " scale() " transform function !
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 :)