Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Tcl/Tk macOS and Xcode Revisit Tutorial
- WordPress Mobile Ontouchmove Event Tutorial
- WordPress Javascript Coding Rearrangements Primer Tutorial
- Window Object Function Equals Function Primer Tutorial
- Web Browser Brand Roles Primer Tutorial
- Screen Co-ordinates Helper Primer Tutorial
- PHP Exif Quiz Data Subject Zoom Tutorial
- PHP Exif Quiz Data Nuances Tutorial
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: popup
Google Chart Image Chart Colour Tutorial
Restricting you creatives to “inhouse annotations” of the “gray variety” might be seen as a bit boooorrrriiiinnnngggg! And so, onto the progress up to yesterday’s Google Chart Image Chart Rubber Banding Tutorial, today we’ve added a … colour picker … … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged angle, animated gif, annotation, attrribute selector, bar chart, border-radius, broadcast, candlestick chart, canvas, circle, colour, concept, context, CSS, data, degrees, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, event.stopPropagation, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, imageellipse, imagefilledellipse, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, song, spread, statistics, stopPropagation, substitution, ternery, text, thumbnail, touch, touchdown, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Rubber Banding Tutorial
The Javascript clientside idea of “Rubber Banding” … Rubber banding is a popular technique of drawing geometric primitives such as line, polylines, rectangle, circle and ellipse on the computer screen. … really appeals to our “inner programmer” … damn! … … Continue reading →
Posted in eLearning, Event-Driven Programming, GUI, Tutorials
|
Tagged animated gif, annotation, attrribute selector, bar chart, border-radius, broadcast, candlestick chart, canvas, circle, concept, context, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, event.stopPropagation, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, imageellipse, imagefilledellipse, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchdown, ontouchstart, parameter, parameterization, peer to peer, PHP, pich, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, rubber band, rubber banding, scatter chart, scribble, scroll, scrolling, song, spread, statistics, stopPropagation, substitution, ternery, text, thumbnail, touch, touchdown, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Circle Annotation Tutorial
Today, we add … open circle filled circle … annotation possibilities onto the “Broadcast Talk” work in yesterday’s Google Chart Image Chart Broadcast Talk Context Tutorial. The CSS border-radius property has come to the rescue of many a programmer, saving … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, annotation, attrribute selector, bar chart, border-radius, broadcast, candlestick chart, canvas, circle, concept, context, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, imageellipse, imagefilledellipse, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, thumbnail, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Broadcast Talk Context Tutorial
The progress, today, along the same lines as yesterday’s Google Chart Image Chart Broadcast Talk Tutorial‘s introduction of a “Broadcast Talk” functionality, was to … improve “Broadcast Talk” context, by adding onto yesterday’s … presented as an update image still … Continue reading →
Posted in eLearning, Event-Driven Programming, Operating System, Tutorials
|
Tagged animated gif, annotation, attrribute selector, bar chart, broadcast, candlestick chart, canvas, concept, context, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, ImageMagick, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, thumbnail, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Broadcast Talk Tutorial
Onto yesterday’s Google Chart Image Chart Statistical Charts Tutorial progress we want to offer … once a user has that “More Annotation” annotating happening … offer the chance to … Broadcast … their work as it happens, dynamically … to … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged annotation, attrribute selector, bar chart, broadcast, candlestick chart, canvas, concept, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Statistical Charts Tutorial
Further to yesterday’s Google Chart Image Chart Pie Chart Tutorial, today, we embark on our first ventures into composite charts, along what we like to think of as “statistical lines”, regarding interfacing to Google Charts Image Chart … Line Chart … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged annotation, attrribute selector, bar chart, candlestick chart, canvas, concept, CSS, data, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graph, graphical, graphical representation, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, interface, label, line, line chart, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, relationship, representation, retwaek, scatter chart, scribble, scroll, scrolling, song, statistics, substitution, ternery, text, touch, tutorial, tweak, user, value, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Pie Chart Tutorial
As we intimated in yesterday’s Google Chart Image Chart GraphViz Chart Tutorial … start with an at least two part “inhouse phase” of additional “extra to text” annotation functionality possibilities … … we would return! And so, here thou lingers. … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged annotation, attrribute selector, canvas, CSS, Did you know, discrete, discrete click, div, dropdown, earworm, emoji, event, GD, gesture, Google Charts, graphics, GraphViz, GraphViz Chart, GUI, hardcoding, HTML5, interface, line, linear gradient, loop, looping, macOS, mantissa, mathematics, mobile, mouse, obsession, onclick, ontouchstart, parameter, parameterization, peer to peer, PHP, pie chart, placement, play, play button, popup, popup window, programming, rectangle, scatter chart, scribble, scroll, scrolling, song, substitution, text, touch, tutorial, user, venn chart, Venn diagram, video, web browser, window.open, window.opener, YouTube
|
Leave a comment
Google Chart Image Chart Map Chart GeoJson Onclick Tutorial
Still on the “reconstituting” trajectory yesterday’s Google Chart Image Chart Map Chart GeoJson Iframe Tutorial had, continuing on with regarding our interfacing to the Google Charts Image Chart Map Chart hosting of GeoJson functionality, today, we “reconstitute” some “onclick” event … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged argument, array, background-size, blog, client, client pre-emptive iframe, co-ordinates, code, colour, colour code, colour coding, compartment, contain, context, country, country code, cover, CSS, CSS property, DOM, dropdown, element, emoji, emoji flag, event, fallback, filter, flag, geojson, Google Translate, header.php, helper, hint, hints, HTML, IFRAME, image, image chart, inline CSS, interim, internationalization, iOS, iPad, ISO 3166-2, Javascript, language, language translation, list, logic, map, mobile, multiple, nest, nesting, onclick, onload, overflow, overflow-x, overlay, page source, PHP, popup, post, posting, programming, property, quiz, reconstituted, region code, scale, scroll, scrolling, size, sizing, style, styling, SVG, table, table cell, timezone, title, touch, transform, translation, tutorial, TwentyTen, TwentyTen theme, user experience, UX, view page source, web browser, webpage, Wikipedia, Wordpress, zoom
|
Leave a comment


I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When Iβm checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?