Hey All!
Hope you're having some great holidays. I know some of you are taking the time to do some learning, so here's some new videos to work on.
Thanks for being members / lurkers and I look forward to this next year with you! I have some fun stuff planned for y'all.
Cheers!
How using a "button" HTML input instead of a submit input allows for pseudo-elements New!
In previous videos we were able to add font icons to elements using the "before" pseudo-element. In this video we're surprised to find that those are not available for our submit input, and discover an alternative in using the "button" element instead.
Refining the CSS of our search form submit button and text input New!
Here we tie up some loose ends in our search form styling.
How to add a custom icon by creating a new icon font with Fontastic New!
(This one's FREE!)
Earlier in this series we introduced you to the Fontastic service and explained why you might want to eventually use it. In this video we succumb to an offended sense of aesthetics and create a custom icon font to use for our magnifying glass icon. Just a little foreshadowing: we'll be using this font for other things later.
Refining the styles on our updated magnifying glass icon submit button New!
With new icons come new style adjustments. Here we tweak our submit icon styles a bit to get it looking more polished.
Testing our search form and moving the HTML to the right place in the template New!
Here we test out some different form states like filling out the text input and submitting the form. Satisfied, we move the form to the div where it belongs.
How to save a transparent image in Photoshop and why images on the web are tricky New!
(This one's FREE!)
In this video we grab our logo and save it as a PNG file with a transparent background for some testing. We also spend a few moments alluding to the obstacle course which is using images on the web.
Adding our logo image for testing New!
Having created our logo, we do the next logical thing and add it to our template.
How to resume from this point (part 1, step 41) New!
If you're just starting out with this series, this video will help you get set up so you don't have to watch every previous video just to get an environment set up.
How images display differently depending on the pixel resolution of the viewing screen New!
Images are images, right? Well, there's more to it than that. Here we talk about one variation, which is that images can look pretty different on different screens.
The pros and cons of using lower resolution images New!
Lower resolutions have their advantages. They're smaller, easier to make and require less CSS. But they come at a cost.
Comparing the workflow for adding and editing fields in Drupal 7 and Drupal 8 New!
(This one's FREE!)
Instead of using a form embedded in the "manage fields" page of a content type, in Drupal 8 the "add field" form has been moved to a separate page and the process as been cleaned up quite a bit. In this video we walk through the changes.
How responsive tabs work in Drupal 8 New!
Something you might notice if you work in the Drupal 8 admin area on a mobile device is the convenient way tabs collapse down to a drop-down menu. Here we give you a gander just in case you do most of your management through the desktop.
Comparing content type settings in Drupal 7 and 8 New!
Here we step through the configuration of content type settings in Drupal 7 and 8 and point out the differences.
How the "manage form display" content type settings work in Drupal 8 New!
In this video we explore how the "manage form display" settings work when editing a content type.
Comparing the "manage display" content type settings in Drupal 8 and 7 New!
Here we compare the different settings in the "manage display" page when configuring a content type when working with Drupal 8 versus Drupal 7. There haven't been a whole lot of changes, so we point out some minor differences that are easy to miss.
How view modes work in Drupal 7 and Drupal 8 New!
View modes enable us to configure our content to display differently in different contexts. Through them we can order fields in unique arrangements and reuse them across our site. While view modes were an integral part of Drupal 7, Drupal 8 introduces an interface for adding and managing view modes - something you could previously only do with contributed modules like Display Suite.
How and why to create a new view mode in Drupal 8 New!
Now that we know how view modes work in Drupal 8, we work through the process of creating one and enabling it.
Reviewing additional minor differences in field display settings in Drupal 8 New!
Early we missed a couple of differences in the "manage display" settings, and here we set that right.
How "form modes" work in Drupal 8 and how to add and edit them New!
(This one's FREE!)
In Drupal 8, the idea of "form modes" was added, as well as a full interface for adding them. Just like we can use view modes to display fields in different arrangements in different contexts, a "form mode" allows us to do the same thing with the add and edit forms for content and configuration. In this video we walk through how to add a form mode and configure it.
Comparing how to add existing fields to content types in Drupal 7 and Drupal 8 New!
Adding existing fields to a Drupal 8 content types works probably the way you'd expect after learning how new fields are added, but we walk through the workflow just in case.