Responsive Web Design

Responsive web design is the practice of building websites that can adapt to every device and every screen size. During this course, we will learn how to build modern, responsive websites using HTML and CSS. As our course project, we will build a website from scratch and, as a bonus, we will add some functionality to it using JavaScript at the end of the course!

What you'll learn

Basic HTML structure

Learn the basic structure of a webpage and discover how you can help a web browser understand your content

Headings, paragraphs

Make your document easy to read and SEO-friendly by adding headings and paragraphs

Text formatting

Add some style to your content with text formatting options like bold, italics, strikethrough, colors, etc.

Elements and attributes

Discover some of the most useful elements and attributes. Use them to create different formats for information

Images

A picture's worth a thousand words. Learn how to add images to your pages

Learn the basics of styling text

Discover how to create CSS styles, how to set different text font sizes, font styles, and colors.

Create boxes and backgrounds

Create styles for box models, such as background color, border, sizes, and more.

Making it responsive

Create responsive websites

Adding JavaScript and jQuery

Learn to create modern websites which include interactive elements and animations, and improve the user experience and aesthetics.

Blog

HTML5 and CSS3 Forms: 4 Useful Designs

Forms are widely used as essential website components. It's possible to create any form to fit your particular site's purpose and goals, with HTML5 and CSS3. Each brings a number of great features and attributes that substantially broaden the boundaries of form design.

Continue reading on our blog

CHEAT SHEET: How To Comment In HTML

By properly employing HTML comments, you can explain your choices to a colleague reviewing your code and make necessary adjustments or bugs that need fixing easier for others to see. This is an essential 'best practice' among experienced HTML programmers and one that you'll need to master to work as part of a team or bring people on board your own projects. So how do you do it? Let's walk through the basics and essential steps you will need.

Continue reading on our blog

CHEAT SHEET: How To Add CSS To HTML

CSS is an invaluable tool for adding style and clearly formatting information to a web page designed with HTML. Far beyond just a simple layout and adding static images, CSS offers options for adding dynamic, user-experience-friendly front-end elements that can transform a static HTML page into an interactive application that wows customers and clients. This guide walks you through the basics and essential steps you need to add CSS to HTML for any project.

Continue reading on our blog