Tag Archives: overlay

Slideshow Animation via Image Visibility Follow Up Tutorial

We continue on with yesterday’s tutorial Slideshow Animation via Image Visibility Primer Tutorial which extended the “overlay” idea presented previously with WordPress Blog Search Within Search Overlay Tutorial where, you might remember, we had three HTML elements, one visible and … Continue reading

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , | 13 Comments

Slideshow Animation via Image Visibility Primer Tutorial

Today’s tutorial extends the “overlay” idea presented yesterday with WordPress Blog Search Within Search Overlay Tutorial where, you might remember, we had three HTML elements, one visible and the rest invisible, and we “overlayed” (in quotes, because the technique does … Continue reading

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , | 25 Comments

WordPress Blog Search Within Search Overlay Tutorial

Thought we were finished with “filter a search” (or “search within a search”) ideas yesterday … but how wrong were we? That wasn’t rhetorical. Okay … be like that. Anyway, we realised with today’s work continuing on from yesterday’s WordPress … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , | 16 Comments

HTML Image Map Solar System Follow Up Tutorial

In following up on the exciting exploits of the NASA New Horizon space probe and its photographs of the Solar System dwarf planet Pluto, and our initial look into the topic via HTML Image Map Solar System Primer Tutorial as … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , | 15 Comments

HTML Colour Coded Tic Tac Toe Drag and Drop Tutorial

Today we revisit the Javascript client drag and drop events for non-mobile platforms. Do you remember when we presented HTML/Javascript Canvas Tic Tac Toe Game Drag and Drop Tutorial as shown below, where we created a drag and drop game … Continue reading

Posted in eLearning, Event-Driven Programming, Games, GUI, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

HTML5 Canvas Map Clickaround Overlay Tutorial

After some time in the (PHP) server world, it’s time to dive back into some client (Javascript and HTML) work, in this client/server world of web applications. Today we revisit the “overlay” theme of blog postings, as the web application … Continue reading

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , | 13 Comments

HTML/Javascript Staged Animation Meter Presentation Tutorial

Slideshows can be a great way to present information. A slideshow is a form of animation that at its fastest is like a movie, where the images overlay on top of each other so fast our brains declare it a … Continue reading

Posted in Animation, eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , , , | 12 Comments

HTML Canvas Pros and Cons Report Primer Tutorial

Yesterday’s HTML Canvas Pros and Cons Game Primer Tutorial as shown below, had lots of scope for improvement, but feel that it is a good idea, so let’s set out on that task. A Pros and Cons report, by the … Continue reading

Posted in Ajax, eLearning, Games, OOP, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , | 17 Comments