Best Free CSS Courses

Find the best online Free CSS Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings.

Build Your First Website in 1 Week with HTML5 and CSS3

The Fastest Way to Learn HTML & CSS for the Real World

Created by Ryan Bonhardt - Online Learning Enthusiast & Teacher at Maker-Based

"]

Students: 231190, Price: Free

“So freaking awesome. Amazing job man. This is better than codeacademy!" - Josh Hagler, Founder of RoomScapeU.com

----------------

QUITE POSSIBLY THE FASTEST WAY TO LEARN HOW TO BUILD PROFESSIONAL QUALITY WEBSITES FOR BEGINNERS, NON-PROGRAMMERS AND ENTREPRENEURS

So you want to learn how to build websites but you're not quite sure how.

Welllllll, you could do like me and spend months learning every knook and cranny of HTML and CSS before you even put up your first webpage. This could lead to frustration, feelings of being overwhelmed and highly increases the chances that you'll give up without a site to show for it.

OR….. YOU COULD START LEARNING BY DOING AND HAVE YOUR FIRST WEBSITE UP THIS WEEK.

If you want to learn something fast you need to jump in and start getting your hands dirty from the beginning. Have you ever noticed that you don't really learn something until you actually try to do it, and experience it firsthand? Well that's exactly what we'll do in this course. You'll learn by building your first website this week.

And don't worry if HTML and CSS or websites in general intimidate you. Learning to build websites is actually a lot easier than you think...if you are taught correctly. And I'll be here with you the whole time. I personally respond to and answer all questions you and other students have.

Through project-based learning and leveraging powerful, free tools that exist online, I will teach you what you need to know in order to create rock star sites fast and not get frustrated trying to learn HTML and CSS FOR-EV-ERRRRR (insert Sandlot voice here) without having a site up to show for it.

The simple truth is that most courses and instructors out there try to teach you too much too early, don't teach things in the right order, or sometimes it even seems like they purposefully make the material too hard.

With this course I PROMISE YOU that you will learn to build websites and put them online in less than 10 hours of work total.

Just look at what students are saying:

"First 7 lessons done and I can actually build something and understand it! First million I make will because you came at the right time! Timing couldn't of been better." - Tony Berardi

"I managed to build a single page web for one of my clients and got some $ out of it from what I learned in this course." --Jay Mayu

"The course was a great way to learn how to code in HTML and CSS fast and efficiently. I really enjoyed how helpful the instructors were." - Jonathan Barra

"I thought the course was very refreshing, fast paced and exciting. I really enjoyed the hands on aspect of the course where you can change something then and there and you can see the results instantly." -Jimmy Smith

“I've seen (almost) all the videos on Bootstrap 2 and 3 which are available on YouTube and I can guarantee that the ones you posted are among the best. I am very grateful for your "little big things" that you've taught me." - Rac Santos

What you will learn

- CORE FUNDAMENTALS: I'll teach you how to use a text-editor and the fundamentals of HTML and CSS so that you can put up any site you want and be ready to experiment with the most-advanced concepts.

- RAPID DEVELOPMENT: By learning to use powerful frameworks and tools such as Bootstrap, Font-Awesome, Google Forms and more, you'll be able to put up sexy, startup quality sites fast

- HTML5 & CSS3 to make your site look fresh and new. You'll learn the rules and practices of the newest languages. No outdated teachings or 1990s looking sites here!

- RESPONSIVE DESIGN: Designing for web is no longer for just your computer or laptop. We'll teach you responsive design so your site looks great on all devices.

- NO STAKES PRACTICING: how to use browser tools to play around and see live changes on sites so that you can learn faster and explore the HTML and CSS of the best looking websites

- BEAUTIFUL VISUALS: You'll learn how to include professional style graphics and icons in your site for free

- ALL TYPES OF CSS AND HTML YOU WILL USE WHEN BUILDING SITES - links, lists, layouts, images, and many others

And I won't stop where most other courses stop. I'll teach you how to quickly get your site live online and for free

- FREE HOSTING: how to save over $100 a year in hosting fees

- INSTANT DEPLOYMENT: how to host your site live online QUICKLY

When you're done with this course...

HTML and CSS will no longer be a foreign language to you. Instead you will already have built your first site and have the skills to build many others. You'll be a part of the 1% of people that actually know how to build things online and have a life-changing new skill set - the power to code and create.

With your new found knowledge of HTML and CSS you'll be able to separate yourself from others in a job search, follow your passion, explore a new career path, the possibilities are endless.

So why not sign up today? Why not start investing in your future today? Click the button to start learning now.

Web Development By Doing: HTML / CSS From Scratch

Web Development From Scratch: Learn By Doing For Complete Beginners. HTML And CSS. Code Your First Website In 1 Hour.

Created by Bradley Berger - Learn Web Dev By Doing

"]

Students: 185672, Price: Free

