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

HTML5 Canvas Map Clickaround Follow Up Tutorial

Posted on by

HTML5 brought in the incredibly useful “canvas” element, for the first time. Its existence opens up a whole new world of possibilities for web applications that are graphical by nature, as we saw yesterday with HTML5 Canvas Map Clickaround Primer … Continue reading →

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

HTML5 Canvas Map Clickaround Primer Tutorial

Posted on by

HTML5 brought in the incredibly useful “canvas” element, for the first time. Its existence opens up a whole new world of possibilities for web applications that are graphical by nature. With the canvas element’s drawImage() method you can draw more … Continue reading →

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

NetBeans Java Swing Anagrams Tutorial

Posted on by

The last time we talked about the NetBeans IDE in relationship to Java and Swing we dealt with NetBeans JavaFX Swing Primer Tutorial as shown below. Today we use a sample NetBeans project and add a little functionality to create … Continue reading →

Posted in eLearning, ESL, Games, GUI, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

HTML Canvas Golf Accuracy Game Primer Tutorial

Posted on by

The HTML Canvas element is great for games where you draw your own graphics based on interaction from the user … a great tool to have in your GUI toolbox … you download an app and start playing. A lot … Continue reading →

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

NetBeans JavaFX Swing Primer Tutorial

Posted on by

The last time we talked about the NetBeans IDE it was with C, C++ NetBeans, gdbserver Debugging Primer Tutorial as shown below, and quite some time back. NetBeans for Mac has moved onto version 8.0.2 and today, wanted to show … Continue reading →

Posted in eLearning, GUI, Operating System, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment