Category Archives: GUI

Graphical user interface (GUI, sometimes pronounced ‘gooey’)[2] is a type of user interface that allows users to interact with electronic devices using images rather than text commands ( Wikipedia )

HTML5 Canvas Map Clickaround Overlay Tutorial

Posted on by

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

Posted on by

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/Javascript and PHP Quiz Meter Tutorial

Posted on by

A quiz is a fairly common way to learn, and a short answer or multiple choice quiz is easy to design with HTML and Javascript. We did this back with HTML/Javascript and PHP Quiz Tutorial as shown below, and it … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , | 15 Comments

HTML5 Meter Element Word Count Tutorial

Posted on by

HTML5 brought with it many great features to front-end work on the internet in HTML, and today, we continue on from the previous HTML5 Meter Element Progress Bar Tutorial as shown below, we talk about one of the newly introduced, … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , | 33 Comments

HTML5 Dialog Element Primer Tutorial

Posted on by

HTML5 brought with it many great features to front-end work on the internet in HTML, and today we talk about one of the newly introduced, and very useful, elements called “<dialog>”. At its core the “<dialog>” element represents a popup … Continue reading →

Posted in eLearning, Games, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , | 15 Comments

HTML5 Meter Element Progress Bar Tutorial

Posted on by

HTML5 brought with it many great features to front-end work on the internet in HTML, and today, we continue on from yesterday’s HTML5 Meter Element Primer Tutorial as shown below, we talk about one of the newly introduced, and very … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , | 25 Comments

HTML5 Meter Element Primer Tutorial

Posted on by

HTML5 brought with it many great features to front-end work on the internet in HTML, and today we talk about one of the newly introduced, and very useful, elements called “<meter>”. At its core the “<meter>” element represents a “fraction … Continue reading →

Posted in eLearning, GUI, Tutorials | Tagged , , , , , , , , , , | 7 Comments

Internet Explorer 8 with No Canvas Primer Tutorial

Posted on by

Was gobsmacked the other day trying worldold.htm on Internet Explorer 8, because I’d forgotten that the “canvas” element is not supported in IE8 or below. This web application uses the HTML5 “canvas” element not natively available in IE8 or below. … Continue reading →

Posted in eLearning, Event-Driven Programming, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , | 1 Comment