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 )

C++ OpenGL in Xcode Primer Tutorial

Posted on by

OpenGL is, to quote from the OpenGL.org landing page … The Industry’s Foundation for High Performance Graphics from games to virtual reality, mobile phones to supercomputers … a big player for game developers for desktop, web, and mobile platforms. Today … Continue reading →

Posted in eLearning, Games, GUI, Installers, Operating System, Tutorials, Xcode | Tagged , , , , , , , , , , , , , , , | 7 Comments

PHP and Javascript and CSS Shape Rotation Tutorial

Posted on by

We’re continuing on with our Geometry and Land Surveying theme today, following on from yesterday’s PHP and Javascript and CSS Shape Drawing Tutorial as shown below. When there are only small distances we talk about Plane Geometry because the curvature … Continue reading →

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

HTML Canvas Memories Game Drag and Drop Tutorial

Posted on by

The Canvas HTML element tag combines with some drag and drop event Javascript logic today with our revised Memories Card Game we first developed some time back with HTML/Javascript Canvas Memories Card Game Primer Tutorial as shown below. In the … Continue reading →

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

HTML Colour Coded Tic Tac Toe Drag and Drop Tutorial

Posted on by

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 Onresize Tutorial

Posted on by

Yesterday we came back after quite some time in the (PHP) server world to some client (Javascript and HTML) work, and today, after yesterday’s HTML5 Canvas Map Clickaround Overlay Tutorial as shown below, we tackle a client Javascript event, the … Continue reading →

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

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