In this lesson we learn how to create a photo gallery with a neatly aligned grid for thumbnails. When a thumbnail is clicked / tapped a modal windows (lightbox) will be opened with a higher resolution version of the photo. This lesson is a snippet from my 8 hour premium web design course. Join 4,000+ […]
Sass Tutorial for Beginners
This Sass tutorial is for absolute beginners or anyone who has been intimidated by preprocessors in the past. We cover the basic features of Sass and even write two mixins by hand (gradients and media queries). This lesson is a snippet from my 8 hour premium web design course. Join 4,000+ others who have already […]
WordPress Custom Loop WP_Query Tutorial
Learn about WP_Query and create custom loops in any WordPress theme file. To learn about everything that WP_Query is capable of check out the official WordPress documentation. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for […]
CSS Background Image Tutorial
Learn how to add background images with CSS (repeat or tile, position, size, and multiple images assigned to a single element). This lesson is a snippet from my 8 hour premium web design course. Join 4,000+ others who have already learned pro-level HTML, CSS, and responsive design.
WordPress Setup Custom (Static) Homepage
Learn how to setup a custom (or static) homepage in WordPress. This involves creating WP pages, adjusting a few simple settings, and using a special page template. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for […]
WordPress Widgets Tutorial
Learn how to manage widgets in the WordPress admin area, and also how to add widget locations to any theme. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review). Do […]
WordPress Post Formats Tutorial
Learn what Post Formats are, what they are used for, and how to enable them within a theme. In this lesson we create unique presentations for an aside, a link, and a photo gallery. Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet […]
Redesign
This website has been redesigned as an effort to organize and showcase content so that it’s easier for students to find and follow a particular topic. This primarily involved redesigning the homepage. For quick reference here are the topic landing pages: Learn HTML Learn CSS Learn JavaScript Learn WordPress This redesign also marks a new […]
Bootstrap Responsive Layout Tutorial
In this lesson we learn how the Bootstrap column grid system makes creating responsive layouts incredibly simple. We also put together a responsive navigation menu, and finally, learn about Bootstrap’s “responsive utility classes” which we can use to hide and display certain content for certain viewport sizes. Responsive Web Design principles are easy to implement […]
WordPress get_template_part() – Theme Development Tutorial
In this lesson we learn how to use the “get_template_part()” function to avoid repeating nearly identical code throughout our various theme files. For example, posts are displayed very similarly on the blog homepage, the archives, and search results views, and “get_template_part()” is an excellent way to reuse a single chunk of code. Link to download […]
