Search results “Javascript options defaults”
The Object.assign() Method in JavaScript - Set default options for functions
The assign() method on the Object constructor in JavaScript is used to merge multiple objects together. You can use it to merge as many objects as you like. If multiple objects have the same property, the "merged object" will also contain that property but the value of it will come from the last object passed in as an argument. This means it can be used to easily create "default options" within a function. In this video I take you through examples of how you can use the Object.assign() method and also an example of using it to create default options in a function. Support me on Patreon: https://www.patreon.com/dcode - with enough funding I plan to develop a website of some sort with a new developer experience! For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 525 dcode
Use the Javascript spread operation for default options
This video shows how to use the Javascript spread operator to provide default values for options to a function.
Views: 6 Richard Buggy
Angular 5: How to Bind/Get selected value/Set Default  in SelectList
In this tutorial, we will see how to : 1. Bind the data to the select list in Angular 5/4 using ngFor 2. To get the selected value from the dropdown list 3. To set the default value of the dropdown list 4. Call a custom function on the change event of the dropdownlist
Views: 34906 Techie Ocean
Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5
Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.
Views: 219661 Adam Khoury
iFrame Embed now Default Embed Option - January 2011
Please watch: "Annotations and TubeBuddy - Annotation Audit tool" https://www.youtube.com/watch?v=EHFpxGla50g -~-~~-~~~-~~-~- YouTube have been making more updates, the big one was the HomePage but they also made a few other changes ion other places. The iFrame has now been set as the default option when embedding videos on external websites. Link to Announcement http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html API Player Documentation http://code.google.com/apis/youtube/iframe_api_reference.html They are also testing out some new JavaScript options, more on that once they stop messing around with it.
Views: 5341 James Lawson-Smith
1. HTML5 Custom Video Player Controls JavaScript Programming Tutorial
Lesson Code: http://www.developphp.com/video/JavaScript/Video-Player-Custom-Controls-Programming-Tutorial In this first part of the tutorial series we will discuss how to set up a custom controls interface starting with the play/pause button. Customizing the HTML5 video controls interface will allow you to achieve a unique and constant look for your video player in all browser software. Different browser software display different looking default controls for the video element. You can also offer your custom programmed video players to others to use on their websites if they also do not want to use the stock controls that are native to browser software for the video element. We use JavaScript to control the video after we remove the default controls. We used to do very similar things in Flash AS3 if you remember. We are going to begin with disabling the default control bar and setting up our own control bar design using a DIV that we can place all of our video controls into as we create them. In this part 1 we will add a play/pause button to the control bar, then in the videos that follow we will customize more aspects of video control interfacing.
Views: 189080 Adam Khoury
13 iPhone Settings You Should Change Now!
Those default iPhone settings are no good! Here is what to change. More Top Lists ➤ https://www.youtube.com/playlist?list=PLFr3c472Vstw-sCvBrlRTelW3ULg1-w3n Subscribe Here ➤ https://www.youtube.com/user/ThioJoe?sub_confirmation=1 iPhones, iPads, and other iOS devices all have a lot of settings that you might not have known about, because these settings are pretty hidden away. This video goes over which ones you should change, whether they are privacy settings to restrict Apple from collecting data about you, or just plain cool iOS features that aren't enabled by default for some reason. ~~~ ⇨ http://Instagram.com/ThioJoe ⇨ http://Twitter.com/ThioJoe ⇨ http://Facebook.com/ThioJoeTV ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Views: 7653267 ThioJoe
Google Maps Controls
This video covers the default options that you can use when creating your Google Map with the Google Maps Javascript API v3 as well as how to add or remove the various controls on your map. Code GIST: https://gist.github.com/prof3ssorSt3v3/1d9fdabe1dc9db95199307f3eb8d6a91
Views: 116 Steve Griffith
Tor Browser MAX Security Setup Guide: Approaching Anonymity!
Techlore Website: https://techlore.tech Patreon: https://www.patreon.com/techlore Video tutorial showing how to stay as close to anonymous, secure, private, and safe using Tor Browser. This settings setup guide will show you the best and most secure Tor Browser settings, as well as some of the best usage tips in order to get the most out of Tor Browser. These settings are for maximum security, privacy, and will keep you almost untrackable and much more anonymous on the web, than if you were not doing them at all. If you're interested in learning about EVERYTHING you need to know about security, privacy, and anonymity--check out Go Incognito, a free and in-depth course taking you from start to finish: https://www.youtube.com/playlist?list=PL3KeV6Ui_4CayDGHw64OFXEPHgXLkrtJO Techlore Subreddit: https://www.reddit.com/r/techlore/ Instagram: https://www.instagram.com/techloreofficial/ Discord Server: https://discord.gg/74WhF9C Minds: https://www.minds.com/Techlore Telegram Channel: https://t.me/techloreofficial Telegram Group: https://t.me/techloregroup Amazon Support Affiliate Link: https://www.amazon.com/shop/influencer20170928875 Merchandise: https://teespring.com/stores/lemur-shop You can use these settings to make you more secure than using the default settings in the Tor Browser Bundle. The default settings are secure, but they are not the most secure settings for Tor Browser. This will get you closer to a fully anonymous state where you are nearly untrackable using Tor's encryption and nodes. Use Tor to bypass regional restrictions such as China, or bypass wifi restrictions and access websites such as YouTube, Netflix, or Reddit. Tor Browser Bundle: https://www.torproject.org/projects/torbrowser.html.en VPN Reviews: https://www.youtube.com/watch?v=UQlDn4Di3R8&list=PL3KeV6Ui_4Cb1JcXTJdEsvQ0uCvihBOXI Original Video: https://www.youtube.com/watch?v=d9aD-4z7fBw VPN over Tor Reddit Post: https://www.reddit.com/r/TOR/wiki/index#wiki_should_i_use_a_vpn_with_tor.3F_tor_over_vpn.2C_or_vpn_over_tor.3F #tor #setup #techlore
Views: 93349 Techlore
TS Default Parameters
In this video I'll demonstrate how to set default values for function parameters. Some programming languages let you define a function with default parameter values like this: public void AddToCart(string productName, decimal price, int quantity = 1, string currency = "USD") { // logic here } In fact, with ES2015 we can now do very much the same thing. A nice feature in other languages that is not available in JavaScript is calling a function with named parameters. Named parameters let us quickly override default parameter values. To call this function and override the currency value but accept the default values for all other parameters preceding it would look something like this: AddToCart("Bicycle", 100.00, currency: "CAD"); I call AddToCart with a product name and a price. Then I supply the function a currency parameter with the value of 'CAD' for Canadian Dollars. The value of the quantity parameter will be 1 as that is the default value in the function's signature. In JavaScript, specifically ES2015, we now have access to default parameters. In addition, we also have destructuring which provides a way to extract the values we need. What I'm going to show you won't work in ES5 so you'll need a transpiler like Babel or TypeScript. I'll be using TypeScript here but you can find the ES2015 solution in the notes below.
Views: 639 CSG Pro
10 Essential Atom Editor Packages & Setup
In this video I will start with a default Atom editor and add each of my favorite packages and plugins step by step so make Atom an overall better code editor. PACKAGE LIST: -Emmet -File Icons -Atom Live Server -Todo -Mini-Map -Pigments -Linter -Atom Beautify -Ask Stack -Highlight Selected SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia http://www.patreon.com/traversymedia EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia https://www.instagram.com/traversymedia
Views: 259019 Traversy Media
Three tips to make Notepad++ even easier to use for web design
Notepad++ is quick, light and powerful. This video will show you how to install and configure it. You can set up your default HTML settings, how to auto complete HTML tags, and how to use the Explorer extension as a file manager.
Views: 149198 quickdrawweb
How to Style and Customize HTML Select Box Created by Select Element using CSS
How to Style and Customize HTML5 Select Box Created by Select Element using CSS https://youtu.be/lRFsCYDk4Vw WHAT WILL YOU LEARN? Learn to style an HTML select box using CSS and replace the default arrow for the dropdown applied by the browser with your own custom arrow. You will learn to create cross-browser custom css3 select box dropdown using the HTML5 select tag. It means the select box arrows will be supported in all the major browsers including ie10 or above. Here you also will learn three different methods to create a custom select box dropdown without using any external javascript library or bootstrap. We will simply use few css3 advance properties to get the effect of the custom arrow in your select dropdown box or what you call HTML combo box. I will show you how easily you can hide the default arrow from selectbox and apply your own custom arrow. ===============DOWNLOAD SOURCE CODEs============== *Code to Follow Along: https://goo.gl/MTXSFT *Click on the Fork Button on Codepen After Opening the Link to Start following Finished Final Code: https://goo.gl/ERqNWJ ===================================================== =================Navigate to Specific part============= 1:30 - Applying common styles to all select elements 3:58 - #1 Background Image Technique to Style HTML5 Select Box 7:15 - #2 Using CSS3 Border to Create Downword Arrow 13:27 - #3 Using FontAwesome Glyphicon for the Arrow in our Selectbox Dropdown list ==================================================== HOW WE WILL CREATE OUR CUSTOM SELECTBOX USING CCS3? To create a select box we simply use the html5 document to create our markup for the select box. We will create three different select boxes using the "select" element and the "option" element for creating dropdown lists. To hide the default styling from the select element applied by the browser we will use the css3 appearance property and set its value to none. And then, we will use an another useful rule to hide the default arrows applied by Internet explorer 10; from the select box dropdown. THREE DIFFERENT METHODS THAT WE WILL BE USING Each select box will be using a different method for styling the dropdown arrow inside the combobox. - The first Method will show using an Image Background technique to create custom arrow for the CSS select box. - The second method will use the CSS border property to create a triangular shape that will be used to customize your select element's dropdown arrow. - Finally, the third method will use the fontawesome glyphicon to create our custom arrow for the selectbox dropdown. All, the method will have the cross-browser support for our custom css3 select box. Each method ensures that it works properly in the Internet explorer 10 or above and other older browser. PROVIDE YOUR FEEDBACK If you have any questions, just comment below in comment section. I will try to respond as soon as possible. Like, share and comment! Thanks ============Useful Tutorials============= Creating Simple Horizontal Navigation Bar using Flexbox https://goo.gl/oR0lGf Distributing images evenly in a fluid container https://goo.gl/w2O1kR Creating three column responsive layout https://goo.gl/uj46tI How to create simple css3 preloading animation https://goo.gl/GqjXCr How to add preloader to your webpage using javascript https://goo.gl/JJuclF ================CONTACT and RESOURCES============== Find all the source codes here: https://codepen.io/smashtheshell Follow on Twitter https://twitter.com/amit4kp Add on Facebook https://www.facebook.com/kumaramit24chd Like Page on Facebook https://www.facebook.com/smashtheshell
Views: 22092 smashtheshell
How to Disable JavaScript in Firefox
http://bit.ly/FireFox-Browser In this Firefox video tutorial you will learn how to disable JavaScript in Firefox. In August 2013, Mozilla made some changes when they implemented their upgrade rapid release Firefox browser in which they automatically turned JavaScript on by default. Also, this feature was removed from the Options menu. Therefore, in order to disable JavaScript, you have to do so via about:config settings or use the QuickJava or NoScript Firefox Add-ons. This Firefox help video tutorial will show you how to disable JavaScript. Firefox information and logos used under Creative Commons License Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0): http://www.mozilla.org/en-US/styleguide/identity/firefox/branding/
Views: 8593 Anthony Godinho
JavaScript - Switch Case Default Statement
Demonstrate the use of Switch, Case and Default statement
Views: 13 Ufuoma Okoro
Contact Form 7 Get Value From URL Using Javascript & Autofill Fields Dynamically
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Contact Form 7 Get Value From URL Using Javascript & Autofill Fields Dynamically https://youtu.be/2nUOQl4E9HY Blog post with code: https://wplearninglab.com/contact-form-7-get-value-from-url/ Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab How to prefill contact form 7 fields with values from the URL. This method works with all types of forms, not only contact form 7. This contact form 7 get value from URL tutorial will provide you with all Javascript you need to make it work. Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist Subscribe to this awesome channel here: http://www.youtube.com/subscription_center?add_user=wplearninglab
WordPress Plugin Development - Part 23 - Save Default Options on Activate
:: Support Me :: https://www.patreon.com/alecaddd http://www.alecaddd.com/support-me/ http://amzn.to/2DsPZUn Check out Elementor: http://bit.ly/2q10nRo NordVPN: https://go.nordvpn.net/SHqa :: Join the Forum :: https://forum.alecaddd.com/ GitHub Repo: http://bit.ly/2gvDHAJ :: Tutorial Series :: WordPress 101 - Create a theme from scratch: http://bit.ly/1RVHRLj WordPress Premium Theme Development: http://bit.ly/1UM80mR WordPress Mega Menu: http://bit.ly/2ucxSO4 Learn SASS from Scratch: http://bit.ly/220yzmZ Design Factory: http://bit.ly/1X7Csaz Affinity Designer: http://bit.ly/1X7CrDA :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: http://bit.ly/1Y7sunz Facebook: https://www.facebook.com/alecadddpage
Views: 3998 Alessandro Castellani
Galaxy Note 9: First 10 Things to Do!
Buy Galaxy Note 9: https://fave.co/2MGCCbm The Galaxy Note 9 is up for pre-order and arriving soon, so that means many of you will have one in hand. When you do open the box the first time, we've got the first 10 things to do with the Galaxy Note 9! In this video, we'll walk through various security options (biometric, fingerprints, iris scanning, etc.), the best ways to setup your home screen, how to use the S Pen's new Bluetooth features, and the settings to tweak in the Note 9's camera. Note 9 Review: https://drd.life/2Nys0bw Note 9 Unboxing: https://youtu.be/l2oGx1kYmpc Note 9 Tips and Tricks: https://youtu.be/3aKa7Uc8kGk Note 9 S Pen Tips and Tricks: https://youtu.be/Veu3pth-2oU #GalaxyNote9 #First10Things _______________________________________ Want to sponsor a Droid Life video? Get in touch: [email protected] Follow us: https://twitter.com/droid_life https://www.facebook.com/DroidLife/ https://www.instagram.com/droid_life/
Views: 922976 Droid Life
EXERCISE TWO: Write & Test Your First Function  |  Simple JS Project Training Tutorial
FULL CODE + IMAGES + SLIDES @ http://blog.breakthru.solutions/learn-javascript-simple-project-rock-paper-scissors PLAYLIST: https://www.youtube.com/playlist?list=PLRcnnTsvnkLN0VUFnWMfxhW-20pWBT4cJ FOLLOW ME ON TWITTER: https://twitter.com/thepowerslacker FURTHER READING Functions: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions Math.random: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random Math.floor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor Console.log: FROM THE DOCS: Generally speaking, a function is a "subprogram" that can be called by code external (or internal in the case of recursion) to the function. Like the program itself, a function is composed of a sequence of statements called the function body. Values can be passed to a function, and the function will return a value. In JavaScript, functions are first-class objects, because they can have properties and methods just like any other object. What distinguishes them from other objects is that functions can be called. In brief, they are Function objects. For more examples and explanations, see also the JavaScript guide about functions. Description Every function in JavaScript is a Function object. See Function for information on properties and methods of Function objects. Functions are not the same as procedures. A function always returns a value, whereas a procedure might not. To return a value other than the default, a function must have a return statement that specifies the value to return. A function without a return statement will return a default value. In the case of a constructor called with the new keyword, the default value is the value of its this parameter. For all other functions, the default return value is undefined. The parameters of a function call are the function's arguments. Arguments are passed to functions by value. If the function changes the value of an argument, this change is not reflected globally or in the calling function.
Views: 2113 Powerslacker
Javascript Object and Prototypes Tutorial for beginners in HINDI | ENGLISH (#5) 'this' keyword
Types of function call and 'this' keyword reference A function's this keyword behaves a little differently in JavaScript compared to other languages. It also has some differences between strict mode and non-strict mode. Global Context ==================== In the global execution context (outside of any function), this refers to the global object whether in strict mode or not. // In web browsers, the window object is also the global object: console.log(this === window); // true a = 37; console.log(window.a); // 37 this.b = "Online Web Tutor"; console.log(window.b) // "Online Web Tutor" console.log(b) // "Online Web Tutor" Function context ================== Inside a function, the value of this depends on how the function is called. 1. Simple call The following code is not in strict mode, and because the value of this is not set by the call, this will default to the global object, which is window in a browser. function f1() { return this; } // In a browser: f1() === window; // true In strict mode, however, the value of this remains at whatever it was set to when entering the execution context, so, in the following case, this will default to undefined: function f2() { 'use strict'; // see strict mode return this; } f2() === undefined; // true Important videos to watch Part#4: https://www.youtube.com/watch?v=KFUxzOth5Fs Part#3: https://www.youtube.com/watch?v=G-hsHAvK5FE Part#2: https://www.youtube.com/watch?v=TfO7WvVR2pE Part#1: https://www.youtube.com/watch?v=9Bu_RtIkKfY SOCIAL : =============== Subscribe : https://www.youtube.com/channel/UCB2flCo-gW6RhpVVXySqcMg FACEBOOK : https://www.facebook.com/onlinewebtutorhub/ TWITTER: https://twitter.com/owthub BLOG: https://onlinewebtutorhub.blogspot.in/ Also you can learn Wordpress Custom =============== Wordpress Theme Development: https://goo.gl/MZ8maF Wordpress Widget Development: https://goo.gl/Dc2htn Wordpress Plugin Development: https://goo.gl/BA7dYG Wordpress Theme Options Development: https://goo.gl/Vjv3Ub Learn backbone.js here! : https://goo.gl/Qd2Pcs Tags =============== javascript object, concpet of object in javascript, objects in javascript, javascript object tutorial, javascript objects guidemap, objects in javascript step by step in hindi, objects in javascript step by step, objects in javascript step by step tutorial in hindi, objects in javascript in hindi, javascript objects in hindi, objects and prototypes in javascript, prototype in javascript, javascripts objects and prototypes in hindi, javascript prototype tutorial in hindi Working with objects - JavaScript, javascript objects for beginners, javascript objects beginners tutorial, javascript objects beginners tutorial in hindi, objects in javascript from scratch, javascript objects and prototypes from scratch in hindi, online web tutor, profotech solutions, Thanks Online Web Tutor Keep learning and Sharing :)
Views: 254 Online Web Tutor
Node JS Tutorial for Beginners #10 - Creating & Removing Directories
Hey ninjas, in this Node JS tutorial I'll show you how we can create and delete directories, as well as deleting files too. ----- COURSE LINKS: + Repo - https://github.com/iamshaunjp/node-js-playlist + Atom editor - https://atom.io/ --------------------------------------------------------------------------------------------- You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage... SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ============ CSS for Beginners Playlist ============= https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ================== Social Links ================== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 87720 The Net Ninja
Best Programming Languages for Machine Learning
What is the best programming language to learn for machine learning? There are a lot options, and a lot of opinions on this. I'm going to describe the top 3, using code, animations, and data to validate my point. We'll learn about tensorflow.js, several python libraries, and why C++ compiles code so fast. All of that in just 8 minutes, enjoy! Code for this video: https://github.com/llSourcell/Best-Programming-Languages-for-Machine-Learning Please Subscribe! And like. And comment. That's what keeps me going. Want more education? Connect with me here: Twitter: https://twitter.com/sirajraval instagram: https://www.instagram.com/sirajraval Facebook: https://www.facebook.com/sirajology This video is apart of my Machine Learning Journey course: https://github.com/llSourcell/Machine... More Learning Resources: https://www.youtube.com/watch?v=T5pRlIbr6gg&vl=en https://learnpythonthehardway.org/ https://github.com/tensorflow/tfjs-examples https://blog.bitsrc.io/11-javascript-machine-learning-libraries-to-use-in-your-app-c49772cca46c https://www.youtube.com/watch?v=1cHx1baKqq0 http://www.cplusplus.com/doc/tutorial/ Join us in the Wizards Slack channel: http://wizards.herokuapp.com/ Sign up for the next course at The School of AI: https://www.theschool.ai And please support me on Patreon: https://www.patreon.com/user?u=3191693 Signup for my newsletter for exciting updates in the field of AI: https://goo.gl/FZzJ5w Hit the Join button above to sign up to become a member of my channel for access to exclusive content!
Views: 71963 Siraj Raval
iPhone / iPad Safari - Settings
This video shows how to customize Safari Settings on your iPhone or iPad. In this video we cover all of Safari’s settings including changing your Search Engine, editing Passwords & Autofill, controlling Cookies and clearing your History. Watch our other Safari app videos: Overview - https://youtu.be/LEsMqZztvfY Bookmarks, Favorites, and Reading List - https://youtu.be/KGzmF2rrVL0 Sharing and Printing - https://youtu.be/qn_OreSig-I iCloud Pages and Private Surfing - https://youtu.be/3KsW50a8pVQ Safari Settings - https://youtu.be/f4XG7l-np3A Visit us at http://www.syncsisters.com
Views: 131142 SyncSisters
iPhone 8 - First 8 Things To Do!
iPhone 8 - First 8 Things To Do! (First Settings to Change) Just get an iPhone 8 or 8 Plus and wondering what to do after the initial setup process? Here are 8 settings to change and tips to consider with your new phone! Save battery life on iPhone 8: https://youtu.be/TNsJm8oM8DU iPhone 8 & 8 Plus Unboxing: https://youtu.be/pum6dtkOgy0 How to Setup iPhone 8: https://youtu.be/0wCP-kjnxfc Wallpaper sites/apps: http://iphonewalls.net http://papers.co https://itunes.apple.com/us/app/zedge-wallpapers/id1086101495?mt=8 iPhone 8 Cases: Olixar: https://www.olixar.com/ (Fav Olixar case: http://bit.ly/2xZ1gwY) Spigen: http://amzn.to/2xoxJcS (Fav Spigen cases: http://amzn.to/2xAwGbU & http://amzn.to/2wMuudm) Speck: http://amzn.to/2wHGbXB (Fav Speck case: http://amzn.to/2jREwIJ) Note: Most iPhone 7 cases will also work for the iPhone 8. Anything you'd like to add? Let me know below! - Best tech deals (updated daily): http://amzn.to/2qcK0QT Become a Patron to see all videos early + other perks: http://bit.ly/2luewSU Thanks for watching! Let me know if you have any questions. ▬ SOCIAL MEDIA ▬ ▶ Instagram: https://instagram.com/brandonbutch ▶ Twitter: https://twitter.com/brandonbutch ▶ Facebook: https://www.facebook.com/bbsipodtouchhelp ▶ Snapchat: bb255 ▶ Email (business inquiries only): ibrandon2526[at]gmail.com ▬ MY GEAR used to make this video ▬ ▶ Camera: http://amzn.to/2kLPqzG ▶ Lens: http://amzn.to/2kNxUa0 ▶ Mic: http://amzn.to/2jP0HLl ▶ Other Mic: http://amzn.to/2kNE1LG ▶ Audio Interface: http://amzn.to/2kNwwnU ▬ Check these OTHER VIDEOS out ▬ ▶ 26 More iOS 10 - 10.2 Jailbreak Tweaks: https://youtu.be/j8AMHhmhdLw ▶ Install KODI Krypton iOS 10 - 10.2: https://youtu.be/C-l5TZkgfzI ▶ 46 Awesome iOS 10 - 10.2 Jailbreak Tweaks: https://youtu.be/eovoe69MJ4k ▶ 17 STUNNING iOS 10 Themes: https://youtu.be/xskjiUCdBgQ ▶ Top 23 iOS 10 - 10.2 Jailbreak Tweaks: https://youtu.be/bbPHcX5M8mk ▶ How to install KODI: https://youtu.be/Y1WKYT6r5Fg ▶ How to Get Spotify Premium FREE (NO JAILBREAK): https://youtu.be/2KQEklFutcY ▶ 15 BEST Tips to Improve iPhone Battery Life: https://youtu.be/_uCygQjzUdU ▶ 7 Best iOS Apps of 2017: https://youtu.be/Pny5vii365I ▶ Install GBA4iOS on iOS 10 (NO JAILBREAK): https://youtu.be/RDL_1bBf2GY ▶ How to Fix Black Screen on iPhone 7 (Recovery/DFU Mode): https://youtu.be/KIaSUPpewJA ▶ Top 150 iOS 9.3.3 Jailbreak Tweaks: http://youtu.be/bH_qmVQy96g ▶ How to fix BOOTLOOP/re-jailbreak issues without restoring: http://youtu.be/ucnwG6jBWWc ▶ How to UNJAILBREAK without restoring or updating: http://youtu.be/6tiuuGF5Z5g ▬ STAY UP-TO-DATE! ▬ Make sure to subscribe to the channel & opt-in for push notifications (click the BELL icon next to the subscribe button) to be notified immediately when I release new videos! ▬▬ If you watched this video and made it this deep into the description, I greatly appreciate you & would love to connect! If you have any questions, give me a shout on social media & I'll answer any question(s) you may have. Have a fantastic day & I'll see you in the next video!
Views: 2047587 Brandon Butch
Use JavaScript to Hide or Show a Portion of a Form
Use a JavaScript IF Statement to hide the shipping part of an order form if it is the same as the billing part of the form. If statement called by an onclick checkbox. Demo file: http://www.ralphphillips.com/youtube/show-hide-fieldset.html
Views: 23170 Ralph Phillips
Tor Setup MOST Secure/Safe Settings: Approaching Anonymity
Techlore Website: https://techlore.tech Patreon: https://www.patreon.com/techlore Video tutorial showing how to stay as anonymous and safe using Tor Browser as possible. This video tutorial will show you the best and most secure Tor Browser settings. These settings are for maximum security, privacy, and will keep you almost untrackable and fully anonymous on the web. NOTE: This video is outdated, here is an updated version of this tutorial: https://youtu.be/9J0GUQhag-0 If you're interested in learning about EVERYTHING you need to know about security, privacy, and anonymity--check out Go Incognito, a free and in-depth course taking you from start to finish: https://www.youtube.com/playlist?list=PL3KeV6Ui_4CayDGHw64OFXEPHgXLkrtJO Techlore Subreddit: https://www.reddit.com/r/techlore/ Instagram: https://www.instagram.com/techloreofficial/ Discord Server: https://discord.gg/74WhF9C Minds: https://www.minds.com/Techlore Telegram Channel: https://t.me/techloreofficial Telegram Group: https://t.me/techloregroup Amazon Support Affiliate Link: https://www.amazon.com/shop/influencer20170928875 Merchandise: https://teespring.com/stores/lemur-shop You can use these settings to make you more secure than using the default settings. The default settings are secure but they are not the most secure settings for Tor Browser. This will get you closer to a fully anonymous state where you are nearly untrackable using Tor's encryption and nodes. Use Tor to bypass regional restrictions such as China, or bypass wifi restrictions and access websites such as YouTube, Netflix, or Reddit. Tor Browser for Windows: https://www.youtube.com/watch?v=gOgh3ABju6Q Free Unlimited VPN for Windows: https://www.youtube.com/watch?v=TiTPDDPQgqg #tor #setup #techlore
Views: 134017 Techlore
Javascript SetTimeout and jQuery Scope Problems
Using the mysterious 3rd parameter of setTimeout we cant send a reference to the parent object to be used inside. When inside of a jQuery function that overloads the word 'this' we can store a reference outside of that function in order to still use the object
Views: 2761 optikalefx
Atom Editor Tutorials #2 - Atom Settings & Preferences
In this Atom Editor Tutorial, I explore and talk about Atom's preferences menus. Subscribe for more free tutorials https://goo.gl/6ljoFc Purchase this series for early access: https://goo.gl/MXOz56 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.
Views: 119894 LevelUpTuts
Improving Load Performance - Chrome DevTools 101
This tutorial shows you how to use Chrome DevTools to find ways to make your pages load faster. Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment by adding one change at a time, and then measure each change to make sure that each is actually improving your speed. You can use this workflow to improve the speed of any page. This tutorial covers some of the most common causes of slow site speed, including lack of text compression, large images, render-blocking resources, and too much JavaScript. Optimizing web speed, tutorial → http://bit.ly/2LemRYa Experiment with Tony’s site → https://glitch.com/edit/#!/tony Performance Analysis Reference → http://bit.ly/2o8N1OQ Watch the last episode on debugging JavaScript → http://bit.ly/2PyxXGL Subscribe to the Chrome Developers channel → http://bit.ly/ChromeDevs1
Using the Bootstrap 4 Grid  | BOOTSTRAP 4 TUTORIAL
The grid is one of the core assets of Bootstrap 4 - time to take a closer look and understand how you may use it! You prefer CSS! Join the Full CSS Course at 90% off: https://acad.link/css Check out all our other courses: https://academind.com/learn/our-courses ---------- Source Code: https://github.com/academind/bootstrap4-introduction/tree/02-grid Watch the Series on academind.com: https://www.academind.com/learn/css/bootstrap-4-tutorial/the-grid Official Grid Documentation: http://getbootstrap.com/docs/4.0/layout/grid/ Dive Deeper into Flexbox: https://academind.com/learn/css/understanding-css/flexbox-basics-container ---------- • Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts • Follow @maxedapps and @academind_real on Twitter • Join our Facebook community on https://www.facebook.com/academindchannel/ See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Views: 68019 Academind
Web Development in 2018 - A Practical Guide
We are about to start a new year and I have put together a guide for current and aspiring web developers to follow to get an idea of what it takes to be a full stack developer. From basic tools to html/css, JavaScript, UI frameworks like Bootstrap, server side technologies like Node.js, Python and PHP, frameworks like Laravel, Django and Ruby on Rails. I tried to include the most used technologies and give you the options to choose from with some of my own opinion and input. A FEW THINGS I SHOULD HAVE MENTIONED: GraphQL Progressive Web Apps Docker & Vagrant NODE.JS, EXPRESS & MONGODB COURSE: https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=DISCOUNT459895 MODERN JAVASCRIPT FROM THE BEGINNING... https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 VISIT MY WEBISTE: Check Out All My Udemy Courses http://www.traversymedia.com 💖 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia WEB HOSTING: InMotion Web Hosting http://inmotion-hosting.evyy.net/c/396530/260033/4222 SLIDE DOWNLOAD: http://www.traversymedia.com/downloads/Web_Development_in_2018.zip FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia https://discord.gg/traversymedia
Views: 867352 Traversy Media
Magento`s Default Options For Magento Speed Optimization
This video explains how you can enhance magento`s speed using default options given by magento.
03 - Creating a default dialog for an NPC
How to create a very basic dialog and assign it to an NPC.
Views: 1547 Windemere RPG
WordPress Custom Homepage Tutorial
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL Learn how to setup a custom (or static) homepage in WordPress. This involves creating WP pages, adjusting a few simple settings, and using a special page template. Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review): http://learnwebcode.com/wordpress-setup-custom-static-homepage/ To view a complete list of the WordPress lessons in sequential order visit: http://learnwebcode.com/learn-wordpress/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 284111 LearnWebCode
Angular CLI ng new options
In this video we will discuss some of the common options that we can use with ng new command. Flag Type Default Alias --dry-run Boolean false -d Run through without making any changes. Just reports the files that will be created --skip-install Boolean false -si Skip installing packages --skip-tests Boolean false -st Skip creating tests --inline-style Boolean false -is Use inline styles when generating the new application --inline-template Boolean false -it Use inline templates when generating the new project Text version of the video http://csharp-video-tutorials.blogspot.com/2017/10/angular-cli-ng-new-options.html Slides http://csharp-video-tutorials.blogspot.com/2017/10/angular-cli-ng-new-options-slides.html Angular CLI Text articles & Slides http://csharp-video-tutorials.blogspot.com/2017/10/angular-cli-tutorial-for-beginners.html Angular CLI Tutorial https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_ All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 23578 kudvenkat
Code Completion - JavaScript
SAP Web IDE provides JavaScript code completion for SAPUI5 objects. Subscribe to our channel: https://www.youtube.com/channel/UCgScBj_AEGo_mI5accM4XhA?sub_confirmation=1 Get more information on SAP Web IDE from our main page: http://scn.sap.com/docs/DOC-55465 Check out the SAP Web IDE documentation: https://help.hana.ondemand.com/webide/frameset.htm
Views: 2281 SAP Web IDE
WordPress Post Formats Tutorial
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL Learn what Post Formats are, what they are used for, and how to enable them within a theme. In this lesson we create unique styles for an aside, a link, and a photo gallery. Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review): http://learnwebcode.com/wordpress-post-formats-tutorial/ To view a complete list of the WordPress lessons in sequential order visit: http://learnwebcode.com/learn-wordpress/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 109059 LearnWebCode
You got your Browser in my Virtual Machine! Impersonating Javascript environments in the Java VM
Ean Schuessler - @brainfoodies Sharing validation logic and system state management between client and server is a very common need. Learn how sophisticated browser programming models can help you bridge the gap between your JavaScript and Java codebases. What are WebExtensions? (9:12) Isomorphic applications and Nashorn, meaning running your code in multiple environment (12:30) The evolution of JavaScript (21:08) React/Flux/Redux (24:03) What is Filter Bubble Project?(29:48) Links for Nashorn project: http://openjdk.java.net/projects/nashorn/
Views: 3000 Java
How to Install Java JDK on Windows 10 ( with JAVA_HOME )
In this video I am going to show you How to install Java JDK on Windows 10 ( with JAVA_HOME ). Java installer .msi file comes with JRE and JDK. Java JDK Installation for Microsoft Windows (64-bit). JDK stands for Java SE Development Kit. JRE stands for Java Runtime Environment. 1. Download Java Open your web browser Type URL: http://www.oracle.com/technetwork/java/javase/downloads/index.html to go to Oracle download page Click on button “ JDK download ” for Java SE update 4. This will lead you JDK download page http://www.oracle.com/technetwork/java/javase/downloads/jdk-7u4-downloads-1591156.html Accept oracle license agreement Find and click on the correct jdk download link right for your operating system to download Save the file to disk 2. Install Java Double click to run the download file Just follow the prompt in Installer window #Javatutorialforbeginners #Javatutorial #Javaprogramming #Javaprogrammingtutorial #Javabasicsforbeginners -------------------Online Courses to learn---------------------------- Data Analytics with R Certification Training- http://bit.ly/2rSKHNP DevOps Certification Training - http://bit.ly/2T5P6bQ AWS Architect Certification Training - http://bit.ly/2PRHDeF Python Certification Training for Data Science - http://bit.ly/2BB3PV8 Java, J2EE & SOA Certification Training - http://bit.ly/2EKbwMK AI & Deep Learning with TensorFlow - http://bit.ly/2AeIHUR Big Data Hadoop Certification Training- http://bit.ly/2ReOl31 AWS Architect Certification Training - http://bit.ly/2EJhXjk Selenium Certification Training - http://bit.ly/2BFrfZs Tableau Training & Certification - http://bit.ly/2rODzSK Linux Administration Certification Training-http://bit.ly/2Gy9GQH ----------------------Follow--------------------------------------------- My Website - http://www.codebind.com My Blog - https://goo.gl/Nd2pFn My Facebook Page - https://goo.gl/eLp2cQ Google+ - https://goo.gl/lvC5FX Twitter - https://twitter.com/ProgrammingKnow Pinterest - https://goo.gl/kCInUp Text Case Converter - https://goo.gl/pVpcwL ------------------Facebook Links ---------------------------------------- http://fb.me/ProgrammingKnowledgeLearning/ http://fb.me/AndroidTutorialsForBeginners http://fb.me/Programmingknowledge http://fb.me/CppProgrammingLanguage http://fb.me/JavaTutorialsAndCode http://fb.me/SQLiteTutorial http://fb.me/UbuntuLinuxTutorials http://fb.me/EasyOnlineConverter
Views: 1313008 ProgrammingKnowledge
Chrome 56: Web Bluetooth, CSS Position Sticky, and HTML5 By Default
With Chrome 56, web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API, position sticky is back - making it easy to create elements that scroll normally until sticking to the top of the viewport. And HTML5 by Default is enabled for all users. Pete LePage has all the details and how you can use these new developer features in Chrome 56! Subscribe to the Chrome Developers YouTube channel and dive into What’s new for developers in Chrome 56: https://goo.gl/OUF4e2 * Web Bluetooth API Updates Article - https://goo.gl/HlxvmY Web Bluetooth Community - https://goo.gl/Okbo4t Spec - https://goo.gl/b0XgDg GATT Protocol - https://goo.gl/b0XgDg Samples - https://goo.gl/I4g0Dw Demos - https://goo.gl/nDu5Cw * CSS Position Sticky Updates Article - https://goo.gl/oHSzpb MDN Docs - https://goo.gl/b96D46 * HTML5 By Default Original Annoucement - https://goo.gl/fUcp8J Roll Out Plan Announcement - https://goo.gl/lN7jzq Flash Roadmap Page - https://goo.gl/UhMjG7 Recommendations On Testing Sites - https://goo.gl/6S1vPe * Extras WebVR - https://goo.gl/CnpDkS WebGL 2.0 API - https://goo.gl/GSCSXp You can learn more about origin trials at https://goo.gl/6FP1a5
2. Famo.us Tutorial. Famo.us Views. Default Options.
Video in higher resolution: http://www.screencast.com/users/SvitlanaShepitsena/playlists/Famo.us%20Tutorials&mediaSetId=23414bd6-ea88-41b4-8f6d-82b6be2b6124 I am am using shortcuts with autohot keys. You can download my *.ahk file and webstorm settings: https://drive.google.com/folderview?id=0B4sgcbd3SYznM2pLRk5OX1B3ck0&usp=sharing
Views: 236 Svitlana Shepitsena
How To Make A WordPress Website ~ 2019  ~ A WordPress Website Tutorial For Beginners
WORDPRESS FOR BEGINNERS This how to make a WordPress website for beginners tutorial for 2019 covers all the steps needed to create your own WordPress website for free from start to finish with no html, css, javascript, or any other web coding experience. The course explains why Hostgator is the right WordPress web host for you and covers purchasing WordPress web hosting, installing WordPress for free, installing themes and plug-ins for your WordPress for free, and creating your own professional logo for free. It provides a very detailed and complete step-by-step walkthrough of everything you'll need to know how to create your own professional website from start to finish using the super easy (and free) Elementor page building plug-in. Below you will also find super discount options, lots of free resources, and timestamps to access specific lessons within this tutorial. DISCOUNT HOSTING OFFERS Host Link: http://hostgator.com/webyoda Coupon #1 : webyoda (Save 60% off everything) Coupon #2 : webyoda1cent (1st Month is only 1 cent) OUR WEB DEVELOPER TOOLS PARTNERS Free Logo : http://designevo.com/webyoda (Coupon WEBYODA30OFF) Elementor: https://go.elementor.com/webyoda ROYALTY FREE IMAGES https://unsplash.com http://pixabay.com https://pexels.com ROYALTY FREE VIDEO CLIPS https://youtube.com http://coverr.co https://www.videvo.net https://pixabay.com/en/videos/ https://www.videezy.com FREE ELEMENTOR TEMPLATES http://webyoda.com/templates http://go.elementor.com/webyoda http://webyoda.com/templatemonster TIMESTAMPS Step 1 - 00:00:00 Introduction Step 2 - 00:01:52 Website Project Overview Step 3 - 00:07:10 Unavoidable Costs Step 4 - 00:07:36 Please Ask Questions Step 5 - 00:07:53 Please Pay It Forward Step 6 - 00:08:05 Let’s Start Our Website Step 7 - 00:08:24 Choose and Purchase Web Hosting Step 8 - 00:16:14 Log In To Your Control Panel Step 9 - 00:17:24 Install WordPress Application Step 10 - 00:20:05 Display Your WordPress Website Step 11 - 00:20:50 Change WordPress Password Step 12 - 00:22:20 How To Login To WordPress Step 13 - 00:22:48 WordPress Tutorial Timestamps Step 14 - 00:23:29 Install WordPress Theme Step 15 - 00:25:15 Install WordPress Plugins Step 16 - 00:30:11 How To Update Plugins Step 17 - 00:30:33 How To Update Wordpress Step 18 - 00:32:05 About Your Dashboard Step 19 - 00:32:51 Creating Empty Pages Step 20 - 00:37:10 Access Elementor Plugin Step 21 - 00:38:31 Create A Menu Step 22 - 00:40:12 Set Menu Colors Step 23 - 00:43:24 Build A Free Logo Step 24 - 00:47:56 Make Image Transparent Step 25 - 00:58:14 Add Logo To Menu Bar Step 26 - 01:00:11 Choose A Homepage Step 27 - 01:01:08 Set Website Permalinks Step 28 - 01:02:01 Remove Search Icon Step 29 - 01:02:47 Remove Header Spacing Step 30 - 01:03:51 Set Footer Copyright Step 31 - 01:04:35 Build The Homepage Step 32 - 01:06:12 Collecting Website Content Step 33 - 01:07:07 Royalty Free Images And Videos Step 34 - 01:07:47 Add YouTube Background Step 35 - 01:13:02 Add Image Text Combo Step 36 - 01:17:33 Setting Default Fonts Step 37 - 01:28:54 Make Call To Action Areas Step 38 - 01:34:57 Add Accordion Widget Step 39 - 01:42:54 Add Image Carousel Step 40 - 01:46:32 Build Testimonials Section Step 41 - 01:52:41 Add Parallax Background Step 42 - 01:55:23 Using Contact Form 7 Step 43 - 02:00:32 Insert Join Our Email Form Step 44 - 02:03:01 Create Website Footer Step 45 - 02:07:30 Create About Us Page Step 46 - 02:08:11 YouTube Segment Background Step 47 - 02:15:27 Create Destination Page Step 48 - 02:28:41 Using Elementor Templates Step 49 - 02:37:34 Create Photo Gallery Step 50 - 02:38:46 How To Set Color Defaults Step 51 - 02:39:19 Add Gallery Page Step 52 - 02:42:13 Create Travel Tips Page Step 53 - 02:42:44 Create Contact Us Page Step 54 - 02:45:29 Using Icon List Widget Step 55 - 02:47:45 Insert Contact Us Form Step 56 - 02:48:25 Using Google Map Widget Step 57 - 02:49:48 Apply Content Animation Step 58 - 02:52:40 Headline Animation Widget Step 59 - 02:54:53 Mobile Friendly Adjustments Step 60 - 03:00:52 You Finished, Well Done! ABOUT THE AUTHOR About me (Yoda) – http://webyoda.com/first-certified-we... (First Certified Webmaster) WebYoda - http://webyoda.com/ (Owner) WOW Academy - http://webmastercertification.com/ (Online Training Creator) Web Design Training School - http://webdesigntrainingschool.com/ - (YouTube Instructor) MUSIC CREDITS Come On In - Silent Partner Sun's Rise - Silent Partner VIDEO COVER CREDITS 1. Girl Raft - SkyMediaPro 2. Egypt - Explore&Share 3. Havasu - Pavel Losevsky 4. Jamaica - Ron Lane 5. Mt Baker - coverr.co 6. Hawaii - InBoundHorizons 7. PC Beach - Pineapple Properties 8. Rome Italy - Tom Hoffman Jr. 9. Bermuda - www.pond5.com WE LOVE QUESTIONS & COMMENTS Questions? Comments? Please leave them below, we would love to hear from you.
Views: 49813 WebYoda
How to do More with Google Sites and use Advanced embed features!
Do more with Google Sites and become a power user today! Embed slideshows or carousels, Cards, Foldables, collapsible and many more features today with these tips and tricks! This video is a full tutorial of how you can do it! Impress your students, coworkers and friends with a sleak design and professional looking Google Sites. No longer does the limitation of Google Sites have to mean a basic website. Click on the timestamps to find relevant sessions of the video. Timestamps of the Tutorial: 0:13 Introducing the Examples 1:30 Create a blank Google Sites 2:30 Overview of W3 Schools and Bootstrap 3:12 Create a new Page on Google Sites 3:25 Animated Headers for Google Sites 4:14 Adding a slideshow or Carousel to Google Sites 6:42 Indicators for the Slideshow 6:57 Insert your own images for the slideshow 7:30 Find royalty free or CC0 Photos to use. 8:13 Sharing settings of your images on Drive 8:50 Change the URL to create a hosted Image 10:46 Navigation buttons for the Slideshow 11:10 insert the slideshow onto Google Sites 12:30 insert a collapsible or fold effect 13:50 Tweak the collapsible code 14:15 insert the fold/collapsible onto a Google Sites 15:13 Create Custom Cards 16:15 Change the font of the card 16:55 Material design styled shadow effect for the card 17:15 Hover over effect for the card 19:05 Review and thank you for watching Links used in the Video Demo Website with links and code: https://sites.google.com/view/slideshowdemoflipped/home W3 Website with Bootstrap examples: https://www.w3schools.com/bootstrap/default.asp Androidify to create the avatar: https://androidify.com/ Great images, Creative Commons 0: https://www.pexels.com/ My Google Sites Playlist with more tips and tricks: https://www.youtube.com/watch?v=Aflbbvw25xA&list=PLwXXOxvDboeZ5C9XI0gU_Wed3yzlfYf0m 🔴 Don't forget to SUBSCRIBE today for more videos! http://bit.ly/FlippedYT 🔴 AFFILIATE LINKS: How I make my videos: Techsmith Camtasia and Snagit : http://bit.ly/FlippedTechsmith Looking for a Host? www.bluehost.com/track/flippedclassroom/ ✅ SUPPORT THE CHANNEL BY SHOPPING ON AMAZON: https://www.amazon.com/?tag=flippedyt-20 ✅ OR CHECK out MY PRE-SELECTED list of my ALL-TIME Favourite EDTECH TOOLS: https://www.amazon.com/shop/flippedclassroomtutorials 🔴 Find me on SOCIAL MEDIA: My Official EduFlip Website: http://eduflip.net Follow me on Twitter: https://twitter.com/sdcthailand Find me on Facebook: http://bit.ly/FlippedFacebook And on Google Plus: http://bit.ly/FlippedGooglePlus 🔴 get CLASSROOM RESOURCES today: My TPT Store: https://www.teacherspayteachers.com/Store/Eduflip My Educents Store: https://www.educents.com/eduflip Eduflip Resources: http://www.eduflip.net/p/free-resources.html ✅ Work with us: http://training.eduflip.net or SUPPORT THE CHANNEL through Patreon: https://www.patreon.com/eduflip
Node.js apps on Firebase Hosting Crash Course - Firecasts
Node apps are here on Firebase Hosting. David takes you through getting set up and shares some performance and development tips along the way. See the official documentation: https://goo.gl/k3iv33 Add the Firecasts playlist! https://goo.gl/n2XqG1 Subscribe to the Firebase Channel: https://goo.gl/9giPHG Music by http://terramonk.com
Views: 156392 Firebase
Animated Sliding Image Gallery with jQuery and Javascript Part 1
In this short video series we make from start to finish a animated sliding image gallery using HTML,CSS,jQuery, Javascript and a little PHP. You dont need to know any server side programming for this tutorial, I simply used it to loop through all of the images in one folder. This could be hard coded with just HTML. Enjoy watching the videos, it less than 45 minutes in length and by the end of the 3 videos you should have a better understanding of how to make a sliding image gallery. This gallery can be extended so much further, my aim was just to give you enough knowledge of how to do it, so as you can then extend it yourself.
Views: 7636 Davids Videos
how to add autocomplete jquery search box inside html select option
html tutorial adding search box inside the dropdown select option control using jquery latest version with script
How to reset Mozilla Firefox to default settings?
By following these steps you will reset Mozilla Firefox extensions and themes, search engines, security settings, plugin settings, toolbar customization, user styles and other settings.
Views: 43773 PCrisk