Home
Search results “Resources page layout”
How to Create a Digital Resources Page with Divi’s Design Conference Layout Pack
 
54:28
Multistreaming with https://restream.io/ Designing a digital resource page with Divi is easy when you utilize the design elements of your layout to work for you. The visual builder has many helpful features that make this process rather enjoyable. But design isn’t everything. It is also important that your resource page functions. In this use case tutorial, I’m going to walk you through how to design a functional digital resources page using Divi’s Design Conference Layout Pack. Here are some of the things we will be accomplishing together: Build a Resource Page with three sections of content using the Schedule Page Layout Create a custom resource menu that jumps to the different sections on the page Add custom back-to-top buttons under each of the three resource sections Store download files in Google Cloud and create public links to those files to use on the resources page Enjoy! If you need the Divi Theme, you can check it out here: https://www.elegantthemes.com/gallery/divi/ You can read the post for this use case here: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-digital-resources-page-with-divis-design-conference-layout-pack
Views: 1686 Elegant Themes
EndlessEntrepreneurs.com Website Officially LIVE!  Overview of Free Resources and Page Layouts
 
09:02
Supplies & Equipment I use in my eBay Business: 12 x 15 Self Seal Poly Mailer: http://amzn.to/2pwGNLQ 12 x 15 Flap Lock Clear Poly Bag: http://amzn.to/2r59EXH Shipping Scale: http://amzn.to/2qewH1A Lighting Kit: http://amzn.to/2recJ5a Thermal Printer: http://amzn.to/2pK8n4n Male Mannequin: http://amzn.to/2qekbiq Female Mannequin: http://amzn.to/2qEWeC3 Shoe Storage Rack: http://amzn.to/2pJJBlb (Disclosure, these are amazon affiliate links and I will be paid a small commission if a purchase is made through these links): Website: http://endlessentrepreneurs.com/ Instagram: https://www.instagram.com/endlessentrepreneurs/ It took a bit longer than I had planned to get it finished up but I"m happy to announce it's available for your use :). The website has several pages included my personal blog, an Entrepreneur Spotlight guest blog, and perhaps the most useful to resellers, a Free Resource Page! All of my excel documents I use to manage my business are linked up and available to download for free :) Let me know your feed back - or if you have suggestions for future content, posts and resources. I hope this will be a great hub for everyone to grow their business!
Views: 1057 Endless Entrepreneurs
The Free Divi Landing Page Layout Kit
 
05:03
The Divi Landing Page Layout Kit is a pre-made Divi Layout Pack that can be installed on your Divi site. Included are 23 pre-made components that can be mixed and matched to create a beautiful landing page in minutes. Download here: http://www.elegantthemes.com/blog/resources/free-divi-landing-page-layout-kit
Views: 47492 Elegant Themes
Animation Resources: Nestor Redondo BG Layout Teaser
 
15:31
JOIN Animation Resources and see the full two hour video seminar! In this excerpt from a two hour podcast, Animation Resources President Stephen Worth shares some background layouts by Nestor Redondo and discusses the skills a layout artist needs to possess. Posted July 20th, 2017 / Length 00:15:00 To view the complete two hour seminar on background layout, log into the Animation Resources Members Page... https://animationresources.org/membersonly/ If you are an animator, cartoonist or illustrator, you should be a member of Animation Resources. JOIN TODAY at this link and access the exclusive Members Only downloads... https://animationresources.org/membership/levels/
Views: 1717 Stephen Worth
Design, Typography & Layout Tips
 
09:07
Is your poster layout working? Want some quick tips and tricks on how to make your design better? Watch Master Chris Do design on the fly to come up with solutions for design problems you might be having. He shows how to break items down into groups and why/where he places elements on the page to enhance the design. Original poster designed by Darian Rosebrook https://darianrosebrook.com/ This video is a cut down from: How To Improve Your Layout and Typography Critique https://www.youtube.com/watch?v=xjAQ5CK4oqg&t=275s ___ This is the Futur of Education— Disrupting the design education paradigm. Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here: https://goo.gl/bRt5qd — Love the content? Become a sustaining member for $5/mo today. https://goo.gl/uKcJ3N Our BOOKLIST: https://goo.gl/onrdxr Kits & Proposals: https://goo.gl/mSjuWQ Visit our website: https://www.thefutur.com FREE resources: https://goo.gl/Qh6gHr — OUR AFFILIATE LINKS* Skillshare: https://goo.gl/YCo2uT Amazon: https://goo.gl/K1bIhg Creative Market: https://goo.gl/g4jlTE — Futur Podcast on iTunes: 🎙 https://itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2 — Connect with us online: https://www.facebook.com/theFuturisHere/ https://twitter.com/thefuturishere https://www.instagram.com/thefuturishere/ — Credits: Executive Producer– Chris Do Host– Chris Do Director– Erica Pead Cinematography– Aaron Szekely, Mark Contreras Editor– Stewart Schuster, Erica Pead Futur Theme Music – Adam Sanborne http://www.adamsanborne.com Annotations– Isaiah Nwukor Typefaces: Futura, Din, Helvetica Neue Futur theme song— Adam Sanborne === *By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
Views: 367020 The Futur
Add filtered Resource Hero charts to your page layout
 
12:39
This support video goes through the process of adding charts fed from Resource Hero forecast and actual data directly onto the Opportunity layout.
Views: 16 Local Wisdom
Wix Code | How to Create a Dynamic Item Page and Index Page
 
11:12
Introducing Wix Code: Imagine building any web application in the world. Wix Code opens new possibilities for creators, developers, and designers that are looking for the easiest way to build robust web applications tailored to their business needs. It’s serverless, hassle-free coding. You can set up database collections, create content rich websites, add custom forms, change site behavior with APIs and much more. All are built with the ease of use and stunning visual components of the Wix Editor. Plus, anything you build is SEO compatible. Wix Code is creation without limits. Watch how an art and design academy uses Wix Code to set up a database collection and connect it to a dynamic item page to display all their course offerings. The entire process allows the school to use a single design layout to create 100s of pages for each of their courses - including unique content and a custom URL. Then, they will create an index page for their courses. This index page will allow the school to organize all their dynamic item pages and make it easier for students to find the courses they’re looking for. About Wix Wix.com lets everyone create a stunning website for free. Choose a template, customize anything, and get online today! It’s that easy to look stunning online. No matter what business you’re in, Wix lets you easily create exactly the website you want with our intuitive drag and drop website builder. Get stunning designer-made templates, thousands of free images in the Wix Collection, easy SEO and tons of storage. Best of all, your Wix site is mobile optimized, so visitors can see it anytime, anywhere. Get started today! http://www.wix.com/ Visit our resources page to learn more about Wix Code: https://www.wix.com/code/home/resources
Views: 111301 Wix.com
How to Create Separate Layout Files for Landscape Mode and Different Screen Sizes - Android Tutorial
 
05:19
In this video we will learn, how we can provide different layout files for portrait and landscape mode and for different screen sizes by creating separate layout folders with different qualifiers like orientation, width, height, smallest width etc. Further reading: https://developer.android.com/training/multiscreen/screensizes.html ____________________ Subscribe to my channel: https://www.youtube.com/c/codinginflow?sub_confirmation=1 Want more Android tutorials? Check my playlist section: https://www.youtube.com/c/codinginflow/playlists Follow me on social media: Facebook: https://www.facebook.com/codinginflow Instagram: https://www.instagram.com/codinginflow Twitter: https://twitter.com/codinginflow Blog: https://codinginflow.com/
Views: 24312 Coding in Flow
How to set up your Sketchup Model for Layout
 
10:29
★ FULL TUTORIAL ★ http://www.MasterSketchup.com/how-to-set-up-your-sketchup-model-for-layout/ You don't always need to use section cuts to create elevations in SketchUp. By using the position camera tool, you can create a clipping plane, that slices through the model without having to deal with organizing section planes. ★★★ MY BOOK ★★★ SketchUp to LayOut - http://www.SketchuptoLayout.com ★ SUBSCRIBE TO MY CHANNEL ★ http://youtube.com/subscription_center?add_user=mastersketchupdotcom ★ FOLLOW ME ★ Tutorials & Videos - http://www.mastersketchup.com Facebook - http://www.facebook.com/mastersketchup Twitter - http://www.twitter.com/mastersketchup Google+ - https://plus.google.com/117179287519297974444/ ★ MORE SKETCHUP RESOURCES ★ http://www.mastersketchup.com/resources
Views: 226319 MasterSketchup
Introduction to Layout - The SketchUp Essentials #48
 
20:28
In this video, I give you an introduction to using layout to create architectural plans from your SketchUp models! ♦MORE LAYOUT RESOURCES♦ http://www.thesketchupessentials.com/layout ♦SUPPORT ME♦ http://www.thesketchupessentials.com/support Links to Layout Books SketchUp to Layout for Architecture (Affiliate Link) - http://www.thesketchupessentials.com/SULayoutArchitecture SketchUp to Layout (Affiliate Link) - http://www.thesketchupessentials.com/SULayout The SketchUp Workflow for Architecture (Affiliate Link) - http://amzn.to/2iUbkRQ *Affiliate disclaimer - I am an affiliate for some of these books, so if you purchase them through this link I will earn a small commission at no extra cost to you. These commissions help me offset the cost of running the SketchUp Essentials, so if you do end up purchasing, thank you very much! PLEASE LIKE AND SUBSCRIBE More SketchUp tutorials and resources at http://www.thesketchupessentials.com Check Us Out On - Twitter - http://www.twitter.com/easysketchup Facebook - http://www.facebook.com/thesketchupessentials Pinterest - http://www.pinterest.com/easysketchup/
Views: 20644 TheSketchUpEssentials
How to Design Custom Full Screen Page Layouts in Divi
 
11:37
Full-Screen page layouts can really come in handy in the world of web design. One main benefit of a full-screen page layout is visibility. With full-screen pages, all your page content remains within the browser window. In a world where users are quick to scroll, having all of your content contained within the browser viewport from the start can be refreshing for the viewer and could also help with conversions. If you are familiar with Divi, you should already know about the fullwidth header module that has full-screen functionality built in. This is a wonderful solution for creating full-screen pages with minimal content. But if you want to take advantage of building a full-screen page layout using a regular section with multiple rows and modules, this is the post for you. I’ll show you a few simple tricks to make sure your page content (even the header and footer bar) fit within your browser window and then scale nicely on different browser sizes. Read the article here: https://www.elegantthemes.com/blog/divi-resources/how-to-design-custom-full-screen-page-layouts-in-divi
Views: 2760 Elegant Themes
05. Managing page layout
 
00:52
This online training series will give you a step-by-step guide on how to use Resources in the Learning Management System known as LIFE®. You'll learn how to add, delete, modify, create and organise your Resources. In addition, you will learn how to set security preferences for these Resources to ensure users are viewing the intended information. Build on your knowledge of LIFE and become an expert by viewing all available LIFE training.
Views: 22 LIFE Tutorials
5 Website Design Hints. Web Design Tutorial For Beginners.
 
09:28
Do you want to make your website look awesome? These 5 Website Design Tips will help you make your website look like it was designed by a professional, even if you're not a professional website Designer. I made this a web design tutorial for beginners, because why not make your first website look awesome? Check out my favorite theme for easily building websites with WordPress. Divi theme Review: https://youtu.be/-TL8q3h79_Y Learn how to build your own awesome looking website step by step in my free YouTube Course: https://www.youtube.com/playlist?list=PLixt17_AZiCCjlLB2v8V1iT3Lw5TYhGD4 Easily create your own color palettes: http://paletton.com/ Free resources for great images: https://unsplash.com/ https://pixabay.com/ Paid resources for images for your website: https://www.istockphoto.com/ http://www.shutterstock.com/ Why you should create space in your website design: https://neilpatel.com/blog/website-clean-simple-design/ Why you should skip the sliders when designing pages: https://yoast.com/opinion-on-sliders/ https://www.cre8d-design.com/2016/01/carousels/ See if your website is mobile friendly: https://search.google.com/test/mobile-friendly Cool resources for font combinations: https://www.garettcreative.com/21-google-fonts-combinations-for-websites-brands/ How To Make A Website With WordPress: https://youtu.be/q6vlLdQnwHo The easiest way to install WordPress: https://youtu.be/ldYPMdYL-xA
Views: 167683 Real Website Hints
TKO Partners - How to use page layout resources
 
02:21
http://www.transformmybusiness.com This video shows TKO partners how to include TKO layouts in there own web site
Views: 71 tkobusinessmodel
5 MOST IMPORTANT TIPS for Modeling for Layout in SketchUp
 
