In this CSS video tutorial we cover the basics of padding, margin, and border, and how these properties affect the dimensions and spacing of elements. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my updated 8 hour video course and learn pro-level HTML, CSS, […]
CSS Floats – Understanding & Clearing Floats Tutorial
In this CSS tutorial we take a look at how the float property affects the elements it is applied to, and also its surrounding and parent elements. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my updated 8 hour video course and learn pro-level […]
CSS Background Image Replacement Tutorial
In this CSS Video Tutorial we learn how to replace plain text elements with CSS background images. This is a great strategy to improve your SEO (search engine optimization) performance, and also increase accessibility. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my 8 […]
CSS Navigation Tutorial
In this CSS Video Tutorial we learn how to apply very basic styles (including hover effects) to our navigation. For quick reference, you may also watch the tutorial where we created the Two Column Layout. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my […]
Equal Height Columns – CSS Tutorial
In this CSS Video Tutorial we learn how to create equal height column backgrounds. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my 8 hour video course and learn pro-level HTML, CSS, and responsive design.
CSS Two Column Layout Tutorial
In this CSS tutorial we learn how to create a simple two column layout by hand. Here are a few quick reference links to the files created in this video: Link to the Clearfix code Link to the HTML code Link to the CSS code Link to the Demo shown in the very beginning of […]
Intro to CSS – Basics + Selectors
In this Intro to CSS video tutorial we learn how to add basic styles to a page with CSS. First, we link to an external style sheet, and then we learn the basic syntax of CSS, as well as four of the most common CSS Selector types; (1) type selectors, (2) ID selectors, (3) class […]
How To Add an Image To a Web Page
In this video we learn how to insert an image into a web page by hand, using HTML code. We also learn how and why to use the “alt” attribute, and how to organize images into sub-folders. Quick Code Reference Notice there is no </img> end tag. This is because the <img> element is a […]
Learn Basic HTML Structure – How To Link Pages
In this video we learn the basic structure of an HTML file, and also, how to create hyperlinks. Viewers learn how to divide their HTML file into the and sections, and also get their first taste of HTML attributes by creating a hyperlink (href attribute). To view a written tutorial, see: HTML Attributes and Values: […]
Create Your First Web Page – For Absolute Beginners
In this video we learn how to create and save our first web page. The basic structure of HTML is covered and is intended to familiarize viewers with HTML before moving on to more advanced concepts. We create a heading (h1), paragraph (p) and an unordered list (ul). To view a full written tutorial, see: […]
