D4mations.com

Tag: code

  • The Date Object – Getting, Setting & Formatting Dates in JavaScript – Tutorial

    In this video I’ll be demonstrating how to use the native JavaScript Date object to work with dates on the client-side of your web application or website. In most cases, a library such as Moment.js may be more suitable for working with dates but sometimes this native object is enough to satisfy your requirements. Support…

  • Beginner JavaScript Tutorial – 40 – Simple Form Validation

    Facebook – https://www.facebook.com/TheNewBoston-464114846956315/ GitHub – https://github.com/buckyroberts Google+ – https://plus.google.com/+BuckyRoberts LinkedIn – https://www.linkedin.com/in/buckyroberts reddit – https://www.reddit.com/r/thenewboston/ Support – https://www.patreon.com/thenewboston thenewboston – https://thenewboston.com/ Twitter – https://twitter.com/bucky_roberts Original source

  • Beginner JavaScript Tutorial – 17 – Complex Conditions

    Facebook – https://www.facebook.com/TheNewBoston-464114846956315/ GitHub – https://github.com/buckyroberts Google+ – https://plus.google.com/+BuckyRoberts LinkedIn – https://www.linkedin.com/in/buckyroberts reddit – https://www.reddit.com/r/thenewboston/ Support – https://www.patreon.com/thenewboston thenewboston – https://thenewboston.com/ Twitter – https://twitter.com/bucky_roberts Original source

  • Virtual Keyboard in JavaScript – HTML, CSS & JavaScript Tutorial (Project Video)

    Link to code: Google Material Icons: https://google.github.io/material-design-icons/#icon-font-for-the-web In this video we’ll be creating a virtual keyboard using pure HTML, CSS & JavaScript (no libraries required). This is done from scratch and is easy to integrate, responsive and touch-friendly. I think projects like this are super helpful for learning web development or specifically HTML, CSS, &…

  • Loading data into HTML Tables using AJAX – JavaScript Tutorial

    In most medium-to-large sized websites or applications, it’s ideal to separate your data from your HTML markup. One way to achieve this is by creating a structure in HTML and then loading the data separately from a dedicated data-file. AJAX is a method of loading data into a web page once it has finished loading…

  • JavaScript Tutorial – "unload" event | Detect when the browser window has closed

    By using the “unload” event in JavaScript you are able to detect when the window has closed. In the case of an iframe, it is possible to detect when the src attribute has been removed or changed. In this video we take a look at an example of the “unload” event in the case of…

  • Zoom Effect – CSS and JavaScript tutorial – Day 30

    In this tutorial we’re going to learn how to create a Zoom Effect using #CSS and #JavaScript. We are going to play around with the ‘mouseover’ and ‘keydown’ events in JavaScript and also the ‘transform scale’ and ‘transform-origin’ property in CSS. #31Days31Videos 📹 Playlist: https://www.youtube.com/playlist?list=PLgBH1CvjOA62ktHHwqSYBeq4jmGmUezNo 💻 Code on CodePen: https://codepen.io/FlorinPop17/pen/ZEYNjRQ — Support my channel: 💜…

  • Animated Sidebar Menu – CSS and JavaScript tutorial – Day 31

    In this tutorial we’re going to use #CSS and a little bit of #JavaScript to create a nice Animated Sidebar Menu. #31Days31Videos 📹 Playlist: https://www.youtube.com/playlist?list=PLgBH1CvjOA62ktHHwqSYBeq4jmGmUezNo 💻 Code on CodePen: https://codepen.io/FlorinPop17/pen/jOEjzOv — Support my channel: 💜 Join the Discord community 👨‍👩‍👧‍👦 by becoming a patron: https://www.patreon.com/florinpop17 💜 One time donations via PayPal: https://paypal.me/florinpop17 Thank you! 🙏…

  • Accessing an iframe document (contentWindow) – JavaScript Tutorial

    In this video we take a look at the contentWindow and contentDocument properties of an embedded iframe – it allows access to the underlying “window” and “document” objects of the HTML page. 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!…

  • Create a Navigation Bar with Icons – HTML, CSS & JavaScript Tutorial | Web Design

    In this video we’ll be creating a stylish navigation bar with icons, using plain HTML, CSS and JavaScript. The icon library used will be Google Material Icons, which you can read the documentation for here: https://material.io/tools/icons/ To include Google Material Icons on your web page, add this to your head: https://fonts.googleapis.com/icon?family=Material+Icons Support me on Patreon:…