Tag: html5 tutorial

  • HTML5 Canvas Tutorial Draw Lines and Filled Shapes Using Javascript

    Homework Starter Code: http://www.developphp.com/video/HTML/Canvas-Draw-Lines-and-Filled-Shapes-Tutorial In this HTML5 canvas lesson we demonstrate how to plot and draw lines for custom shapes. Learn to draw shapes, fill them, stroke them, color them, and complete the homework assignment laid out in the video. Original source

  • 6. HTML5 Custom Video Player Controls JavaScript CSS Design Tutorial

    Lesson Code: http://www.developphp.com/video/JavaScript/Video-Player-Controls-CSS-Design-Tutorial 6th and final part of customizing the HTML5 video controls. In this video we will show some design tips for customizing the video player to match your specific brand or site design. I want to remind everyone that HTML5, CSS3 and some JavaScript functionality cannot yet be depended on to work in…

  • Peekaboo Box Tutorial Scroll Bottom JavaScript CSS3 transition HTML5 Animation

    Lesson Code: http://www.developphp.com/video/JavaScript/Peekaboo-Box-Tutorial-Scroll-Bottom-CSS-Transition-Animation Learn to program animated HTML5 Peekaboo boxes using CSS3 transitions that are triggered using only one line of JavaScript. The Peekaboo box can animate into the web page at any desired scroll point. A good understanding of scroll event programming in JavaScript enabled me to write this functionality in just a few…

  • Button Sound Effects Tutorial Audible HTML5 JavaScript Menu Systems

    Lesson Code: http://www.developphp.com/video/JavaScript/Button-Sound-Effects-Tutorial-Audible-Menu-Systems In this tutorial we will demonstrate how to make an audible HTML5 menu system using JavaScript driven html5 sound objects. For creating elements that play sound when they are interacted with on the page. You can find and download tons of free bleep and click sounds for your audible menu systems by…