If you're looking to get a start on learning the new, fun, and profitable skill of web development, then this course is for you. Instead of teaching tedious theory on how to code a website, you'll learn practical knowledge on how to do it. The best way to learn is by doing, and that's why you'll actually make a complete website from scratch. You'll learn two different methods, by writing the code from scratch, and using Dreamweaver, a tool that every web developer should have. You'll learn the advantages and disadvantages to using each method, and be able to see your work come to life!

HTML5 and CSS3 Fundamentals

Build your very own website with HTML5 from scratch using HTML5 and CSS3 - designed for complete beginners

Created by Stone River eLearning - 500,000+ Happy Udemy Students

"]

Students: 179382, Price: Free

When it comes to the world of technology, staying ahead of the curve is always a challenge. In the last year one aspect of this – the world wide web – has kicked up a gear with the introduction of HTML5, the newest version of the code that makes the web tick. If you learn HTML5 along with CSS3 (the next level of web design used on all modern websites), you’ll have a recipe for success; and this course will show you how.

Create a website from scratch with HMTL5 and CSS3

  • Build a complete functioning website section by section
  • Gain a solid knowledge base of HMTL5and CSS3 for future, more complex projects
  • Control your website’s appearance, functionality and navigability
  • Discover how HTML5 and CSS3 can be used in other areas of the web
  • Learn best practice techniques for building websites and web pages

Build Like a Pro with HMTL5 and CSS3 Design

The only way to effectively learn HTML5 and CSS3 is by diving right in and building websites from the ground up. That’s exactly what this course does. Designed for complete beginners, you’ll create a complete website section by section during 35 lectures and 5 hours of content.

You’ll start by becoming familiar with HTML tags and how they’re used, followed by the use of attributes and common settings. Once you’ve got a handle on basic HTML, you’ll move on to the fun stuff: CSS. You’ll use CSS for fonts, colours, lists, navigation menus, and more, adding a new element to your website with each section. Links, layouts, tables, forms and videos are all covered too.

If you know how to use a web browser and a text editor, you’re all set up for this course already. No extra software or tools are needed, and you can choose your preferred option of each to get going. By the time you finish, you’ll know everything you need to know to create beautiful, functional, easy to use websites of any kind.

About HTML5 and CSS3

HTML5

HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you’ll be able to create, present and edit a whole variety of content on the web.

CSS3

CSS (Cascading Style Sheets) essentially ‘enhances’ HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.

Beginner Photoshop to HTML5 and CSS3

Learn how to convert a Photoshop design into HTML5/CSS3 using Dreamweaver.

Created by Carl Heaton - UX Consultant and Senior Design Instructor

"]

Students: 148633, Price: Free

In this course you will learn how to create a basic website using Phohoshop and Dreamweaver. You will be able to use Photoshop to create a design for your website and use Dreamweaver to organise the content and make the website fully functional. The website will contain 5 pages : Home, About me, Services, Portfolio and Contact and all the images and support materials are provided. By the end of this course you will be able to make a basic website and put it Live.

Knowing how to use Adobe Photoshop is essential for any business, from photo enhancements and page design, to creating marketing materials and presentations.

This course will give you the understanding and in-demand skills to use Adobe Photoshop and produce professional designs and images. With WCB you can choose the best way to learn for you.

COURSE OVERVIEW

Photoshop is a fantastic skill for everyone wanting to make images better. If you want to retouch your photos, create a banner for Facebook, or even create a magazine cover, this course is ideal for you.

Start by learning how to use the main tools to create simple designs. After the first class, you will be able to understand the brush tools, layers and the interface. Turning the complexity into something filled with possibilities.

Build a Quiz App with HTML, CSS, and JavaScript

Improve your core development skills by building a Quiz App with HTML, CSS, and JavaScript

Created by James Quick - Developer. Speaker. Teacher.

"]

Students: 90780, Price: Free

Want to improve your core Web Develoment skills? Want to improve your knowledge of HTML, CSS, and JavaScript? In this course, you're going to learn how to build a Quiz application without the assistance of libraries or frameworks. Here are some of the topic we will cover!

  • Save high scores in Local Storage

  • Create a progress bar

  • Create a spinning loader icon

  • Dynamically generate HTML in JavaScript

  • Fetch trivia questions from Open Trivia DB API

Programming for Entrepreneurs – HTML & CSS

Are you an entrepreneur with zero coding experience? - Learn the basics of web development with this beginners course!

Created by Pablo Farias Navarro - Certified Game Developer and Founder of ZENVA

"]

Students: 81050, Price: Free

As an entrepreneur have you experienced any of the following symptoms?

  • Spending too much money in development and you don't even understand what the developer is talking about.
  • Every time you need something fixed in your website (like adding a new link or changing an image) you need to wait weeks and spend a lot of money to get it done.
  • You can't move forward with your business idea because you don't have a technical co-founder and you don't know how to code.

If the answer is yes let me say that you are not alone. I work with many entrepreneurs and I hear these complaints every single week. The causes of this problem as:

  • All companies, no matter their size and industry, need development. From a simple website that shows who they are and what they do, to more complex solutions such as mobile apps and information systems.
  • Developer as expensive and scarce. But you probably know this already :)
  • They say Programming is the new Math as it is an essential skill to get around nowadays and in the works that's taking shape, but you weren't taught how to program at school.

At ZENVA, we've decided to tackle this problem and bring you a solution by creating our Programming for Entrepreneurs course series, aimed to give entrepreneurs the basic programming skills and knowledge so that they have higher chances of success with their business ideas.

In Programming for Entrepreneurs / HTML & CSS you'll learn basic web development concepts and skills that will allow you to build simple websites, modify existing websites and create interactive prototypes of your business idea so that you can use it as a communication tool with your developer, customers and investors.

In this course, just like in all courses by ZENVA, we'll follow a project-based approach. Through out the course you'll be building a "Metro style" homepage that looks great in a desktop computer and in a mobile phone.

What we cover in this course:

  • Benefits of learning the basics of web development for an entrepreneur.
  • Basic web development concepts you need to know.
  • HTML from the very beginning. We'll go through the most important tags.
  • Creating titles, paragraphs, containers, lists.
  • Adding links and images.
  • Tables.
  • Forms in HTML, including HTML5 semantic input fields
  • Structure of a HTML document.
  • CSS - What is it and how to include it in your website?
  • Selecting elements with CSS.
  • The Box Model.
  • Creating a tile-based Metro style page.
  • Using floating elements to create responsive pages.
  • Styling of lists, fonts, tables.

Don't forget to checkout the other courses made by ZENVA:

  • iOS and Android HTML5 Apps for Beginners
  • Mobile HTML5 Game Development for Beginners
  • Create a HTML5 Game from Scratch
  • Wordpress Plugin Development for Beginners
  • BlackBerry 10 Apps with HTML5
  • Android App Development by Example
  • Introduction to Web Application Development with Symfony

Master the Basics of HTML5 & CSS3: Beginner Web Development

Start your journey towards becoming a bona fide web developer by learning these foundational concepts of coding

Created by MindMekka ® - Motivate. Educate. Elevate.

"]

Students: 75081, Price: Free

Whether it's someone that's looking for a career change…

An entrepreneur who needs a website for his business but lacks the funds needed for outsourcing…

Or just those seeking personal enrichment;

The fact remains that, in the world of today, web development skills and knowledge are becoming increasingly sought-after and, therefore, also increasingly valuable.

This course is meant for those brave individuals who wish to take their first steps into the world of Web Development. It's meant to give you a taste of this vast and interesting field so that you can accurately determine if this is something you wish to pursue.

Coding is the language of the future. Come join me in this course and let's start working on those ABC's…

EMMET Faster HTML & CSS workflow – Best Tool For Developers

Emmet is plugin for text editors that helps you write HTML and CSS faster. Work quicker saving time & making more money.

Created by Edwin Diaz - Web Developer & Premium Udemy Instructor - 700,000 students

"]

Students: 68399, Price: Free

NEW COURSE AND UP TO DATE - AS OF APRIL 2015

Do you want to code HTML, CSS and XML faster?

Do you want to save time when coding?

Do you want to code more error free?

Do you want to become a NINJA coder?

If your answered was YES to most of these questions, then this course is for you.

On this course I will teach how to use a plugin called emmet to help make your workflow super smooth and efficient. I will show you many handy tricks that will do wonders in saving you time when developing.

You will become a faster coder in no time and it will be super easy to learn if you already know CSS. Now that I use Emmet, I could NOT imagine living without it.

Come join me in the course, and I promise that you will learn a lot and you will greatly appreciate it forever.

Learn HTML & CSS: How To Start Your Web Development Career

Learn HTML & CSS To Jump Start Your Career In Web Development

Created by Michael Bowen - Front End Web Developer & Local SEO Marketer

"]

Students: 64260, Price: Free

UPDATE: This course is completely updated and current as of February 2017.

---------------------------------------------------------------------------------------------------------------------------

Creating a career in development has been the best choice I've made in life so far. 

It has allowed me to be geek and get paid making awesome apps that help people.

There is an abundant number of tech jobs in every major city, so you can live in a lot of cool places.

The average web developer makes around $76k a year.

A lot of tech companies allow their employees to work remotely.

Needless to say, this industry has been great to me :-)

And I want you to experience that too.

The course is split into 4 easy to follow sections:

1.) HTML Section

2.) CSS Section

3.) Code Challenge Final

4.) Course Project

In the HTML and CSS sections you create websites using HTML and CSS.

Add these websites to boost your resume for job interviews.

There are numerous code challenges to practice what you learn, as well as quizzes to make sure you know what you have learned.

In the code challenge final you build a responsive website for a mobile device.

In the course project you build a clone of the UK BBC news website and host it on Github for potential employers to see. This is how I got my first job interview as a web developer!

By the end of this course you will have everything you need to land a web developer job.

Got questions?


I am with you every step of the way.

If you have a bug you can't figure out, post your code in the discussion tab and I will take a look at it for you.

Remember, I want you to be successful.

The web development industry is growing at an exponential rate. Don't get left behind!

This course is free.

What excuse do you have to not take this course then? :)

Join Now!

Onward to success and freedom!

Web Developer Course HTML CSS JavaScript Learn Web Design

Guide to setting up a website learn about setting up a web business HTML CSS and JavaScript create your own website

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 60976, Price: Free

Complete web developer course covering everything you need to know step by step to begin creating websites.

This course covers everything, included how the web works, learning HTML, CSS and JavaScript and much more. 

Course exercises, source code and links to top resources for web development!

We walk you through step by step with detailed explanations of code and more.

  • no wasted time watching someone type

  • practice with coding exercises

  • quick lessons get right to the point

  • fully covered topics with real world examples

  • source files downloadable to work along

  • challenges and lessons and code samples

  • code snippets

  • Links to top resources to save time

  • new course material added regularly

  • trusted name in education since 2002

  • full HD easy to read source coding

  • quick response support to students

  • regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content.

Everything you need to know is included in this course.

Learn at your own pace, lifetime access to this course.

We show you how to write HTML CSS and JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching how to become a web developer.

Learn HTML, CSS, JavaScript And TypeScript From Scratch

Design and build websites using html, css, javascript and typescript from scratch for absolute beginners.

Created by Manzoor Ahmed - Microsoft Certified Trainer

"]

Students: 51262, Price: Free

HTML And CSS

Do you know! what ever you see on a website in your browser is purely html and css. If you are really interested in learning website development using any technology weather it is Asp.Net, Java or Php, the basic thing that you should know is HTML and CSS. More over if you want to develop your own static website with contact us form then this course teaches you the best.

In this course we will start with the concept why we need HTML then we dive into tags river and will cover comments, page information, document structure, links, text markup, lists, forms and images. We take start of css with why and goes for various types of styling techniques in web design and move ahead with various selectors and design a beautiful menu from scratch and finally end with designing and hosting a static web site.

JavaScript : Do you know that all the web client frameworks are based on JavaScript?

Like AngularJS, ReactJS, NodeJS, etc., So, now it is the time for you to not only build a strong base in JavaScript basic programming but also to understand the basics of object oriented programming using JavaScript.

Yes, the buzzword of the market that is TypeScript and AngularJS2+ are completely based on oops through the JavaScript.

When it comes to the passing data from a client to the server then JSON formatted data is the hero, which again reminds the object or collection of objects of JavaScript.

Now no way to escape from learning JavaScript, if you want to stick to web technology with any platform whether it is Microsoft or Java or PHP or anything else.

So, no worries! we made it damn simple for you to master it :)

TypeScript : Yes! TypeScript is the base for Angular2+ , If you want to enter into the world of Angular 2, 4, 5, ... then the first step is to understand TypeScript.

I am going to make it very simple for you to learn and implement it.

TypeScript starts from the same syntax and semantics that millions of JavaScript developers know today. Use existing JavaScript code, incorporate popular JavaScript libraries, and call TypeScript code from JavaScript.

TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer).

What are you waiting for? just join into this course and make the buzz word of the market a part of your profile.

CSS Flexbox – Mastering the Basics

For Beginners

Created by Vishwas Gopinath - Instructor

"]

Students: 48295, Price: Free

Learn from scratch, the complete CSS Flexbox module.

Stop worrying about floats, vertical alignment and other common problems you face in the world of CSS and dive into flexbox to make your life easier!

Take your first step into Bootstrap 4 by mastering flexbox which is what bootstrap 4 is built on!

Learn HTML and CSS together for Beginners

Learn how to make websites using HTML and CSS This course is for beginners step by step to create a completed website

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 38988, Price: Free

Learn about HTML and CSS and how they are used to create websites.  

HTML and CSS are 2 of the 3 main building blocks of websites on the internet today.   The internet uses HTML & CSS as a set of instructions that can be then be used by browsers to render out the intended webpage.   HTML is fun to write and easy to get started with.   If you have ever considered creating your own website and wondered where to get started this is the course for you.

HTML (HyperText Markup Language) is the most basic building block of the Web. It describes and defines the content of a webpage. Explore HTML, how it works and how browsers use it to build webpages.   HTML is created by web developers who use it to build websites.  Learn how to create your own HTML boilerplate templates, that can be used and reused to make webpages.  Explore HTML markup, creating headings, paragraphs, and more.  See the different tags and what they do.   Learn about grouping elements and how that is the first step to prepare to add styling.  

CSS (Cascading Style Sheets) are a stylesheet language used to describe the presentation of a document written in HTML.  Its how your page looks, how your HTML elements can be designed to have colors, positions on the page, different dimensions, and more.  Explore how to add color and background options to HTML elements.  Find out about the Box model and how it is used to add more display properties to HTML elements.

Putting HTML and CSS together to create webpages.   We cover how to build a website from scratch.

  • Hyperlinks how they work
  • Adding images to webpages
  • creating a navbar using CSS
  • HTML tables
  • HTML forms and creating a contact form for your website
  • HTML structure and building your page
  • Tweaking and updating your website
  • Adding Google Fonts

Experienced instructor - creating websites since 1999!  

Learn to create a website from scratch, I'm here to help and ready to answer any questions you may have.  Take the first step and learn to create your own website today.

Write quicker HTML5 and CSS 3; productivity hacks with emmet

Change the way to write HTML 5 and CSS 3 codes. A faster way that will increase your productivity to write codes

Created by Igneus Technologies - Best Comprehensive Courses

"]

Students: 38806, Price: Free

Hello everyone and welcome to Write quicker HTML5 and CSS 3; productivity hacks with emmet. Before we even begin to talk about this course, lets be very clear, this is not a course that teaches HTML and CSS from basics. This course is something that you take after learning HTML and CSS. This course will be a game changer for you. With Emmet you can quickly write a bunch of code, wrap code with new tags, quickly traverse and select important code parts and even more.

Best part is, you will stay at your favorite editor. It might be Coda, sublime text, Atom, brackets or any other. Emmet is just a plugin that saves time.

A lot of students learn HTML and css; in fact they are very good at it. But let’s be honest, we are little lazy to write our code. What if we say that you have to write only a few words and editor will understand everything for you. Make your editor smart with Emmet.

This course will start from teaching the installation of Emmet on almost every popular editor and then we will move to get friendly with productivity hacks with Emmet. We will explore the concepts of creating child's, siblings and climbing up the tree structure to create DOM structure. We will learn the shortcuts for ID’s and Classes. One of my favorite one is Lorem Ipsum text generator. Next comes up the various Doctypes generators. Further we will talk about HTML tag generation.

Next we will move towards CSS and will learn to link the CSS files quickly. Further we will explore the margins, padding and color shortcuts.

At first you will feel like magic and yes it is very magical to write code at such a fast speed. So, enough of talking and let's get productive with emmet.

Become a HTML and CSS Developer – Build a Responsive Site

Take the first step to becoming a professional web developer

Created by Pablo Farias Navarro - Certified Game Developer and Founder of ZENVA

"]

Students: 35637, Price: Free

In this course you'll learn the basics of HTML, CSS and responsive web design. Throughout the course, you'll be building a professional looking company website, designed for both desktop computer and mobile phones.

This is a complete re-make of our hugely popular course created in 2013 and taken by over 40,000 students “Programming for Entrepreneurs - HTML and CSS”.

Why is learning HTML so important?

1. Learning HTML and CSS are good first steps on the road to become a software developer. A rewarding and high demand profession in the innovation economy.

2. If you are not interested in becoming a professional coder, this course will help you improve your communication skills and understanding software developers.

3. It's fun. To me, there are few things more rewarding than being able to create my own websites, mobile apps and games.

What you will learn in this course:

  • How to create a stunning, responsive company website
  • Understanding the role of HTML and CSS in web development
  • HTML tags to make sleek static web pages with links and images
  • Creating forms, the most popular way to capture user input on the web
  • HTML lists
  • Display your data with tables
  • Selecting and modifying elements with CSS
  • Arrange your content with the CSS Box Model
  • Typography and Google Fonts to make professional websites
  • Responsive web design principles to create a responsive page

HTML and CSS Foundations

A super quick introduction to HTML and CSS

Created by Michael Leung - test

"]

Students: 30696, Price: Free

This course is for you whether you're a complete beginner or just want to refresh your knowledge on HTML and CSS.

This course will teach you HTML and CSS using several examples and covers a broad range of common coding practices.

By the end of this course, you will have the skills necessary to create websites that are responsive, adaptive, and animated.

If you have any questions throughout the course, feel free to send me a message or leave a question in the discussion section.

Introduction to CSS Development

Cascading Style Sheets, or CSS, is how we control what a website looks like, including colors, layouts, fonts, and more!

Created by RefactorU LLC - Accelerates the learning of aspiring creative technologists.

"]

Students: 28890, Price: Free

This course covers the basics of CSS. CSS is one of the major components in web development and web design. It allows us to control how our site and/or application will look. With CSS, we can control things like the layout, colors, and font sizes.

We’ll cover the basics of CSS, including how it works, how to make changes to the visuals of your site, and even get into some semi-advanced techniques for controlling your content.

Course Includes:

  • 9 external resource files
  • 5 practice exercises to help you master the basics

What You'll Learn:

  • CSS Terminology
  • Units
  • Inline Styles
  • Style Tags
  • CSS Files
  • Basic Selectors
  • IDs and Classes
  • Combination Selectors
  • Pseudo Selectors
  • Starter Rules
  • Basic Layout: Block, Inline, Inline-Block, Float, Clear
  • Advanced Layout: Absolute, Relative, Fixed
  • Centering Techniques: Inline, Horizontal Margin, Vertical
  • Normalize
  • Clearfix
  • Block Formatting Context
  • Architecture
  • CSS Specificity
  • Reusability
  • Maintainability
  • Modularity
  • Scalability
  • Semantics
  • And More!

CSS: Zero to Hero in CSS by Styling a Website from Scratch

Become an Expert in CSS and CSS3 With Styling, Grid, Flexbox, Animations, Transitions, and more; No experience needed!

Created by VideoLab by Jad Khalili - Udemy Instructor - 80K+ Students Worldwide

"]

Students: 18709, Price: Free

Do you want to learn how to style websites? Do you want to learn the industry-standard techniques that web developers use? Do you want to be able to take your website to the next level? If you are asking one of these questions, then CSS is the perfect skill for you to learn.

CSS, or Cascading Style Sheet, is responsible for the styling of a website. It can completely change its look and feel, taking a website from the amateur level, to an industry website that can be shown off to clients.

In this course, we cover CSS from the ground up; starting with basics skills, such as coloring and text, to highly advanced skills, custom animations. Overall, we cover over 10 major topics of CSS, including:

  • Coloring

  • Formatting

  • Text

  • Layout

  • Grid

  • Flexbox

  • Animations

  • Transitions

  • And many more!

Even with all of these topics, you do not need any experience in CSS! This course is packed with content-both interactive and informational- to help you achieve your goals. Each section contains an in-depth quiz with 10 questions covering each unit, allowing you to diagnose yourself and your skill. The videos are filmed in an interactive way to help you ‘learn while doing’.

On top of that, at the end of the course, you get to style a website from scratch using all of the techniques you learned!

With 6+ hours of video and everything mentioned above, you are bound to become a CSS wizard by the end of the course, regardless of your previous knowledge of the topic. The only tool you need is a basic understanding of HTML (Which can be learned through my free course!)

So, are you ready to start upgrading your web development career?

 

Mastering CSS 3.0 Selectors

Empowering your development and design through CSS 3.0 Selectors

Created by Everything Nice inc - Technology Directors

"]

Students: 15760, Price: Free

The ultimate CSS3 Selectors guide. If you’re new to the world of CSS, or want to catch up on the new techniques in CSS2 and CSS3 you just found the perfect course for you. JavaScript/jQuery developers think you will get out of it that easy? Even if you don’t plan to become a CSS developer, knowing the rules of selectors will bump up your capabilities and leverage selectors to create better interactive sites. Become amazing at what you do by knowing the most important aspect of web development and design – the power of selection. By the end of this course you will be a master CSS3 Selector. 

The most important things you will gain by the end of the video course:

  • You will know all the ways to work with selectors making your web design easier and more powerful.
  • Lay down the most important foundation skills to become an interactive developer(such as using jQuery or other selector technologies).
  • Be up to speed with the most cutting edge ways to build websites.

All The Way CSS – The Complete CSS Adventure

What You Really Should Know

Created by Philipp Rost - Passionated Professional Software Developer

"]

Students: 15112, Price: Free

Welcome to my All About CSS - The Complete CSS Adventure course! 

My name is Philipp and I work as Software Engineer/Front-End Developer. I want to take you with me on this exciting adventure where we learn about CSS Selectors, Pseudo Elements and much much more. We will create together awesome projects such as a really cool Timeline or we will draw a cute little bear with pure CSS. 

Additionally I offer you little questions between my lessons so you deepen the learned features of CSS. It does not matter if you are new to CSS or if you know already some. Maybe you want to become a Web Developer or this is just your hobby and you want to create cool Websites. In both cases you are perfectly prepared in the end of this course to encounter numerous obstacles.

This course contains: 

  • 41 Lessons
  • 6 Quizzes
  • 6 Projects (Loading Spinner, Timeline, CSS Terminal, CSS Slider, CSS Bear, Sticky Navigation)

To continue improving my courses I would like when you give me your feedback to the course. Feel also always free to contact me in case you have questions or you just want to talk to me. 

I hope you have fun and enjoy my course.

Build Your First Glass Web App Theme With HTML5 And CSS3

A complete step by step code along series to help you deisgn the most prettiest glass footer with HTML5 and CSS3

Created by Hini Majesty - Instructor at Udemy, Software developer

"]

Students: 13822, Price: Free

