Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Title Area Styles – Part 1
Lab: Part 2c – Header Sass Module – Developer’s Genesis Starter Child Theme
Video Runtime: 14:54
There are multiple strategies for refactoring. I will show you multiple ways to accomplish the same objective. We will walk through the thought process of why you might want to use one over another. The point is: use what works best for you.
For example, where do you put .header-image
styles? Do you embed them into each sub-component such as the .title-area
? Or do you make a separate partial just for the specific use case of .header-image
? Let’s talk our way through it for you to determine what works best for you.
A rule of thumb for deciding where to put styles is ease of finding your styles when you need to make adjustments. You want to be as efficient as possible. Therefore, you want to divide up your styles so that you can quickly read the file name and know exactly what is in that file. This strategy will help you to streamline, speed up, and be more efficient. It saves you time, which then translates into saving you moola (money).
There’s a time to code and …. yup, that sums it up.
Episodes
Total Lab Runtime: 00:47:58
- 1 Lab Introductionfree 02:45
- 2 Base Stylespro 04:09
- 3 Dividing Up the Title Area Stylespro 05:15
- 4 Title Area Styles - Part 1pro 14:54
- 5 Title Area Styles Part 2pro 06:17
- 6 Header Right Stylespro 12:22
- 7 Push the Theme to GitHubpro 02:16