08:36
In this video, I'll go through 5 of the most important tips for modeling in SketchUp for Layout. These tips will help you create architectural plans from your models in SketchUp. Want to Support the SketchUp Essentials? http://www.patreon.com/thesketchupessentials http://www.thesketchupessentials.com/support LAYOUT RESOURCE PAGE http://www.thesketchupessentials.com/layout MY YOUTUBE SETUP https://kit.com/TheSketchUpEssentials/sketchup-modeling-and-youtube-creation-kit (Affiliate Links) SKETCHUP BOOKS AND RESOURCES https://kit.com/TheSketchUpEssentials/sketchup-books-and-resources (Affiliate Links) MY CURRENT FAVORITE SKETCHUP PLUGINS AND EXTENSIONS https://kit.com/TheSketchUpEssentials/my-current-favorite-sketchup-extensions (Affiliate Links) PLEASE LIKE AND SUBSCRIBE Check Us Out On - Website - http://www.thesketchupessentials.com Twitter - http://www.twitter.com/easysketchup Facebook - http://www.facebook.com/thesketchupessentials Pinterest - http://www.pinterest.com/easysketchup/ Disclaimers: all opinions are my own, sponsors are acknowledged. Product Links in the description are typically affiliate links that let you help support the channel at no extra cost. MOST IMPORTANT TIPS for working in Layout In this video, I figured I’d make a video summing up some of the most important content so far for modeling for creating architectural drawings in Layout. Before I get started, I do want to thank my newest supporter on Patreon, William Fowler. Patreon is the website where you can support creators that you like on YouTube, so if you like what I’m doing on this channel, please check out that link in the notes down below. If you’re looking for more information on Layout, please make sure to check out thesketchupessentials.com/layout – I’m building that into a hub of information and resources about layout, so if you’re looking for more tutorials and other Layout information, that’s the place to go. Also, leave a comment below and let me know what resources/tutorials you’d like to see on that page. Tip 1 – Turn off Perspective When working in a SketchUp model, by default it has a perspective camera view, meaning that all the sight lines in the model run to a vanishing point. This is great for 3D views, but when you’re trying to create floor plans and elevations, you just want to have a straight up and down view. Go to the camera menu, then select “Parallel Projection” to turn off perspective to get the proper view for those floor plans. Tip 2 – Understand the difference between Raster, Vector, and Hybrid Layout has 3 different ways that it can render your images, and each has its own benefits. Vector rendering renders your lines so that they’re crisp and smooth, but does not render things like materials, so they’ll show up just as shaded colors. Raster renders complex materials, but your lines will show up choppy in your images. Finally, hybrid is a combination of both, allowing you to generate smooth lines and materials, but it comes at the cost of increasing rendering times on your PC. Knowing the difference can save you a lot of time in your models. Tip 3 – Use the preserve scale on resize check box One of the things that can be a little frustrating for new users of Layout is trying to resize and place drawings in your models. The reason for this is that often when bringing a new image into Layout, the images often lose their scale if you try to resize them. However, if you look in the SketchUp Model tab, make sure to check the “Preserve Scale on Resize” button to lock in your scale, so you can resize viewports without changing the scale of your models Tip 4 – Layer Views by unchecking the box for “Background” The way that you create your plans in Layout is by layering views on top of each other. However, sometimes you’ll try to drop a view on top of another view and you’ll find that it blocks the view beneath it. However, if you go into the styles viewport and uncheck the box for “Background,” Layout will make the background of your view transparent so you can stack it on top of your other layers. Tip 5 – Organize your model properly There’s probably no more important tip for working in layout than making sure that your model is organized properly. Because of the way that Layout works, you need to be able to turn layers and groups on and off to generate the plans that you’re looking for. If you start organizing your model as soon as you start modeling, this can be a fairly painless process. That’s where I’m going to end this video – leave a comment below and let me know what you thought. What tips do you have for working in Layout?
Views: 47620 TheSketchUpEssentials
CREATING A TITLE BLOCK for your Plans in Layout
 
19:31
In this video, learn the basics for creating a title block in Layout! Learn to save your title block so that it shows up on every page, as well as learning how to save it as a template for use in your SketchUp to Layout projects in the future! Want to Support the SketchUp Essentials? http://www.patreon.com/thesketchupessentials http://www.thesketchupessentials.com/support THE SKETCHUP ESSENTIALS COURSE http://www.thesketchupessentials.com/course MORE LAYOUT RESOURCES http://www.thesketchupessentials.com/layout MY YOUTUBE SETUP https://kit.com/TheSketchUpEssentials/sketchup-modeling-and-youtube-creation-kit SKETCHUP BOOKS AND RESOURCES https://kit.com/TheSketchUpEssentials/sketchup-books-and-resources MY CURRENT FAVORITE SKETCHUP PLUGINS AND EXTENSIONS https://kit.com/TheSketchUpEssentials/my-current-favorite-sketchup-extensions (Affiliate Links) PLEASE LIKE AND SUBSCRIBE Check Us Out On - Website - http://www.thesketchupessentials.com Twitter - http://www.twitter.com/easysketchup Facebook - http://www.facebook.com/thesketchupessentials Pinterest - http://www.pinterest.com/easysketchup/ The Layout is fairly simple – you just add your different text boxes, then you draw in dividers between them – the trick is using AutoText and Layers to get your title block to show up on every page. Let’s start by just drawing a very rough title block – line on the right, box at the lower right hand corner, then we’ll start adding some text. Before we do that, I need to introduce you to the concept of AutoText. AutoText is text that Layout will automatically fill in for you based on information that is set in your model – it’s almost like the text version of a component from SketchUp. You can see what AutoText information is available by going up to “File,” “Document Setup,” “Auto-Text.” These are the Items that are already in as AutoText, and you can adjust their values within this area. For example, let’s add our Address to our title bar. To start, add a text box with the value "Address" in it to your title bar. Now, change your address in the AutoText section. Notice that the text in your actual document changes to match what you’ve entered in your Document Setup. You can adjust the style of your text within the “Text Style Section.” Now, let’s add a logo in the upper right hand corner – just go to “File,” “Insert,” and find your logo image. In this case, we’re going to use the AutoText for "Page Number", along with a letter and a pair of numbers. You can add a page description section, dates, and other information in here as well. Notice that you can create a border around a text box by selecting “Stroke” in the “Shape Style” section. You can draw lines to separate your various sections, and adjust the way they look using the “Stroke” option in your Shape Style section of your tray. Now, let’s talk about getting this to show up on all your pages (or at least most of your pages). First, you’re going to want to select all of this. You can group it or not – I’d probably group it. Then, you need to add a layer for Title Block, and put all this geometry on that layer. You can check it by toggling it on or off. You should be able to drag it down near the bottom. Then, assuming you want this to show up on every page, you need to click the option for Share Layer Across Pages. This will result on this layer showing up in the same location across every page. You may want to click the lock button to keep from accidentally editing your title block. However, sometimes you have pages you don’t want this to show up on – simply turn the layer off on those pages! Now, let’s adjust our page numbering so numbering doesn’t start until after the first page. Simply go up to your Document Setup again and use the drop down to select the page you’d like your numbering to begin on. Finally, you can save this block as a template so you can use it in future projects by simply going up to “File,” “Save as Template,” and saving it under your “My Templates” folder. Disclaimers: all opinions are my own, sponsors are acknowledged. Product Links in the description are typically affiliate links that let you help support the channel at no extra cost.
Views: 15722 TheSketchUpEssentials
Essential Web Design Resources | CharliMarieTV
 
