Become a CSS Master: Code 30 Projects in 30 Days

Become a CSS Master: Code 30 Projects in 30 Days, available at $64.99, has an average rating of 4.85, with 36 lectures, based on 88 reviews, and has 2572 subscribers.

You will learn about Learn CSS from scratch by building 30 fun and practical projects Build a new project in plain, vanilla CSS without the use of templates, frameworks or plugins. You'll have a strong grasp on CSS, and more importantly, the knowledge, ability and confidence to start using CSS in your own projects. Best coding practices for CSS Learn how to create beautiful Typography in CSS How to edit & manipulate images with CSS Create an 8-bit Super Mario graphic in CSS only! Learn how to create modern layouts with CSS Grid & Flexbox Understand CSS variables Create sticky footers, sticky headers and sticky sidebars! How to create a modal window in CSS How to code a CSS only Tooltip Create fun & engaging CSS animations How to create animated loaders & spinners in CSS Learn to code a CSS Accordion to organize large amounts of information How to Code Sliding Content Panels, 3D Layer Effects and CSS only Dropdown Menus How to Optimize CSS for Live Websites Create a fun Pacman & Ghost animation with CSS Code a CSS only Coffee Cup… seriously This course is ideal for individuals who are New web developers or New web designers or Experiences designers & developers who want a refresher on CSS or Anyone who wants to learn how to manipulate webpage styles with CSS It is particularly useful for New web developers or New web designers or Experiences designers & developers who want a refresher on CSS or Anyone who wants to learn how to manipulate webpage styles with CSS.

Enroll now: Become a CSS Master: Code 30 Projects in 30 Days

Summary

Title: Become a CSS Master: Code 30 Projects in 30 Days

Price: $64.99

Average Rating: 4.85

Number of Lectures: 36

Number of Published Lectures: 36

Number of Curriculum Items: 36

Number of Published Curriculum Objects: 36

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Learn CSS from scratch by building 30 fun and practical projects
Build a new project in plain, vanilla CSS without the use of templates, frameworks or plugins.
You'll have a strong grasp on CSS, and more importantly, the knowledge, ability and confidence to start using CSS in your own projects.
Best coding practices for CSS
Learn how to create beautiful Typography in CSS
How to edit & manipulate images with CSS
Create an 8-bit Super Mario graphic in CSS only!
Learn how to create modern layouts with CSS Grid & Flexbox
Understand CSS variables
Create sticky footers, sticky headers and sticky sidebars!
How to create a modal window in CSS
How to code a CSS only Tooltip
Create fun & engaging CSS animations
How to create animated loaders & spinners in CSS
Learn to code a CSS Accordion to organize large amounts of information
How to Code Sliding Content Panels, 3D Layer Effects and CSS only Dropdown Menus
How to Optimize CSS for Live Websites
Create a fun Pacman & Ghost animation with CSS
Code a CSS only Coffee Cup… seriously

Who Should Attend

New web developers
New web designers
Experiences designers & developers who want a refresher on CSS
Anyone who wants to learn how to manipulate webpage styles with CSS

Target Audiences

New web developers
New web designers
Experiences designers & developers who want a refresher on CSS
Anyone who wants to learn how to manipulate webpage styles with CSS

What is the best way to learn a new skill (or improve a current one)?

a) Read a lot of books

b) Think about it a lot

c) Jump in and do it.

If you guessed “Jump in and do it”, you’d be correct!

While spending time understanding theory is important for learning a skill; getting your hands dirty, practicing, and immersing yourself in the thing you’re learning will yield much better results.

Want to learn a new language? Speak it.

Want to learn how to play a game? Play it.

Want to learn a sport? Practice it.

Want to learn to be funny? Tell jokes. (I can tell you from experience that, by using this method, my success rate has improved my humour! Now I only bomb a joke 8 times out of 10…)

Want to learn how to code? Start building things. A lot of things.

Here’s the catch…

If you have no direction, no roadmap, no end-goal in mind, and nobody to hold you accountable, the best case scenario is you’ll incrementally improve your ability, and worst case scenario is you’ll fail.

Which is why I created this course, CSS in 30 Days!

Each day for the next 30 days, you and I will learn CSS by building a new project in plain, vanilla CSS without the use of templates, frameworks or plugins.

By the end of the 30 days, you’ll have a strong grasp on CSS, and more importantly, the knowledge, ability and confidence to start using CSS in your own projects.

Who is CSS3 in 30 Days for?

Web Designers & Web Developers who are just starting out, or have Intermediate Level experience with CSS and want to have a strong grasp on CSS3 without relying on Frameworks, Code Snippets, Templates or Plugins.

Let’s get started!

Course Curriculum

Chapter 1: Welcome to CSS in 30 Days!

Lecture 1: Welcome to CSS in 30 Days! Let's get started.

Lecture 2: Here's How to Download the Course & Theme Files

Lecture 3: Important: Required Theme Files Download

Lecture 4: Download: Complete Course Files (All 30 Projects)

Chapter 2: Code 30 Projects in CSS

Lecture 1: Project 1: Style Fancy CSS Buttons (Part 1)

Lecture 2: Project 1: Style Fancy CSS Buttons (Part 2)

Lecture 3: Project 1: Style Fancy CSS Buttons (Part 3)

Lecture 4: Project 2: Cool Typography Tricks with CSS Only

Lecture 5: Project 3: Clipping Images with CSS

Lecture 6: Project 4: Style a Registration Form in CSS

Lecture 7: Project 5: Customize Your Broken Images in CSS

Lecture 8: Project 6: Pretty Print Styles with CSS!?

Lecture 9: Project 7: Image Manipulation in CSS

Lecture 10: Project 8: "Draw" an 8-bit Super Mario with CSS

Lecture 11: Project 9: Create Layouts with Old School Floats

Lecture 12: Project 10: Create a Pricing Table in CSS

Lecture 13: Project 11: Internet Explorer Hacks in CSS

Lecture 14: Project 12: CSS Variables!

Lecture 15: Project 13: Sticky Footers!

Lecture 16: Project 14: Sticky Headers!

Lecture 17: Project 15: Sticky Sidebars!

Lecture 18: Project 16: Create a Pop Up (Modal) Window in CSS

Lecture 19: Project 17: Code a Pacman & Ghost Animation in CSS

Lecture 20: Project 18: Useful Tooltips in CSS

Lecture 21: Project 19: Animated CSS Only Progress Bars

Lecture 22: Project 20: Animated CSS Only Triangle Pyramid Thingy

Lecture 23: Project 21: CSS Only Spinners & Loaders

Lecture 24: Project 22: Create Modern Layouts Easily with Flexbox!

Lecture 25: Project 23: CSS Only Accordion

Lecture 26: Project 24: @supports Rule in CSS

Lecture 27: Project 25: Sliding Panels in CSS

Lecture 28: Project 26: Create a Cool 3D Layer Effect in CSS

Lecture 29: Project 27: CSS Only Dropdown Menus

Lecture 30: Project 28: Optimize Your CSS

Lecture 31: Project 29: Create a Blurred Effect with CSS

Lecture 32: Project 30: CSS Only Coffee Cup Illustration!

Instructors

Brad Hussey
Web Designer, Creator & Marketing Consultant

Rating Distribution

1 stars: 2 votes
2 stars: 2 votes
3 stars: 6 votes
4 stars: 18 votes
5 stars: 60 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu