This is the beginning of a series on WordPress. In this initial lesson we learn what WordPress is, why it’s so useful, and get a feel for what we’ll learn in upcoming lessons (admin screens, custom theme development). Do you want to share the WordPress website that you’ve been creating on your computer with the […]
Responsive Web Design Navigation Menu Tutorial
In this lesson we learn how to create a responsive navigation menu. For larger screens we use a traditional horizontal menu bar, but for smaller screens we initially hide the navigation until a “menu” button is tapped or clicked. For an overall introduction to JavaScript you can view this tutorial. For an overall introduction to […]
Full Height and Width Web App Style Layout
In this lesson we learn how to position and size our elements to utilize the full height and width of the browser window. We use different layout and positioning strategies for this “application” layout than we would normally use for a traditional “page” layout. Link to demo page shown in lesson Direct link to CSS […]
Sticky Navigation Tutorial
In this lesson we learn how to create a “sticky” navigation which is another way of saying an element should use “fixed” position once it would normally scroll out of view. In this lesson we make use of JavaScript and the jQuery library for event handling and conditional logic. If you are unfamiliar with JavaScript […]
jQuery Variables, Functions, and Conditional Logic
This lesson picks up where our original “Introduction to JavaScript with jQuery” lesson ended. We learn how to use variables, conditional logic and functions to create flexible code. Link to demo page shown in lesson Note: The reveal effect shown in this lesson is not terribly useful in real world applications. Most tablets and smartphones […]
JavaScript and jQuery Tutorial (for Beginners)
In this lesson we learn what JavaScript is used for and how to leverage the popular JavaScript library named jQuery. View example page shown in lesson Direct link to “script.js” file Put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see […]
Responsive Web Design Tutorial
In this video we learn what Responsive Web Design is and how to write the necessary code to create our own custom responsive web layouts. A more technical term for this lesson would be “An Introduction to Media Queries.” Demo Page Shown in Lesson Direct link to “Desktop” CSS Direct link to “Mobile” CSS Download […]
Full Width Background with Fixed Width Content
In this video we learn how to mix full width background containers with fixed width content containers. 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, and responsive design.
How to Center an Image Horizontally
In this video we look at two of the most popular techniques to center images horizontally. 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, and responsive design.
HTML Tables Tutorial
In this tutorial we learn how to code HTML tables, when to use tables to format our HTML content, when not to use them, and also how to add basic styling (via CSS) to our tabular data. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check […]
