![]() Enterprise Plan Boost collaboration and drive results.Kickstart your next campaign with one of Litmus’ pre-tested (and free!) templates. Each template comes with a responsive, hybrid, and mobile-aware version that can be used with any ESP. You’ve likely heard the term responsive email design before. While it’s been used a lot in the past few years, there’s some confusion as to what it means. Using fluid tables, fluid images, and media queries to control the layout of an email across different device sizes. Responsive email design is a direct descendant of responsive web design, first popularized by Boston designer Ethan Marcotte in his fittingly titled book, Responsive Web Design. While the implementation differs between the web and email, the principles are the same. Responsive emails use fluid tables and images to make content flow across different screen sizes. ![]() ![]() How? By using CSS media queries to change fixed-width tables and images on desktops into fluid ones for smaller screens. Let’s say we have a section of an email with an image, headline, and bit of copy. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. If we were to view that email on a mobile client, we’d see this: On desktop, that section of the email looks like this: You can see that, while we use a 100% wide container table for full-width background colors, the content is wrapped in a table that is 600 pixels wide. The fixed-width table and image are preventing that content from shrinking down to fit on the smaller screen. How can we fix that? How do we make those elements fluid? With a media query in the head of our HTML. Media queries allow us to specify how things should be styled under certain circumstances. We feed media queries some conditions and some styles and those styles are applied to our email when those conditions are met. In the case of email and mobile, those conditions are the sizes of the screen.End screens, also called video outros, are tools that YouTube offers creators to direct viewers to take action after finishing your video. Your end screens can feature links to different videos or playlists, subscribe CTAs, links to approved websites, or links to other channels. These elements are shown over the top of the last few seconds of your videos' playtime. They are different from YouTube's automatically generated annotations because you can choose the content yourself. You can create YouTube end screens directly in your YouTube account, and below we'll go over how to add end screen elements to your videos.Ģ. SAVING LAYOUTS FOR OPTIMAL LAYOUT YOUTUBE HOW TO In the top right corner, select your account icon, then YouTube Studio.ģ. If you want to add an end screen to an existing video, select the video, click the pencil icon (shown below), and skip the next step.ĥ. If you want to add an end screen to a new video, select the Create button on the top right of your screen to upload the video file.Ħ. After completing either step four or five, select the Video elements tab, as shown below.ħ. You should then see the option to Add an end screen by importing from an existing video or adding your own.Ĩ. Select the end screen elements you want to add to your video, fill in the required information, and click Create Element.ĩ. For further customizations, you can adjust the size and placement of each element on the end screen and the length of time each will be displayed.ġ0. YouTube End Screen Examples Claire Saffitz Dessert Person You can preview the end screen by selecting Preview on the top left corner or simply select Save to finalize your end screen. The example below is an end screen from Clare Saffitz's channel, Dessert Person. Source Standard YouTube End Screen Dimensions While it may seem basic, it gets the job done through a CTA directing viewers to other videos on the channel and a subscription button. The instructions above detailed how you can create an end screen within YouTube's Creator Studio, but you can also upload your own. When doing so, it's essential to make sure that it is the correct dimensions. Standard sizing is 1280px by 720px, and standard HD aspect ratio is 1920px by 1080px. The image below is a sample end screen template that you can use to create your own. ![]() SAVING LAYOUTS FOR OPTIMAL LAYOUT YOUTUBE PLUS.SAVING LAYOUTS FOR OPTIMAL LAYOUT YOUTUBE HOW TO. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |