Home
Videos uploaded by user “Brian Haferkamp”
Mobirise Google Analytics | Video 22 of 27
 
04:42
Learn how to insert your Google Analytics tracking code into the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 5929 Brian Haferkamp
Mobirise Slider Setup | Video 4 of 27
 
06:59
Learn how to set up the slider element in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 10882 Brian Haferkamp
Mobirise Menu Setup | Video 2 of 27
 
16:13
Learn how to set up a navigation menu in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 32884 Brian Haferkamp
Mobirise Download & Setup | Video 1 of 27
 
06:52
Learn how to begin your website project by downloading and setting up the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 42401 Brian Haferkamp
Mobirise Image Galleries | Video 6 of 27
 
06:30
Learn how to set up image galleries in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 8098 Brian Haferkamp
Mobirise Publish to Local Folder | Video 24 of 27
 
05:13
Learn how to publish your Mobirise website to a local folder on your computer. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 5868 Brian Haferkamp
Mobirise Website Creator
 
24:44
Learn more about Mobirise and how it can help you create a beautiful and modern website with no coding. It's the best WYSIWYG website editor I've come across. View the full Mobirise Tutorial Playlist on YouTube: https://www.youtube.com/playlist?list=PLMklnyuK-t1GYsDGySazAKEYzOpzZK8Ao Visit the Complete Website Builder Tutorial for more Mobirise tutorial videos and resources: http://websitetutorial.highwaywebconsulting.com Pressed for time or just want a pro to build your website for you? Contact me at [email protected], and I'll help you get a modern, beautiful website set up for your company or organization.
Views: 42488 Brian Haferkamp
Build a CSS Grid Website // Video 1
 
04:42
In this video, you'll learn: The basics of the project and what we hope to accomplish. Project Code: https://codepen.io/brianhaferkamp/pen/awOzej Build A CSS Grid Website Series: Learn how to build a modern website using CSS Grid Layout and Flexbox. This video series shows you how to use CSS Grid as a layout tool for your entire website, not just a small grid. Watch all of the videos in this series: https://www.youtube.com/playlist?list... Please comment and subscribe to the channel! Did you know I'm also on Patreon now? Learn how you can help support my teaching and get more content and community: https://www.patreon.com/brianhaferkamp
Views: 4170 Brian Haferkamp
Mobirise Article Elements | Video 11 of 27
 
07:43
Learn how to insert and edit article elements in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 4249 Brian Haferkamp
Ideal Image Sizes in Mobirise
 
14:31
I get a lot of questions about image sizes so in this video we do an experiment to see what are ideal image sizes in Mobirise, the free drag and drop website editor. You'll also gain some general knowledge of how images work online and why we should optimize images for the Web. Want more advanced Mobirise tutorials? View our playlist: https://www.youtube.com/playlist?list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI View all of our basic Mobirise tutorials in one place: http://websitetutorial.highwaywebconsulting.com Don't forget to subscribe to my channel to get notifications of new videos! ******************************************************************** Thanks to everyone who has subscribed. I hope that these tutorials are helping you to build a better website. ********************************************************************
Views: 9351 Brian Haferkamp
Semantic Elements and Structure // HTML5 Basics
 
27:06
Learn how to create the structure of your website using semantic elements in HTML5. This concept is very important for helping sighted and non-sighted users navigate your website. The better your structure, the better your website. We'll explore all of the HTML5 tags that give your code meaning to users, other developers, and bots. View the code for this video to try it yourself. Link to code in video: http://codepen.io/brianhaferkamp/pen/JEeRjV/ ------------------- This course will teach you HTML5, the newest version of the HTML language. HTML is the skeleton of a website that contains all of the actual information that a browser renders, giving the web page its structural elements. We will learn about common HTML5 tags and create a one-page website as a project that will serve as a basic template for you to use. The concepts of that one-page website will also give you the tools to create a multi-page website. Find more HTML5 Basics videos in this playlist: https://www.youtube.com/playlist?list=PLMklnyuK-t1HksWhgEbehXrCmncQ9SAAw
Views: 15070 Brian Haferkamp
Mobirise SoundCloud Extension | Video 8 of 27
 
03:07
Learn how to place SoundCloud audio files in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 5038 Brian Haferkamp
How to use an API to get data for your web app
 
48:11
Learn how to access data through an API to get data for your website or application. Using the Unsplash API, I will show you how to connect and gather the data to output on your site. You'll learn how to: - Use the .getJSON() method in jQuery - Set up an API key with Unsplash - Connect to a JSON file on a remote server using AJAX - View and extract data from a JSON object - Output the data to the browser If you have any questions or comments, please leave them in the comments section. Please like and/or share this if your friends will find it helpful. _______________________________________________ RESOURCES Code on Codepen https://codepen.io/brianhaferkamp/pen/KopOwz/ Unsplash Developers API https://unsplash.com/developers jQuery .getJSON() documentation http://api.jquery.com/jquery.getjson/ Unsplash Website https://unsplash.com _______________________________________________ If you're interested in getting more web development and design tutorials, please subscribe to my channel. You'll be notified when new videos are posted.
Views: 25505 Brian Haferkamp
Mobirise Publish by FTP | Video 23 of 27
 
12:34
Learn how to publish your Mobirise website by FTP (File Transfer Protocal). This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 22971 Brian Haferkamp
Search Engine Optimization (SEO) in Mobirise
 
18:10
Learn how to optimize your site for search engines using Mobirise. There are some predefined fields in Mobirise for you to input meta information but the power of Mobirise lies in the fact that you can add that information after you have published the website. Here are the links to the websites I mentioned in this video: XML Sitemap Generator: https://www.xml-sitemaps.com/ Open Graph Protocol: http://ogp.me/ Subscribe to my channel to receive notifications when new videos are posted! New to Mobirise? Watch my basic tutorial on how to create a website using the free Mobirise software: https://www.youtube.com/playlist?list=PLMklnyuK-t1GYsDGySazAKEYzOpzZK8Ao Looking for more advanced Mobirise tutorials? Go to my Advanced Mobirise Techniques playlist: https://www.youtube.com/playlist?list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI Follow me on Twitter: @brianhaferkamp If you have any questions or comments, please leave a comment on this video or in the discussion tab on my channel. Thanks for watching!
Views: 12257 Brian Haferkamp
Mobirise Featured Images & Video | Video 5 of 27
 
09:20
Learn how to place featured images or videos in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 8017 Brian Haferkamp
eCommerce Grid in Mobirise
 
11:16
Learn how to create a basic eCommerce grid in Mobirise, the free drag and drop website builder. Inside Mobirise, it's very easy to create a grid of products using built-in content blocks. No coding required! Here are a few shopping card services to look at. All of these offer a way to integrate a shopping cart and/or one-click payment button into an HTML/CSS website. PayPal Button and Checkout: https://www.paypal.com/us/webapps/mpp/accept-payments-online Shopify Buy Button: https://www.shopify.com/buy-button Ecwid: https://www.ecwid.com/ Thank you to everyone who has subscribed to my channel! If you want to get notifications of new tutorial videos for Mobirise, just click to subscribe button. Want to learn more about Mobirise and get more resources for your Mobirise site? Visit http://websitetutorial.highwaywebconsulting.com Check out the Advanced Mobirise Techniques playlist and get more great tutorials showing you how to extend Mobirise to do what some cool stuff: https://www.youtube.com/playlist?list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI You can follow me on Twitter @brianhaferkamp
Views: 9598 Brian Haferkamp
Mobirise Header Setup | Video 3 of 27
 
17:31
Learn how to set up the different headers in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 14362 Brian Haferkamp
Mobirise Tutorial | Using our Bootstrap Cards Code Snippet
 
05:54
Learn how to download and use our Bootstrap Cards code snippet with your Mobirise website project. Download this snippet and more at: http://websitetutorial.highwaywebconsulting.com/resources.html
Views: 2356 Brian Haferkamp
Uploading and Using Mobirise Project Templates
 
05:55
Learn how to download and import project templates into Mobirise, the free drag and drop website builder. You can find free project templates for download at the Complete Website Builder Tutorial website: http://websitetutorial.highwaywebconsulting.com/resources.html View more Mobirise tutorial videos at http://websitetutorial.highwaywebconsulting.com
Views: 10429 Brian Haferkamp
Create a Top Header Bar in Mobirise
 
08:28
In this video, you will learn how to create a top header bar with text above the Mobirise navigation bar.
Views: 4763 Brian Haferkamp
Build a CSS Grid Website // Video 3
 
18:08
In this video, you'll learn: How to create a responsive header and navigation using CSS Flexbox. Project Code: https://codepen.io/brianhaferkamp/pen/awOzej Build A CSS Grid Website Series: Learn how to build a modern website using CSS Grid Layout and Flexbox. This video series shows you how to use CSS Grid as a layout tool for your entire website, not just a small grid. Watch all of the videos in this series: https://www.youtube.com/playlist?list=PLMklnyuK-t1FLZYgbLxywy-8NzfydihPo Please comment and subscribe to the channel to get notified when I release new videos. Did you know I'm also on Patreon now? Learn how you can help support my teaching and get more content and community: https://www.patreon.com/brianhaferkamp
Views: 5244 Brian Haferkamp
Mobirise Code Editor Extension | Video 21 of 27
 
09:16
Learn how to add the code editor extension in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 8066 Brian Haferkamp
Mobirise Info Blocks | Video 13 of 27
 
06:40
Learn how to place information blocks in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 3757 Brian Haferkamp
Advanced Example of Using the Code Editor in Mobirise
 
27:07
Here's an advanced tutorial on using the Mobirise code editor to create unique, Bootstrap-based code blocks for your website. You can download this code snippet at http://websitetutorial.highwaywebconsulting.com/resources.html
Views: 14895 Brian Haferkamp
Mobirise Testimonials | Video 14 of 27
 
05:20
Learn how to set up testimonials in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 2785 Brian Haferkamp
Import a Font Icon Set in Webflow
 
07:04
In this video, you'll learn how to connect a font icon set (like Font Awesome) to Webflow so you can use fonts in your projects. You'll need to use an icon set that allows you to download font files (TrueType, EOF, WOFF). I really like the Material Design Iconic Font. Material Design Iconic Font http://zavoloklom.github.io/material-design-iconic-font/index.html --------------------------------------------------------------------------- Never miss a new video. Subscribe to get notifications of new videos right to your inbox. --------------------------------------------------------------------------- Follow me or reach out to me on Twitter https://twitter.com/BrianHaferkamp (@brianhaferkamp)
Views: 868 Brian Haferkamp
Create a Tiled Photo Gallery in Webflow
 
08:30
Learn how to create a tiled image grid using CSS Grid Layout in Webflow. The visual Grid editor in Webflow makes complex image gallery layouts pretty easy.
Views: 1478 Brian Haferkamp
Create Custom PHP Forms in Mobirise
 
58:30
Learn how to create a custom form in Mobirise and connect it to PHP so that it sends an email. Many people have been requesting this one. Please share it with anyone who can benefit from it. Download the HTML and CSS form code as well as read the original article that inspired this form here: http://1stwebdesigner.com/php-contact-form-html/ Download the PHP code here: http://websitetutorial.highwaywebconsulting.com/resources.html Bootstrap documentation: http://getbootstrap.com/css/#forms Please subscribe to my channel! Get updates on new videos when they're posted to YouTube. Learn more about how to create an amazing website using Mobirise, the free drag and drop editor: http://websitetutorial.highwaywebconsulting.com/
Views: 19326 Brian Haferkamp
Building A Responsive Structure with CSS Grid
 
14:55
A misconception I've heard about CSS Grid Layout is that it makes responsive styling more difficult. It should make it easier, actually. In this video you'll learn a couple of strategies for writing responsive code with CSS Grid. Hopefully, it will help you see the amazingly easy process of creating responsive grids without a framework like Bootstrap or Foundation. Code on Codepen: https://codepen.io/brianhaferkamp/pen/NzZBbw/ Demo: https://s.codepen.io/brianhaferkamp/debug/NzZBbw Unsplash Source: https://source.unsplash.com/ Unsplash Photos: https://unsplash.com/ --------------------------------------------------------------------------- If you like this video, please give it a thumbs up and share with your community. It really helps with discoverability and allows more people to be helped! --------------------------------------------------------------------------- Follow me on Twitter https://twitter.com/BrianHaferkamp (@brianhaferkamp) If you'd like to support me you can become a patron: https://patreon.com/brianhaferkamp
Views: 1623 Brian Haferkamp
CSS Grid Layout // Placing Items on the Grid
 
25:02
Learn how to put grid items in specific cells of the grid using CSS Grid Layout. Like this video? Please click the thumbs up! ---------------------------------------------------------- MORE RESOURCES Placing Items on the Grid Code: https://codepen.io/brianhaferkamp/pen/bWEwvo/ 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 when new video content is posted. Questions or comments? Leave them in the comments section or contact me on Twitter: @brianhaferkamp ----------------------------------------------------------------
Views: 9696 Brian Haferkamp
Change Text Width in Mobirise
 
13:22
Learn how to change the width of the text blocks in Mobirise. I'm working mostly with Article blocks but this will apply to many other blocks, too. If you have questions please leave them in the comments below. Also, consider subscribing to my channel. I try to produce new content weekly. ------------------------------ Are you familiar with Mobirise and understand HTML and CSS? I've created a new playlist of advanced Mobirise techniques: https://www.youtube.com/playlist?list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI Want to learn how to use Mobirise to build a website from start to finish? Watch this playlist: https://www.youtube.com/playlist?list=PLMklnyuK-t1GYsDGySazAKEYzOpzZK8Ao Find our tutorial videos and more Mobirise resources at http://websitetutorial.highwaywebconsulting.com ------------------------------ Email [email protected] Twitter: https://twitter.com/brianhaferkamp https://twitter.com/highwayconsult Facebook https://www.facebook.com/highwaywebconsulting
Views: 2350 Brian Haferkamp
Vertical Alignment Using CSS Flexbox
 
11:09
Learn how to align items in a vertical orientation using CSS Flexbox. We'll create a fixed, vertical navigation and spread out our elements vertically in the navigation container. View the Codepen here: http://codepen.io/brianhaferkamp/pen/yaAaJo/
Views: 1368 Brian Haferkamp
Create a Grid Using CSS Flexbox
 
19:01
Learn how to make a basic, responsive grid using CSS Flexbox. This tutorial will show you how to make an image grid, but you could put anything into the grid. I'll also show you a couple of tips and tricks as well as one very interesting layout style. View the code on Codepen: http://codepen.io/brianhaferkamp/pen/kkmkpp/
Views: 17114 Brian Haferkamp
Create and Send a Popup (Modal) Contact Form in Mobirise
 
35:00
Learn how to create a popup form in Mobirise, the free drag and drop website builder. Using Bootstrap I show you how to create a form that pops up and sends an email with the contact form information. This is a combination of two previous videos that you can go back and watch to get more information. Create a custom PHP form: https://www.youtube.com/watch?v=rPqXQSMUViA&index=16&list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI Create a Bootstrap modal with form: https://www.youtube.com/watch?v=dKHrz3szLJc&index=7&list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI Bootstrap 4 modals: http://v4-alpha.getbootstrap.com/components/modal/ PHP code snippet: http://websitetutorial.highwaywebconsulting.com/resources.html ----------------------------------------------------------- Please subscribe to this channel to get notification of videos sent to your email address.
Views: 5771 Brian Haferkamp
CSS Grid Layout // Grid Areas
 
32:07
Learn about grid areas and how they can help you create a responsive grid superstructure for you to place your website content. I'll teach you how to define grid areas and order those areas based on media queries to create a beautiful, responsive layout. ---------------------------------------------------------- MORE RESOURCES CSS Grid Layouts Pen: https://codepen.io/brianhaferkamp/pen/RVvYev/ 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. Questions or comments? Leave them in the comments section or contact me on Twitter: @brianhaferkamp ----------------------------------------------------------------
Views: 10300 Brian Haferkamp
Import Google Fonts in Mobirise
 
06:35
Learn how to import Google fonts into Mobirise using the Google API. This is essentially the same process as loading Google fonts into an HTML web page. I'll show you where to go to put the link tag and how to call the font in your CSS. Learn more about Google Fonts at the Google Developers page: https://developers.google.com/fonts/docs/getting_started
Views: 3626 Brian Haferkamp
CSS Grid Layout // Aligning Items on the Grid
 
19:48
Learn how to align grid cells and also use CSS Flexbox to align content inside of the grid cells. Like this video? Please click the thumbs up! ---------------------------------------------------------- MORE RESOURCES Aligning Items on the Grid Code: http://codepen.io/brianhaferkamp/pen/JNXxjg/ 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 when new video content is posted. Questions or comments? Leave them in the comments section or contact me on Twitter: @brianhaferkamp ----------------------------------------------------------------
Views: 3410 Brian Haferkamp
Link to Android and Apple app stores in Mobirise
 
05:57
Learn how to place a link to your Android or Apple apps in Mobirise, the free drag and drop website builder. To view a complete Mobirise tutorial, view our comprehensive tutorial: https://www.youtube.com/playlist?list=PLMklnyuK-t1GYsDGySazAKEYzOpzZK8Ao Want to use "App," the project template used in this video? Download it free: http://websitetutorial.highwaywebconsulting.com/resources.html
Views: 1394 Brian Haferkamp
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: 36686 Brian Haferkamp
Links // HTML5 Basics
 
10:22
Learn how to create hyperlinks (or links) to internal or external web pages. View the code for this video to try it yourself. Link to code in video: http://codepen.io/brianhaferkamp/pen/MJXgBG/ ------------------- This course will teach you HTML5, the newest version of the HTML language. HTML is the skeleton of a website that contains all of the actual information that a browser renders, giving the web page its structural elements. We will learn about common HTML5 tags and create a one-page website as a project that will serve as a basic template for you to use. The concepts of that one-page website will also give you the tools to create a multi-page website. Find more HTML5 Basics videos in this playlist: https://www.youtube.com/playlist?list=PLMklnyuK-t1HksWhgEbehXrCmncQ9SAAw
Views: 262 Brian Haferkamp
Create Custom Editable Content in Mobirise
 
18:16
Learn how to make the information in your own HTML blocks editable in Mobirise. I'll show you a few live examples of how you can make your custom text and buttons editable once you've created your HTML blocks of content. Looking for more advanced Mobirise tutorials? Subscribe to receive all my Mobirise videos as they come out. Watch basic Mobirise tutorials at: http://websitetutorial.highwaywebconsulting.com
Views: 5462 Brian Haferkamp
Mobirise Full Screen Images & Video | Video 7 of 27
 
11:34
Learn how to place full screen images and videos in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 6206 Brian Haferkamp
Set a Contact Form to the Right in Mobirise
 
10:59
Learn how to use the code editor to move a contact form to the right side of the Mobirise block.
Views: 1766 Brian Haferkamp
Mobirise Facebook Comments | Video 12 of 27
 
01:53
Learn how to use Facebook comments in the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online. More videos in this series and helpful resources: http://websitetutorial.highwaywebconsulting.com
Views: 4676 Brian Haferkamp
Create a Bootstrap Modal with Form in Mobirise
 
17:12
Learn how to create a Bootstrap popup modal with form in Mobirise, the free drag and drop website editor.
Views: 3387 Brian Haferkamp
CSS Grid Layout // Auto Flow Rows and Columns
 
11:13
Learn how to control the placement of elements that are not specifically assigned to places on the grid using autoflow rows and columns. Did you like this video? Please click the thumbs up! ---------------------------------------------------------- MORE RESOURCES Aligning Items on the Grid Code: https://codepen.io/brianhaferkamp/pen/eWVybR/ My CSS Grid Layout Playlist on YouTube: https://www.youtube.com/playlist?list=PLMklnyuK-t1H-Y_VbyOexAsKoYF6N9LNi 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 when new video content is posted. Questions or comments? Leave them in the comments section or contact me on Twitter: @brianhaferkamp ----------------------------------------------------------------
Views: 7997 Brian Haferkamp
Link to an External CSS Stylesheet in Mobirise
 
16:26
Learn how to link to an external CSS file in Mobirise. This allows you to create a stylesheet (or many stylesheets) for specific sections, layouts, or looks for your website. If you have any questions or suggestions, please leave a comment below or on my channel discussion board. Thanks for watching! Don't forget to give this a thumbs up if you liked it and please consider sharing it with others. YouTube will send you an email every time I upload a new video about Mobirise if you subscribe to my channel. How cool is that? Just click the "Subscribe" button. View more advanced Mobirise tutorial videos: https://www.youtube.com/playlist?list=PLMklnyuK-t1FfsYP5mO4lLJRI5nNR8bKI Want to learn the basics of Mobirise? I have a basic Mobirise tutorial at https://www.youtube.com/playlist?list=PLMklnyuK-t1GYsDGySazAKEYzOpzZK8Ao You can follow me on Twitter @brianhaferkamp
Views: 1182 Brian Haferkamp
Create Email Links in Mobirise
 
03:59
Learn how to create a direct email link in Mobirise. When the user clicks this link, it will send them to the default email client on their machine or device, allowing them to email you directly.
Views: 1219 Brian Haferkamp
The CSS Box Model // CSS Basics
 
11:59
Learn how to create space around elements using padding, border, and margin in what we call the Box Model. Code: https://codepen.io/brianhaferkamp/pen/XMNwxM/ Learn more about the CSS Box Model: https://www.w3schools.com/css/css_boxmodel.asp ________________________________________ The CSS Basics course covers everything you need to get you started writing valid CSS markup to style your HTML5 pages. We will learn the syntax, major properties, and concepts such as the box model and flexbox. The end goal of this course is to write styles for our one page HTML site that we created in the HTML5 basics course. Watch the HTML5 Basics videos: https://www.youtube.com/playlist?list=PLMklnyuK-t1HksWhgEbehXrCmncQ9SAAw _________________________________________ If you have any questions or comments, please leave them in the comments section below. I'm happy to answer them. You can also follow me on Twitter: @brianhaferkamp
Views: 1484 Brian Haferkamp

Here!
Boys fuck their moms
Questions regarding online dating
Hot american girls fuck
Funny language translation video chat