Tag Archives: HTML

Javascript Object Oriented Approach Primer Tutorial

Today’s tutorial builds on yesterday’s Javascript Array of Structures Primer Tutorial (as shown below) to start to explore an Object Oriented design approach for data objects in Javascript and shows the use of an array of these data object data … Continue reading

Posted in eLearning, OOP, Tutorials | Tagged , , , , , | Leave a comment

Javascript Array of Structures Primer Tutorial

Today’s tutorial explores data structures in Javascript and shows the use of an array of these data structures. The subject matter of the resultant program is a Book Catalogue. The Javascript handles the storage of this Book information in keeping … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , | 2 Comments

Cross Browser/Platform Javascript Primer Tutorial

Today’s tutorial shows a cross browser and cross platform consideration of a styling issue where CSS (any type) cannot help but Javascript can. The issue is that with the HTML frameset element the cols property cannot be changed by CSS, … Continue reading

Posted in Android, eLearning, iOS, Software, Tutorials | Tagged , , , , , , , , , , , , , , , , | Leave a comment

Touch Pinch Gesture Primer Tutorial

The Pinch Gesture on a tablet is pretty intuitive, and lots of people spend lots of time from then on “pinching” their way through the web … but watch out for angry spiders. The word “gesture” is fairly pertinent here … Continue reading

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

Ajax Global Weather Auto-completion Tutorial

Ajax techniques make your web pages very dynamic and useful, and there will be fewer changes of webpage required when using Ajax, because information derived from a data source (maybe a feed, maybe a database read, maybe a local source … Continue reading

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

PHP/Javascript/HTML Google Chart Histogram Tutorial

Here is a tutorial that introduces you to Google Graphs API, or Google Chart Tools, and its Histogram functionality. Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , , , | Leave a comment

CSS3 Transformations Primer Tutorial

Here is a tutorial that introduces you to the idea that you can use CSS (CSS3) to perform image transformation tasks, building on the ideas of the previous CSS3 Image Animation Primer Tutorial as shown below. One such idea is … Continue reading

Posted in Animation, eLearning, Tutorials | Tagged , , , , , , , , , , , , | 22 Comments

Moving HTML Elements Primer Tutorial

Here we have a common scenario on the web, in that this tutorial creates one of those “windows” (but is a <div>) always sitting on top. Sometimes that annoys, sometimes it is necessary, but almost certainly what this tutorial makes … Continue reading

Posted in eLearning, Tutorials | Tagged , , , , | Leave a comment