CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022)

Learn the most up-to-date real-world solutions for a wide range of old web design problems!

4.65 (23 reviews)
Udemy
platform
English
language
Web Development
category
instructor
392
students
18.5 hours
content
Feb 2022
last update
$59.99
regular price

What you will learn

The most up-to-date solutions for old CSS problems.

This course updates frequently with new modern CSS stying techniques, tips and tricks.

Learn to build real world project with CSS with little (or no) Javascript.

Description

CSS Friday course is the most up-to-date real-world solution for a wide range of practical (and old web design) problems.

We'll cover all aspects of CSS, including properties, grids, flexbox, responsive layouts, preprocessors, gradients, positioning, and the most up-to-date styling techniques.

Instructor Rahul Giri will teach you mini real-world and timely tips that will help new and experienced web developers alike create more beautiful websites and more efficient code.

Tune in and learn how to take more control over the style, layout, and even the user experience of your web designs.

Here are the 10 projects you gonna build right now...

  1. Mobile First Responsive Card Layout For Your Blog

  2. Facebook And YouTube Like Loading Animation

  3. Facebook Post Design

  4. Breezy Typing Effect Animation For Your Headlines

  5. Full-Screen Overlay Navbar With Circle Animation

  6. Luxury Custom Scrollbar for Your Website (in Webkit)

  7. Creative Background Shape Divider

  8. Smooth Gooey Menu Buttons

  9. Building Lusty Animated Buttons

  10. Fascinating Gradient Progress Scrollbar

And this course will update frequently!

To see the complete list of the new episodes please see the course curriculum.

Downloadable Materials

All the exercise files and downloadable material included.

To see a quick preview of the projects, please watch the course trailer.

So if you’re ready to build these 10 amazing UI Design projects, learn CSS hard parts and new CSS features then join me in this course, and let’s get started with our first project.

Content

First 10 Projects

Mobile First Responsive Card Layout For Your Blog
Facebook Post Design - The HTML Structure (Part-1)
Facebook Post Design - Creating Main FB Card (Part-2)
Facebook Post Design - Comments Section (Part-3)
Building Lusty Animated Buttons
Luxury Custom Scrollbar for Your Website (in Webkit)
Breezy Typing Effect Animation For Your Headlines
Creative Background Shape Divider
Fascinating Gradient Progress Scrollbar
Facebook Post And Youtube Video Like Loading Preview Animation
Gooey Menu

Screenshots

CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Screenshot_01CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Screenshot_02CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Screenshot_03CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Screenshot_04

Reviews

O
August 19, 2022
So mag ich Kurse! Der Aufbau ist in Komponenten unterteilt. Die Videos sind nicht zu lang. Alles ist leicht verständlich. HTML-Komponenten sind semantisch aufbereitet und in sich mit CSS und JS geschlossen. Das Design ist modern. Tolle Arbeit und deshalb kann ich diesen Kurs nur empfehlen. Gerne mehr solcher Kurse! :)
Alan
July 20, 2022
It started out promising, but the CSS Friday stopped being updated in February 2022 - it's the end of July now.
ARSHAD
October 5, 2020
Well I am stunned with this course. Rahul once again this course is awesome especially who wants to make modern looking and stunning website .
Dan
September 30, 2020
I mainly use Foundation on simple projects and Angular on complex applications, but seeing the pure CSS approach is really interesting. It would be good if you could occasionally reference what caniuse is saying about which browsers support certain features. I know they're up around the 95% mark for things like Flexbox right now, but it is still a factor for people who have to cater for IE11 (ugh - sorry).
Tami
September 29, 2020
Hey all, get ready to BLAST OFF on an incredible creative journey! You won't find this content anywhere else on Udemy, and will have a tough time finding a lot of it on the internet. HIT THAT PURCHASE BUTTON--YOU WON'T REGRET IT. (Yes--I'm shouting at you--the course is THAT GOOD! If I could give it 10 stars, I would.) Course just launched in late Sept. 2020, so it's just starting, obviously! A teaser of what section 1 videos include: unique page loader progress icons, custom gradient scrollbars, shape dividers to partition off sections of your SPA (no more boring horizontal lines...), animated buttons that don't make you gag, animated menu reveal when a hamburger icon is clicked...and that's just the beginning. Content will be driven by both Rahul and you--what did you always want to know how to build? Submit the idea--most popular ones will be prioritized ;-) I have taken 2 of Rahul's other CSS courses, and the quality of content just blows you away--can't recommend them highly enough. If you want your site to be memorable in a GOOD WAY, this course is a must-have. He has AMAZING visual design skills--up in the top 1% of designers. Cool stuff that actually is applicable, not just cool effects for effects sake. Check out his CSS Shapes course as well as the Advanced CSS Selectors--you'll walk away with absolutely BOMB quality techniques! I have been working with CSS for 20 years, and have found explanations from him that finally have cleared up the mystery of little-used but powerful selectors/techniques. Rahul will make you a "power user" of CSS-you'll be very happy he is generously sharing his expertise with you. (My only suggestion is to watch the videos at a slower speed-he speaks quickly--but he's totally understandable.) Rahul is very responsive in the Q & A as well--you won't be left hanging, unlike some courses. This continuing "series" of hard to do/update old sites with new techniques weekly topics course is an AWESOME IDEA! Will update this review further after working through the projects--but for now, am rarin' to go implement them myself! Join me and others--this can be an awesome ongoing forum for dynamic design! KEEP 'EM COMING, RAHUL!!!!!!

Coupons

DateDiscountStatus
11/30/202095% OFF
expired
12/14/202094% OFF
expired

Charts

Price

CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Price chart

Rating

CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Ratings chart

Enrollment distribution

CSS Friday: Learn Up-to-Date CSS Styling Techniques (2022) - Distribution chart
2831418
udemy ID
2/23/2020
course created date
9/27/2020
course indexed date
Bot
course submited by