05:59
Talking web design and my essential resources for inspiration, assets and tools. Please remember to subscribe http://bit.ly/1aE5UOT If you're a web designer, or if you're just stepping out into the world of web design, I hope this video filled with resources comes in handy. Links to all of the resources are below, and please let me know if you're interested in a Sketch for beginners video! // INSPIRATION Land Book: http://land-book.com/ SiteInspire: http://www.siteinspire.com/ Call-to-idea: http://www.calltoidea.com/ Coolors: https://coolors.co/ // ASSETS Noun Project: https://thenounproject.com/ Google web fonts: https://www.google.com/fonts The Designers Foundry: https://www.thedesignersfoundry.com/ // TOOLS Sharpe and paper Sketch: https://www.sketchapp.com/ Sketch content generator: https://github.com/timuric/Content-generator-sketch-plugin Invision: https://www.invisionapp.com/ Wireframing video: https://youtu.be/PmmQjLqJQlY ----------------------------------------------- // ABOUT ME Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends :) ----------------------------------------------- // LINKS Sign up for my monthly update newsletter full of interesting videos, blog posts and websites: http://eepurl.com/bq2KU1 My blog: http://www.charlimarie.com My apparel company, Liner Note Kids: http://linernotekids.com/ My design portfolio: http://charliprangley.com/ Twitter: https://twitter.com/charliprangley Instagram: http://instagram.com/charliprangley Facebook: http://www.facebook.com/charlimarieTV My sister SmayJay's channel: http://www.youtube.com/channel/UCHwfFu023JtowO8sL_ymoSg ----------------------------------------------- // MUSIC Hackbeat by Kevin MacLeod is licensed under a Creative Commons Attribution licence (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100805 Artist: http://incompetech.com/
Views: 44676 CharliMarieTV
Download the Free Divi Photo Gallery Page Layout Pack
 
03:01
In this video we show you how to download and deploy our free Divi Photo Gallery Page Layout Pack. This layout pack consists of five page layouts perfect for showing off your images. Download it here: http://www.elegantthemes.com/blog/divi-resources/free-divi-photo-gallery-layout-pack-5-stunning-gallery-page-layouts-in-one-convenient-download
Views: 30888 Elegant Themes
Free Divi Download: Creative Portfolio Pages Layout Pack
 
04:16
In this tutorial I show you step by step how to install our Free Creative Portfolio Pages Layout Pack. This is absolutely FREE and you can download it here: http://www.elegantthemes.com/blog/divi-resources/free-divi-download-creative-single-page-portfolio-layout-pack
Views: 7680 Elegant Themes
Download Divi's FREE Landing Page Layout Pack Built With Our  Wireframe Kit
 
06:28
In this video, I show you step by step how to import and use our FREE Landing Page Layout Pack Built With Our Wireframe Kit. They were built using elements from the wireframe kits vol. 1 and vol. 2. You can start using these immediately and here is the download link: http://www.elegantthemes.com/blog/divi-resources/download-another-free-divi-landing-pages-layout-pack-built-with-our-expanding-wireframe-kit
Views: 9192 Elegant Themes
How to Use CLIPPING MASKS in Layout
 
09:56
In this video, learn to use clipping masks to hide and show different sections of your drawings in Layout. This effectively allows you to adjust the size (height and width) of section planes in your Layout documents that you create from your SketchUp models! MORE LAYOUT RESOURCES http://www.thesketchupessentials.com/layout Want to Support the SketchUp Essentials? http://www.patreon.com/thesketchupessentials http://www.thesketchupessentials.com/support THE SKETCHUP ESSENTIALS COURSE http://www.thesketchupessentials.com/course SKETCHUP EXAMPLE MODELS Beach House Link - https://3dwarehouse.sketchup.com/model/695c2476-816b-4086-87a7-c37b94d9293c/Beach-house Sz Christophe Models - https://3dwarehouse.sketchup.com/by/chris3Dskp?nav=models MY YOUTUBE SETUP https://kit.com/TheSketchUpEssentials/sketchup-modeling-and-youtube-creation-kit SKETCHUP BOOKS AND RESOURCES https://kit.com/TheSketchUpEssentials/sketchup-books-and-resources MY CURRENT FAVORITE SKETCHUP PLUGINS AND EXTENSIONS https://kit.com/TheSketchUpEssentials/my-current-favorite-sketchup-extensions (Affiliate Links) PLEASE LIKE AND SUBSCRIBE Check Us Out On - Website - http://www.thesketchupessentials.com Twitter - http://www.twitter.com/easysketchup Facebook - http://www.facebook.com/thesketchupessentials Pinterest - http://www.pinterest.com/easysketchup/ Disclaimers: all opinions are my own, sponsors are acknowledged. Product Links in the description are typically affiliate links that let you help support the channel at no extra cost. If you remember, I recently did a video on using multiple section cuts to simulate section cut widths within SketchUp. That definitely works within SketchUp for adjusting the visibility within your model. However, this can also get really complicated when dealing with having to create different groups, put the different section cuts within the groups, etc. In this video, I’m going to talk about how you can quickly adjust views within Layout using clipping masks to show only what you want. If you’re looking for more Layout tutorials, make sure to check out my Layout resources page at www.thesketchupessentials.com/layout. My 3D Warehouse example model for today’s video is the Beach House by Sz. Christophe. I will link to this model, in addition to all of his other models, in the notes down below. In this case, I’m going to take a section cut view through this house. We’ll go ahead and create a view that we’ll then export to layout. You’ll notice that this view shows a cut through the entire house. Let’s go ahead and export this view to Layout. You can do this by going to File, Send to Layout. This will then bring up Layout. Select a page template if you haven’t already, then click ok. This will bring up your view within Layout as a viewport. Now let’s set a scale within our model. Pick a scale that you think best fits within the page we’re trying to create – in this case for me, this means a scale of 3/8” = 1’0”. Now that our image is sized, we’re going to create a clipping mask to hide the parts of the model we don’t want to see. To do this, we’re going to draw a box over our view that covers the areas of the model we want to see within our viewport. Once you’ve drawn your box over your image, you need to select both the box and the viewport, then go up into edit, and select the option for “create clipping mask.” This will mask out all areas of your model that aren’t covered by the rectangle you drew. Now, as you can see, you’re showing only the parts of your viewport that you’d like to show. If you decide you want to adjust your mask, simply go up to edit, and select “Release clipping mask” to turn off the mask so that you can make edits. If you guys are interested, I can make another video on using clipping masks to create enlarged details in Layout – leave a comment and let me know!
Views: 2882 TheSketchUpEssentials
FREE Divi Profile Page Layout Pack
 
04:01
In this video, I show you how to install and setup the FREE Divi Profile Page Layout Pack. This is ideal for making a statement in style. It very easy to customise after installing it. Get the free download here: http://www.elegantthemes.com/blog/divi-resources/free-divi-download-the-profile-pages-layout-pack
Views: 8590 Elegant Themes
CSS Grid Layout Crash Course
 
27:55
In this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items. CODE: Code for this tutorial http://www.traversymedia.com/downloads/cssgrid.zip BUILD A CSS GRID WEBSITE: https://www.youtube.com/watch?v=moBhzSC455o BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses
Views: 706437 Traversy Media
Creating a New Resource Instance During Page Layout in the OASIS CMS
 
01:13
In this video, learn how to create a new resource instance during the process of page layout using the OASIS web content management system.
Bootstrap Responsive Layout Tutorial
 
19:40
In this lesson we learn how the Bootstrap column grid system makes creating responsive layouts incredibly simple. We also create a responsive navigation menu! Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF Demo files: http://learnwebcode.com/bootstrap-responsive-layout-tutorial/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow LearnWebCode on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 90759 LearnWebCode
3 Free Beautiful Project Page Layouts (& How to Build More with the Divi Builder)
 
05:30
In today’s blog post we’re giving away three portfolio project layouts that are great go-to layouts for displaying your work. They also make a great starting point for new and re-mixed layouts that you come up with yourself. My goal in including these freebies in this miniseries is to jumpstart the process of figuring out how best to display your work. By giving three different options that you can try right away my hope is that you’ll see what works, what doesn’t, what you like, and what you don’t like. Here is a link to the post: https://www.elegantthemes.com/blog/divi-resources/3-free-beautiful-project-page-layouts-how-to-build-more-with-the-divi-builder
Views: 10496 Elegant Themes
4 Ways to CREATE DETAILS in Layout (SketchUp to Layout Tutorial)
 
17:13
In this video, learn 4 different ways to create different kinds of details for your Layout plans from your SketchUp models. MORE LAYOUT RESOURCES http://www.thesketchupessentials.com/layout NICK SONDER VIDEOS https://www.youtube.com/watch?v=iTKmwiTEdQ8 https://www.youtube.com/watch?v=rcNDMVOJZ08 SKETCHUP TO LAYOUT FOR ARCHITECTURE BOOK (Affiliate LInk) http://www.thesketchupessentials.com/SULayoutArchitecture Want to Support the SketchUp Essentials? http://www.patreon.com/thesketchupessentials http://www.thesketchupessentials.com/support THE SKETCHUP ESSENTIALS COURSE http://www.thesketchupessentials.com/course MY YOUTUBE SETUP https://kit.com/TheSketchUpEssentials/sketchup-modeling-and-youtube-creation-kit SKETCHUP BOOKS AND RESOURCES https://kit.com/TheSketchUpEssentials/sketchup-books-and-resources MY CURRENT FAVORITE SKETCHUP PLUGINS AND EXTENSIONS https://kit.com/TheSketchUpEssentials/my-current-favorite-sketchup-extensions (Affiliate Links) PLEASE LIKE AND SUBSCRIBE Check Us Out On - Website - http://www.thesketchupessentials.com Twitter - http://www.twitter.com/easysketchup Facebook - http://www.facebook.com/thesketchupessentials Pinterest - http://www.pinterest.com/easysketchup/ Disclaimers: all opinions are my own, sponsors are acknowledged. Product Links in the description are typically affiliate links that let you help support the channel at no extra cost. I wanted to talk about a couple different ways you can display details in your layout documents. 1. The first way is obviously the easiest – simply create a 3D view of your detail, then import that viewport into Layout (Detail Credit – Metal Coping Detail by International Masonry Institute). One thing to note if you do this is that you can only set it to a scale if you turn your perspective view off. These details can actually be very helpful for contractors as they show/indicate in a 3D space how the assembly actually looks. 2. Option 2 – Model your detail in SketchUp, then create a 2D view and import into Layout. This works in a very similar manner to if you were to create a building elevation. Simply create your view, then save and create a workspace with your scene. 3. Option 3 – Draw your details directly in Layout. I find this option to be a bit clunky – I’m not a giant fan of the way things inference in Layout, but you can directly draw within a model in layout with the “Make Scaled Drawing” option. Simply select your scale and start drawing. 4. Option 4 – You can also adjust your details that you get out of SketchUp by drawing over them to allow for patterns, hatching, and other information. I’m also going to link to a couple videos from SketchUp and Nick Sonder where he talks about creating details. If you’re looking for more layout resources, make sure to check out www.thesketchupessentials.com/layout. That’s where I’m going to end this video.
Views: 19223 TheSketchUpEssentials
Upgrade Your Divi Blog Page with a Background Designed for the Grid Layout
 
10:53
Creating a grid layout for your blog is a great way to organize your posts. Divi makes this extremely easy with the Blog Module. In just a few seconds you can deploy a functioning blog grid layout to your page. And you can even utilize the many design settings to customize the look of your blog grid in many ways. But today, I’m taking things to another level. In this tutorial, I’m going to show you how you can create multiple background layers to frames your three-column blog grid with a beautiful and symmetrical design. Hopefully, you can use these design techniques to create a blog page guaranteed to impress. Read the full article here: https://www.elegantthemes.com/blog/divi-resources/upgrade-your-divi-blog-page-with-a-background-designed-for-the-grid-layout
Views: 3444 Elegant Themes
Download A Free Web Agency Divi Layout Pack
 
07:39
Hey Divi Nation, thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. This week Kenny and his team have created a Web Agency Layout Pack with seven different page layouts that will provide everything a Web Agency will need to get up and running in minutes. This layout pack includes some important "must haves" for a Web Agency, including a pricing page, a services page, and a portfolio page. The design is tastefully colorful and clean throughout. The background images stage the content in creative and effective ways. I particularly love the CTA on the Services page. The Pricing page has exceptional color schemes with some valuable sections for establishing credibility (the trusted brands section is a nice touch). Plus, with the thoughful inclusion of text (not just dummy text), I would expect any agency would be able to use these layouts out of the box, with only minor adjustments. Download the layout pack here: https://www.elegantthemes.com/blog/divi-resources/download-a-free-web-agency-divi-layout-pack
Views: 7784 Elegant Themes
Download a FREE Cyber Monday Software Release Landing Page Layout for Divi
 
03:27
Hey Divi Nation, welcome to a special video featuring an exclusive Divi Layout only available to Lifetime Members and those who take advantage of our Cyber Monday sale. In this video, we are going to show you how to use the free Software Release Landing Page Layout. If you’re a new customer during the Cyber Monday sale or an existing Lifetime Member you can download this new layout by clicking the link below: https://www.elegantthemes.com/members-area/upgrade/cyber-monday-2018/download/ Get 25% Off Divi, 6 Free Layouts, and MORE here: https://www.elegantthemes.com/discount/cyber-monday-2018/ If you’d like to follow along with this tutorial, we’ve written it up as a blog post here: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-pop-up-demo-video-on-click-with-divis-cyber-monday-software-release-layout
Views: 1318 Elegant Themes
XFRM Resources Layouts (XF2)
 
00:50
A quick preview of the XFRM Resources Layouts add-on for XF2 Purchase the add-on: https://xenforo.com/community/resources/ha-xfrm-resources-layouts.5971/ https://xen-pro.com/products/ha-xfrm-resources-layouts.28/
Views: 702 Xen Pro
Equal Height Columns - CSS Layout Tutorial
 
02:41
In this CSS tutorial we learn how to achieve equal height column backgrounds. Check out my 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow LearnWebCode on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 22040 LearnWebCode
Typography: Part 2 of Page Layout - October 2014 Xara Xone
 
14:51
Free Resource Files at http://www.xaraxone.com/tutorials/page-design-part-two-typography/ Discussion in the XaraXone forum on TalkGraphics.com Using Xara Designer, Gary shows you how to design using type as creatively as putting pictures together. From the ongoing "Page Layout Series" on XaraXone.com, this video is bound to spark some ideas and more clever designs of things everyone reads.
Views: 3092 XaraXone
How to make a Professional Powerpoint slide! Create slide template | Free resources | PowerPoint Pro
 
08:40
Learn how to make a professional Powerpoint slide in this microsoft powerpoint tutorial ! Create this slide template with free resources . This is a basic powerpoint theme and template making tutorial | PowerPoint Pro Download the font (avant G bold) free: http://ufonts.com/fonts/avant-g-bold.html Download the city image : https://www.google.com/imgres?imgurl=http%3A%2F%2Ffiles.vividscreen.info%2Fsoft%2F9ca16e4ff701ec7926595d3018db4cf4%2FEmpire-State-City-2880x1920.jpg&imgrefurl=http%3A%2F%2Fcz.vividscreen.info%2Fpic%2Fempire-state-city%2F6618%2Ffor-android-2880x1920&docid=UELx_H7tceavtM&tbnid=D2RB2D3Z_vaMkM%3A&w=2880&h=1920&hl=en&bih=637&biw=1280&ved=0ahUKEwiq4Lzml_jNAhUITY8KHRbOB0MQMwgeKAAwAA&iact=mrc&uact=8 Download the laptop image : https://www.google.com/imgres?imgurl=http%3A%2F%2Fgis.fns.uniba.sk%2Ffeciskanin%2Fimg%2FpcL2.png&imgrefurl=http%3A%2F%2Fgis.fns.uniba.sk%2Ffeciskanin%2F&docid=xk1gxml_1hQY4M&tbnid=Yd13ckTxqb764M%3A&w=1200&h=727&hl=en&bih=637&biw=1280&ved=0ahUKEwjJ7tqKmPjNAhVENI8KHXnpBT0QMwglKAcwBw&iact=mrc&uact=8 This tutorial was done using Microsoft PowerPoint 2013 :D You can contact me at! https://www.facebook.com/sadman.sadik.503 https://bd.linkedin.com/in/sadmansadik Facebook Page: https://www.facebook.com/PowerpointPro/ If you’re a Bangali you can check out my videos at: https://www.youtube.com/channel/UCL89KKkLs0tZKld-iIS3NGw/playlists?shelf_id=12&view=50&sort=dd Powerpoint can be an awesome tool for vector arts! Hope this video ignites creative inspiration: D You can also check out some of my slide on slideshare! http://www.slideshare.net/100006078280496/10-basics-of-slidemaking Powerpoint can be an awesome tool for vector arts! Hope this video ignites creative inspiration: D Follow through this simple video and learn how easy it is to create super cool and simple icon in a blink of an eye. Powerpoint 2013 was used making this video! You may suggest any icon or animation you want me to make a tutorial on! Don’t forget to hit the subscribe button of this channel: https://www.youtube.com/channel/UC41u3UM1Sm6Jm_ptXpHQi2A
Views: 856520 Powerpoint Pro
Elementor Pro Tip: How to Easily Create More Complex Nested Layouts
 
05:55
NOTE: The Columns widget is now called 'Inner Section' instead. It's exactly the same thing. https://www.designbuildweb.co/elementor-nested-sections/ Elementor makes creating beautiful responsive layouts in WordPress drag-n-drop easy. But many people get stuck creating more complex layouts, when you want multiple rows of different numbers of columns but all in the same section. It’s really easy - you just have to know how. In this video, I take you through it, step-by-step. (Want to know more about the potential layout issues I mention at 2:43? Here: https://www.youtube.com/watch?v=FCbdn1NiGxo) RESOURCES USED: Elementor page builder: https://www.designbuildweb.co/recommends/elementor/
CSS page layouts: Column height considerations | lynda.com tutorial
 
07:13
This CSS tutorial describes how to customize your web site's column size to accommodate how browsers calculate the height of elements. Watch more at http://www.lynda.com/Web-Interactive-CSS-tutorials/CSS-Page-Layouts/86003-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-86003-0308 This specific tutorial is just a single movie from chapter three of the CSS: Page Layout course presented by lynda.com author James Williamson. The complete CSS course has a total duration of 8 hours and 57 minutes, and introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning CSS: Page Layout table of contents: Introduction 1. Layout Basics 2. Design Considerations 3. Working with Floats 4. Positioning Elements 5. Building Fixed Layouts 6. Building Flexible Layouts 7. Building Responsive Layouts 8. Enhancing Page Design Additional Resources
Views: 1754 LinkedIn Learning
Download the Free Divi Landing Pages Layout Pack
 
03:56
In today’s post we’re giving away a layout pack containing three new Divi Landing Pages, originally designed with the Wireframe Kit Vol. 1, and then finalized with content. Watch the Wireframe Kit Vol. 1 here: https://www.youtube.com/watch?v=F5jN6Lo3Lkg Download the layout kit here: http://www.elegantthemes.com/blog/divi-resources/download-the-free-divi-landing-pages-layout-pack-built-with-wireframe-kit-vol-1
Views: 11082 Elegant Themes
Google Docs - Tutorial 02 - Advanced Layout - Create a Resume or CV
 
09:07
Have you ever needed a creative, yet professional looking resume? Find out how to create your very own professional looking resume in the following video: All you need is your trusty Google account and some creativity. UPDATE: Hi everyone, First of all, thank you for all these positive comments! I really appreciate your feedback and thus have decided I would start sharing some of my files created in these videos. You can use these to practice the different tips and tricks. Feel free to change them however you want, or use them for your teaching in class or personal use. Find this Template and more on our Website's Free Resources Page: http://www.eduflip.net/p/free-resources.html Let me know what you think about this and which files you would like to see shared next! ----------- As always if you found this helpful, subscribe today and find us on one of the following websites: Flipped Classroom Tutorials Blog: http://flippedclassroomtutorials.blogspot.com Flipped Classroom Tutorials Facebook Page: https://www.facebook.com/flippedclassroomtutorials/ Support the creation of these Tutorials on Patreon: https://www.patreon.com/flippedclassroom GEG West Bangkok Blog: http://gegwestbkk.blogspot.com/ GEG West Bangkok Community: https://plus.google.com/communities/111168124474000629179 Looking to create your own videos like this to 'flip' you class? I use Techsmith Camtasia and Snagit and love it! Get it Here with Educational pricing for Students and Educators(Affiliate Link): http://send.onenetworkdirect.net/z/599667/CD231874/
Responsive Portfolio Grid CSS Website Layout (PART 2)
 
13:22
Hey, Pixels! Welcome back to part 2 of this responsive portfolio website tutorial. In this video, I’ll show you how to code this responsive clean modern one-page portfolio website using the latest techniques in web development, CSS Grid and Flexbox. For design assets and details, read the related article here: http://bit.ly/2tCn6BH ___ ♥︎ THE XO PIXEL SHOP ▸ XO PIXEL Sticker Pack: http://bit.ly/2nowEz1 ▸The Essential HTML5 & CSS3 Reference Sheet: http://bit.ly/2nU8qgY ♥︎ M O R E V I D E O S ▸ Web Design Speed Art Modern Website | http://bit.ly/2nfhEjF ▸ Adobe XD App Design | http://bit.ly/2nrf3UG ▸ Responsive Animated Image Grid | http://bit.ly/2o7tyAp ▸ Nexus 6P Unboxing & Review | http://bit.ly/2iNiyRJ ▸ TIDAL REVIEW: Is It Worth It? (2016) | http://bit.ly/2imcyRf ___ ♥︎ R E S O U R C E S 💌 Sign-up to my weekly newsletter to get your FREE HTML & CSS Coding Cheat Sheets: http://xopixel.com/?p=4004 📚 My Favorite Books: Coding: http://amzn.to/2nr0wso Typography: http://amzn.to/2odhevl Web Design: http://amzn.to/2nfeIUr 🎥 My equipment for my YouTube videos & Blog: Camera: http://amzn.to/2nzeVVs Microphone: http://amzn.to/2n2l7RN ___ ♥︎ F O L L O W ▸ blog | http://xopixel.com ▸ facebook | http://facebook.com/xopixell ▸ twitter| http://twitter.com/xopixell ▸ instagram | http://instagram.com/xopixell ▸ pinterest | https://www.pinterest.com/xopixel/ Subscribe to XO PIXEL for new videos every week! https://www.youtube.com/channel/UC97rIjLDrO9ji6oAQsfgyiw?sub_confirmation=1 ___ ♥︎ FILMED & EDITED BY MARISA BLAIR ___ ♥︎ A B O U T XO PIXEL is the place to grow your love for design, code, and technology! Explore tutorials, articles, and freebies to become inspired and creative as you develop your web design, coding, and graphic design skills. The articles and tutorials have reached hundreds of thousands of people online, in hundreds of countries around the world. Since beginning in 2014, XO PIXEL’s mission is to provide creative and inspiring design and coding tutorials and helpful articles for enthusiastic learners online. ___ FOR BUSINESS INQUIRIES: [email protected] ___ Disclaimer: This is NOT a sponsored video. Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my description.
Views: 22649 XO PIXEL
CSS Column Layout (Template) Tutorial
 
09:59
In this CSS tutorial we learn how to create a simple two column layout by hand. Check out my 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF Link to Clearfix code: http://learnwebcode.com/clearing-css-floats-clearfix/ Link to this demo's HTML code: http://learnwebcode.com/tutorial-files/css-column-layout-tutorial/ Link to this demo's CSS code: http://learnwebcode.com/tutorial-files/css-column-layout-tutorial/css/main.css Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow LearnWebCode on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 50130 LearnWebCode
WordPress Flexible Content Layouts
 
22:08
In this video you will learn how to create WordPress flexible content layouts using Advanced Custom Fields Pro. This is like creating your own page builder for WordPress. Install ACF Pro: https://www.advancedcustomfields.com/pro/ Example Code: https://www.advancedcustomfields.com/resources/flexible-content/ Create your own WordPress options page with ACF: https://www.youtube.com/watch?v=Dlsr5uVOMRI Tweet me! https://twitter.com/ieatwebsites
Views: 720 iEatWebsites
Free Download: Divi Split Screen Layout Kit
 
04:13
In this video Nathan B. Weller shows you how to download, install, and use the free Divi Split Screen Layout Kit. Get the free download here: http://www.elegantthemes.com/blog/divi-resources/free-divi-split-screen-layout-kit
Views: 18953 Elegant Themes
CSS Grid Layout // Introduction
 
41:40
This video introduces you to CSS Grid Layout, the new way to layout websites using only CSS (no frameworks). I'll show you the key parts of creating the grid structure and also give some really cool examples at the end of what is possible with Grid. I'm super excited about it and hope that you'll take the time to get through this (relatively) long video! ---------------------------------------------------------- MORE RESOURCES CSS Grid Layouts Pen: http://codepen.io/collection/noLOaw/ Grid-based Magazine Layouts (Easy and Safe for the Web): http://codepen.io/collection/DxZojm CSS-Tricks Guide to Grid: https://css-tricks.com/snippets/css/complete-guide-grid/ Grid by Example (Rachel Andrews): http://gridbyexample.com/ Jen Simmons's Grid Layout Lab: http://labs.jensimmons.com/ ---------------------------------------------------------------- If you like this video, please click the thumbs up. And don't forget to subscribe to get notifications of more of my content. I'm almost to 100 videos so there is a lot of content on my channel. Questions or comments? Leave them in the comments section or contact me on Twitter: @brianhaferkamp ----------------------------------------------------------------
Views: 36291 Brian Haferkamp
APA Style Reference Page
 
02:43
Learn how to format your APA-style reference page.
Views: 721713 LIB150
Free Divi FAQ Layout Pack
 
02:51
In this video we show you how to install and use the free Divi FAQ Page Layout Pack. You can find this download for free in our Divi 100 Marathon series on the Elegant Themes blog, counting down to Divi 3.0 Get the layout pack: http://www.elegantthemes.com/blog/divi-resources/free-divi-faq-layout-pack
Views: 11275 Elegant Themes
Wordpress Web Design tutorial: designing your top level web page templates
 
09:29
Get my blueprint cheat sheet here http://bit.ly/webblueprints. In this video I'll cover the main assets to a web page including page navigation, banners, sidebar design, footer, and body page specs. I'll include things like word count, keyword saturation, video placement, and outbound links as well as links to other videos on similar topics. Don't forget to share this video with your friends who are struggling with website design! For every subscriber, YouTube pays me a piece of chicken and a can of beans so PLEASE Subscribe to my channel: http://bit.ly/XkdbXS --------------------------- Video Notes: ************************1. Create templates************************ Now a, a big problem that I see with business owners and like clients that hire me and, and other Wordpress web designers is for every page, they're designing like, a new page. You know, it's like well, we need to add a new page to our website. It's like, oh great, I gotta design a whole nother page. Now it doesn't work that way, you need to be creating templates and a lot of website, website themes today support a template based system. So what we do is we create a series of templates that you can now export to the rest of your pages. But it's still important that those templates. ************************2. Top level Navigation************************ First of all, and of course, you know, like you're, you're always, this could be your social media links up here. This could be like your phone number, or an email button. You know, having those, always able to contact me, buttons, I think is a good idea. Up here you've got your navigation tabs. Now, when I first started in this, it was kind of like the thinking that you should have seven navigation tabs. I don't agree with that anymore. I think that you need to have like four or five, tops, and they need to be very simple. Every single one of them should be directed at converting a viewer to sale. So you don't need one of these navigation tabs to say home. Right? Cuz typically your logo will lead you home. You, you need it to say something like, About Us. What we offer. How to work with us. And our blog. Something like that. Wordpress web design tutorial Designing a top level web page template ************************3. Sidebar and Footer************************ I believe in side bars. Some people are doing like this whole page design, that's okay. That's fine. If that's the, the intent of your site. I like side bars because it enable me to, to engage with the viewer in different ways. Use related pages for your web design- It might be helpful to have YouTube. You know, YouTube marketing. Landing page videos. Video production. Video bumpers. You know? Maybe even a tag that says, what are you looking for? And then underneath that I have a little circle there. Which I typically use to represent a testimonial. So maybe you've got. A Wordpress testimonial widget right in there, where it's, every time it's refreshed, a new testimonial pops up, right. So you're engaging with the viewer that way. You might even have like social media links on, experimenting with an Instagram box. We'll see how that turns out. Let's go to your, I'll come up to the main page last, go to your footer. Your footer here is a huge resource. I like to have a three or four box footer that maybe has, like, you know, a summary about us, maybe our social links and then, maybe, like, a schedule, like schedule with me, or a work with me, right. And this could be an image. Maybe it looks like a contact box, but it's an image, and when you click it. It will go back to that work with us page, see. And then maybe in here you've got something you like your blog roll. Right? So your, your latest and greatest blogs. Or maybe it's like your most popular blogs which you know, you can, you can work that out with some plug ins. ************************4: Main Page************************ In your main page or top level design page, your main body, let's go back to that. Okay, we said about 400 words. But look at how I have it structured. I have an image up at the top and then I have some text right next to it. Now underneath that I have more text. Underneath that I have some bullet points. So basically what you have here is you've got, you know, everything you really need to convert that viewer. Right up here, right up there. And then you're gonna say something like let's dig into that a little bit more because you don't want them necessarily moving off of your page, right? --------------------------- For more information: WEB: http://thevideospot.net TW: http://www.twitter.com/owenhemsath FB: http://www.fb.com/yourvideospot
Views: 240675 Owen Video
Download a FREE Cyber Monday Furniture Sale Landing Page Layout for Divi
 
04:19
Hey Divi Nation, welcome to a special video featuring an exclusive Divi Layout only available to Lifetime Members and those who take advantage of our Cyber Monday sale. In this video, we are going to show you how to use the free Furniture Sale Landing Page Layout. If you’re a new customer during the Black Friday and Cyber Monday sale or an existing Lifetime Member you can download this new layout by clicking the link below: https://www.elegantthemes.com/members-area/upgrade/cyber-monday-2018/download/ Get 25% Off Divi, 6 Free Layouts, and MORE here: https://www.elegantthemes.com/discount/cyber-monday-2018/ If you’d like to follow along with this tutorial, we’ve written it up as a blog post here: https://www.elegantthemes.com/blog/divi-resources/how-to-add-your-best-customer-reviews-to-divis-cyber-monday-furniture-sale-landing-page-layout/
Views: 928 Elegant Themes
Design a Striking Divi Product Layout with Image Perspective and Colorful Abstract Waves
 
20:09
In this tutorial, I’m going to show you how to use Divi to design a beautiful product layout using a few simple (yet powerful) design techniques. When creating the layout, I’ll cover how to add three-dimensional perspective to any image with one short custom CSS snippet. Then I’m going to show you how to stack section dividers to create an abstract multi-coloured wave to divide your content. And, I’ll even throw in an easy tip to keep your dual CTA buttons the same width. Read the article here: https://www.elegantthemes.com/blog/divi-resources/design-a-striking-divi-product-layout-with-image-perspective-and-colorful-abstract-waves
Views: 4025 Elegant Themes