Adam Khoury

Videos: 98 Likes: 19,742 Views: 1,624,360

Videos by: Adam Khoury

WAPG 6 SVG Animation Programming SMIL JavaScript CSS

4 days ago
Learn SVG animation techniques using animation elements(SMIL), JavaScript and CSS. Lesson Code: www.developphp.com/video/JavaScript/WAPG-6-SVG-Animation-Programming-SMIL-JavaScript-CSS

Custom Mouse Cursor Tutorial Canvas CSS HTML

3 months ago
Lesson Code: www.developphp.com/video/CSS/Custom-Mouse-Cursor-Tutorial-Canvas-CSS-HTML Learn how to change the mouse cursor or pointer to a custom cursor and change the hotspot for the click area.

WAPG 5 Collision Hit Detection DOM Programming JavaScript Tutorial

3 months ago
Lesson Code: www.developphp.com/video/JavaScript/WAPG-5-Collision-Hit-Detection-DOM-Programming-JavaScript-Tutorial Learn collision and hit detection in the DOM. The DOM is the normal development environment. We already made collision and hit detection tutorials for the HTML5 canvas in my Canvas Bootcamp playlist, which you can find on my channel any time you want.

WAPG 4 Script Based Animation Programming JavaScript CSS Tutorial

5 months ago
Learn to program script-based animations with JavaScript using requestAnimationFrame, cancelAnimationFrame, setInterval or setTimeout. Using timing methods provides a greater level of control over how things animate on the screen and is ideal for video game development and other interactive animated applications. requestAnimationFrame is a method that invokes a callback function and uses the browser software’s […]
Holiday Lights Animation Tutorial CSS JavaScript

Holiday Lights Animation Tutorial CSS JavaScript

6 months ago
Learn to design, animate and render a set of holiday light bulbs using CSS and JavaScript. Happy Holidays everyone.
WAPG 3 Sprite Animation Programming CSS JavaScript

WAPG 3 Sprite Animation Programming CSS JavaScript

7 months ago
In this video we cover sprite animation programming in the DOM and on the Canvas. Learn to make dynamic and interactive sprite sheet animations.
WAPG 2 keyframes Animation Programming CSS JavaScript

WAPG 2 keyframes Animation Programming CSS JavaScript

8 months ago
Learn keyframes animation programming with CSS and JavaScript.
WAPG 1 Transition Animation Programming CSS JavaScript

WAPG 1 Transition Animation Programming CSS JavaScript

8 months ago
In this first video we’ll briefly take a look at animation technologies that we’ll be exploring in the guide, then we’ll begin transition programming because transitions are a great place to ease beginners into the more advanced material that will be covered later.
Parallax Effect Animation Multiple Background CSS Tutorial

Parallax Effect Animation Multiple Background CSS Tutorial

10 months ago
Lesson Code: www.developphp.com/video/CSS/Parallax-Effect-Animation-Multiple-Background-CSS-Tutorial Learn to rig parallax effect animations using the new CSS3 multiple backgrounds capabilities. We are using a single DIV element to make all of the magic happen, pure CSS and no complicated scripting. You can integrate sprite animations inside of the DIV to make even cooler effects.
Background Position keyframes Animation CSS Tutorial

Background Position keyframes Animation CSS Tutorial

10 months ago
Lesson Code: www.developphp.com/video/CSS/Background-Position-keyframes-Animation-CSS-Tutorial Learn to animate background images in multiple directions. Your backgrounds can animate in any direction, up, down, left, right, or diagonally. We’ll be using the CSS keyframes rule and the background-position property to create the effect.
Hexagon Vortices on Saturn and Jupiter Explained

Hexagon Vortices on Saturn and Jupiter Explained

11 months ago
Hexagon Vortices on Saturn and Jupiter Explained Source of Jupiter’s hexagon vortex from Nasa website: science.nasa.gov/science-news/science-at-nasa/2003/12mar_darkspot/ Source of Saturn’s hexagon vortex from Nasa: www.jpl.nasa.gov/news/news.php?feature=3969 Links to watch the Saturn videos made by crazy people: www.youtube.com/results?search_query=saturn+hexagon+conspiracy www.youtube.com/results?search_query=Saturn+God www.youtube.com/results?search_query=Saturn+gateway
Contact Form Web Application Tutorial Ajax HTML5 PHP

Contact Form Web Application Tutorial Ajax HTML5 PHP

12 months ago
Lesson Code: www.developphp.com/video/JavaScript/Contact-Form-Web-Application-Tutorial-Ajax-HTML5-PHP In this exercise we will demonstrate how to build a modern all-purpose website contact form that uses new HTML5 features, Ajax and PHP. Everything happens without reloading the page or navigating to another document to parse the data. You can put this form to work on any website that processes PHP, and […]