My story is simple and as you can tell from the promo video, i gave up so many times when i started in web design. I gave up only because i was learning a lot of HTML and CSS but i was creating very poor designs and this was discouraging. The only way i overcame this was when i took a course that taught me how to create a website with HTML5 and CSS3 and most of what i did was to pause the video and type exactly what the instructor had typed. I barely understood anything but the final look of the site and the pressure i got from friends and relatives wanting me to create websites for them after i had shown them what i had done, forced me to learn without ceasing until i could put everything together to become a good web designer/developer. With that experience, i decided to get you up and running with this course by teaching you only the essential parts of HTML5 and CSS3 needed for what we would be building in this project.

The things we would learn are in the following order:

1. After introducing you to the course and giving you a feel of how the glass footer looks like, we would talk about how we can install the necessary text editors.

2. We would learn to install and use some essential sublime Text plugins that would help us to code faster and easier.

3. We would learn the basics of HTML5

4. Also we would learn the basics of CSS3

5. Next we would learn how to create the basic file structure for creating the glass project.

6. We would then code the HTML part of the glass footer with the knowledge you have gained from the basics of HTML and we would do same for the CSS3 part of the project too.

7. We would fix bugs that we encountered and that would mark the end of the glass footer.

8. In the bonus lecture you would get to know the source of the glass footer and also get my contacts.

upon completion of this course you would have adequate skills necessary to begin building very nice looking HTML5 and CSS3 websites on your own.

You would also be able to build the same project for clients and make money.

It would take you just 2 and half hours to complete the course while having a lifetime access to the course. After the course you would have all the skills necessary to build the nicest glass looking footer ever. Trust me, your clients would really be amazed at how well you are good with your designs and your work.

HTML, CSS and JavaScript: The Complete Web Developer Course

A Comprehensive Guide for Beginners interested in learning HTML, CSS, & JavaScript to Build Interactive Web Pages.

Created by Online Training Plus - Succinct low-barrier courses for free

"]

Students: 13274, Price: Free

Do you need to master the art of front-end development?

Look no further. This course is your complete beginners guide to developing cutting-edge web pages that are fully mobile responsive.

The course branches into three sections.

1. Explore HTML5

Learn the composition of a web page and how a web browser interprets html code to display the visual elements of a page. Learn the core fundamental aspects of HTML syntax, to ensure you are well prepared for the remaining sections ahead.

2. Explore CSS3

Learn to add stunning design elements to really make web pages visually aesthetic. Learn a broad range of CSS attributes to make web pages completely mobile responsive, even on the trickiest of devices such as phones and tablets.

3. Explore JavaScript

Dive into adding interactive client-side functionality using JavaScript. JavaScript is an extremely powerful front-end programming language that can really help take web pages to another level. Learn how to add client-side validation to forms, animate images and objects, and manipulate both HTML and CSS.

Learn HTML and CSS by Building a Stylish Login Form

Take Your Web Development Skills to the Next Level

Created by Zaowl Dev - Full Stack Web Developer

"]

Students: 11694, Price: Free

Are you a beginner of web development and you have started your web development journey only few days back and now you need to build something special to take your skills to the next level then this is the perfect course for you and in this course I will teach you how to create a stylish login form completely from start to finish and I am sure you will learn a lot and you will have a solid understanding of how the modern developers are creating the login form on their website and with the help of that you can also create the forms for your clients very soon or later.

CSS 3 Loading Animations

Learn CSS3 Simple Loading Animations with Ease.

Created by Stefan Omerovic - Web Developer

"]

Students: 10523, Price: Free

This Course is for all of you who are currently learning Basics of Front End Web Development. If you learned basics of HTML and CSS and want to learn more regarding CSS3 Animations, then this course if for you!!

In today's industry, CSS3 is a must. If you get your knowledge on right track and you also master CSS3 Animations, you will rock trough this industry no matter if you are Freelancer, or plan to get a job at some Company.

This Course uses HTML and CSS

It is not a must for this Course to have knowledge of HTML or even CSS, as this small Course is setup to help those of you who are just starting with Front End Development.

What will you Create?

  • HTML Markup for Loader Animations

  • Circular Animations

  • Block Animations

  • Bubble Animations

  • Line Animations

Who this Course is for?

  • Newcomer as well as experienced CSS developers interested in learning more regarding CSS3 Animations

  • This course is for everyone interested in learning a Front End Web Development

  • Taking this course will enable you to gain a very solid understanding of CSs# Animations

Start with HTML5/CSS3 & Bootstrap (2021)

A course for beginners in HTML & CSS

Created by Guillaume Duhan - Senior Front-End Developer JavaScript (Vue, Node, Firebase)

"]

Students: 8492, Price: Free

Welcome on Start with HTML5/CSS3 & Bootstrap, a course for absolute beginners in HTML & CSS!

You are a fresh new developer and you would like to learn how to code? Or you just want to understand HTML/CSS? So this lesson is made for you.

In this course, we'll learn slowly how to start coding. We'll take time to explain how HTML and CSS are working by creating our own blog. What an amazing purpose! Step by step, this is what we are going to learn:

  • Install our code editor,

  • Learn how to use it,

  • Create our first HTML file,

  • Write our first HTML lines,

  • Display elements such as title, text, images & videos,

  • Linking HTML pages,

  • Understand website architecture,

  • Stylising our pages with CSS,

  • Importing font families,

  • Install and understand Bootstrap,

  • Designing our entire blog with Bootstrap.

What is Bootstrap and why?

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites. It is a tool that is going to help us to create elements and design really fast! I want to show you how powerful is Bootstrap and how much time you can save with this amazing CSS framework.

As a front-end developer since 10 years now and code teacher in french schools for developers, I made this course to show you how to start with code. HTML and CSS are basics langages of web. Everyday, we use them to display websites we visit on our browser but most of us don't even know how it works. This is why I've created this course.

So if you are ready to start coding together, let's go!

CSS3 tutorial for beginners | Learn CSS3

CSS3 tutorial for beginners from scratch | Start learning CSS3 and build your first website using CSS

Created by WAHEED ATAYE - Web Designer, Web Developer and (SEO) Expert

"]

Students: 7468, Price: Free

Hi,

Welcome to CSS3 tutorial for beginners

This course will provide you a beginner level skill of CSS3 agter taking this course you will be able to write code in CSS you will learn how to create your first project using HTML and CSS also you will get helpful resources from the instructor who can help you to learn CSS in better way with some real examples.

Watch the second video of this course to know what you will learn from this CSS3 course.

CSS : CSS Awesomeness

Learn To Write CSS the awesome way!

Created by Gilad Tsur Mayer - Senior Web Developer

"]

Students: 6852, Price: Free

Hey there!

Welcome!

My name is Gilad, and welcome to this course

Im a web developer for serveral years now, and I will teach you the very basics of CSS.

If you are just a beginner, or you used to know CSS.. but.. You know.. Time has gone by..

This course is for you.

We will learn all the building blocks and All the stuff you need to know to get started in CSS.

We will learn:

  • CSS Selectors
  • CSS Width and Height
  • CSS Box Model
  • CSS Backgrounds
  • CSS Margins
  • CSS Paddings
  • CSS Floats
  • and many many more CSS stuff.. 

And we will do it together, in just less than an hour.

Its your opportunity, to learn CSS the easy way.

Press the button , I will see you in the other side.

ciao.

Learn HTML5 with CSS Free

Learn web development using HTML and CSS

Created by Sunil Joseph - Consultant & Trainer

"]

Students: 6470, Price: Free

Start your career as a web developer with this free HTML 5 course. HTML and CSS are essential skills to have for a career in web development. Ever wanted to make websites but didn't know how to start? Then this course was made for you! Learn how to write Web pages and Web sites by mastering HTML5 coding techniques and best practices.

CSS Flexbox Quick introduction to using FlexBox CSS style

Explore how you can use Flexbox to layout page elements

Created by Laurence Svekis - Instructor, GDE, Application Developer

"]

Students: 5236, Price: Free

Explore more about using Flexbox with examples and sample code to get you coding.

Flexbox is a one-dimensional layout method for laying out items in rows or columns. Items flex to fill additional space and shrink to fit into smaller spaces

Please note that the scope of this course using CSS Flexbox.  If you are looking for a more detailed CSS course this course is not for you.  Simple course with limited scope designed to be topic specific.

Taught by an instructor with over 20 years of Web Development experience.

If you've been looking to get started with CSS Flexbox -  THIS COURSE IS FOR YOU!!!!

Nothing to lose - Fast friendly support is always available to help if you need it.

Please note that the SCOPE OF THIS COURSE IS Creating and using CSS flexbox and will not cover complex commands and everything about CSS, HOW TO GET STARTED COURSE - if you are looking at more detailed node or JavaScript content this is not for you.

HTML, CSS and JavaScript for Intermediate – Movie Website

Improve your HTML, CSS and JS skills by creating an awesome movie website.

Created by Safak Kocaoglu - Computer Engineer

"]

Students: 3224, Price: Free

If you are an intermediate HTML, CSS and JavaScript learner, it might be hard to find some path to follow. You can be stuck between really basic designs and confusing JavaScript libraries and frameworks. Here is the chance to create something between them. Let's build a real-world project and improve your skills. In this course we are going to be building a responsible movie website which includes all new generation popular features. You are going to be learning flexboxes, positioning, calculating sizes, transforms, transitions and more in the CSS part. You are going to mix your all knowledge and create an ultimate design. And in the JavaScript part, you are going to create a smooth slider and dark-mode toggle. And you will use only pure JavaScript. No libraries, no frameworks. And you are going to use new JavaScript features such as const-let keywords and arrow functions. After this course, you will be able to create more professional websites and be more confident about building modern web applications. And don't forget, if you are an absolute beginner, it might not be the best idea starting with this course. I recommend you to learn basics of HTML, CSS and the JavaScript and come back again and start this practical course. Let's join this journey and be one step closer to the professional web development life. I hope I will see you in the first lesson.