Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Ffmpeg Voiceover AlmaLinux Tutorial
- Ball Game Canvas Animation Primer Tutorial
- Google Chart Geo Chart Quiz Time Tutorial
- Google Chart Geo Chart Quiz Overlay Tutorial
- Country Quizzes Beep Tutorial
- Google Chart Geo Chart Quiz Beep Tutorial
- PHP Tokeniser Primer Tutorial
- PHP Intl Class Peer to Peer Locale Variants World Map 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 div DOM dropdown email emoji event form game games Google Google chart HTML IFRAME image iOS iPad Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: underlay
Google Chart Geo Chart Quiz Beep Tutorial
We’ve long had on our minds a wish to incorporate a beep sound into quiz scenarios, and we’re revisiting this, again, for us, trying to get this going using the Geographical Quiz featuring in Google Chart Image Chart Map Chart … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged audio, beep, chart, click, DOM, dropdown, geo chart, geography, geography quiz, gesture, Google chart, Javascript, map, mp3, multitasking, opacity, overlay, position, programming, quiz, select, sound, tutorial, underlay, user, user click, wav, Web Application, z-index
|
Leave a comment
HTML5 Web Audio Piano Keyboard Highlighting Tutorial
The “difference word” in today’s blog posting title is “highlighting”. Whether it be … the highlighting of text … perhaps ahead of a Copy operation with modern GUIs … or … the highlighting of some HTML element … a lot … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged audio, div, DOM, form, Google Translate, highlight, HTML, Javascript, keyboard, media, music, object, OOP, overlay, programming, synchronization, synchronize, Text to Speech, tutorial, underlay, video, web audio, z-index
|
Leave a comment
Google Charts Geo Chart Region Picker Conditional Positioning Tutorial
Because of the work at Curl HTTP Request Methods Tool Tutorial we can now … conditionally (depending on the existence of the Google Charts Image Charts API) … determine the positioning of Region Picker functionality elements … further to yesterday’s … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, align, alignment, clash, clashing, clashing text, client pre-emptive iframe, colour, conditional, cursor, dimensions, div, document.body.scrollTop, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, padding-top, PHP, position, programming, region, right click, scroll, scrolling, scrollIntoView, scrollTop, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, user experience, UX, vertical scroll, width, Wikipedia, z-index
|
Leave a comment
Google Charts Geo Chart Region Picker Alignment Tutorial
In our inhouse Region Picker we like the way the right hand webpage side involved some useful … position: sticky; … positioning, useful within the realms of what is going on on the right hand side. But now we’re wanting … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, align, alignment, clash, clashing, clashing text, colour, cursor, dimensions, div, document.body.scrollTop, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, padding-top, PHP, position, programming, region, right click, scroll, scrolling, scrollIntoView, scrollTop, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, user experience, UX, vertical scroll, width, Wikipedia, z-index
|
Leave a comment
Google Charts Geo Chart Region Picker Shading Tutorial
We have a few major improvements onto yesterday’s Google Charts Geo Chart Region Picker Nesting Tutorial‘s work … shading of country in the Google Charts Geo Chart … addition of event logic for the “overlay/underlay/arriba” Google Charts Geo Chart incarnation … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, clash, clashing, clashing text, colour, dimensions, div, DOM, event, events, geo chart, Google Charts, height, HTML, IFRAME, interface, Javascript, map, nest, onclick, oncontextmenu, opacity, overlay, PHP, position, programming, region, right click, shade, shading, SVG, tool, transparency, transparent, tutorial, underlay, url, width, Wikipedia, z-index
|
Leave a comment
Colouring In Drag and Drop Reveal Wikipedia Images Tutorial
At first, today, we thought we’d apply new “show Wikipedia image” ideas via … Ajax methodologies … but then saw that … iframe … <iframe onload=ouriaj(this); id=”ourifaj” src=” style=display:none;></iframe> … calls … better fitted in with our functionalities, but the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, Ajax, alert, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, browsing, button, Camer, canvas, cell, class, clip art, clone, co-ordinates, collaborate, collaboration, column, confirm, country, CSS, dataset, dblclick, device, Did you know, dimensions, DOM, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, end tag, entity, flag, focus, game, games, genericize, geography, geojson, geospatial, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, HTML, html entity, HTML5, IFRAME, image, image search, image URL, imagery, images, innerHTML, iOS, iPad, iPhone, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, minesweeper, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, onload, overlay, palette, percentage, photo, photograph, PHP, pixel, pixels, platform, polyline, popup, popup window, postcard, processing, programming, proof of concept, proportional, pseudo class, pseudo element, pseudo selector, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, size, SMS, stop press, style, stylesheet, styling, SVG, table, table cell, tag, television, text, top, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, warerfall, width, Wikipedia, world, world map
|
Leave a comment
Colouring In Drag and Drop Mobile Journey Game Tutorial
We needed to considerably change yesterday’s Colouring In Drag and Drop Pseudo Element Content Tutorial “Journey Game” logic to work with mobile platforms, to do with … for “easy” Journey Game options we change size of “mytable” table and hide … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, iOS, Tutorials
|
Tagged absolute, alert, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, browsing, button, Camer, canvas, cell, class, clip art, clone, co-ordinates, collaborate, collaboration, column, confirm, country, CSS, dataset, dblclick, device, Did you know, dimensions, DOM, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, end tag, entity, flag, focus, game, games, genericize, geography, geojson, geospatial, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, HTML, html entity, HTML5, image, image search, image URL, innerHTML, iOS, iPad, iPhone, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, minesweeper, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, overlay, palette, percentage, photo, photograph, PHP, pixel, pixels, platform, polyline, popup, popup window, postcard, processing, programming, proof of concept, proportional, pseudo class, pseudo element, pseudo selector, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, size, SMS, stop press, style, stylesheet, styling, SVG, table, table cell, tag, television, text, top, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, warerfall, width, Wikipedia, world, world map
|
Leave a comment
Colouring In Drag and Drop Pseudo Element Content Tutorial
Our current Colouring In web application project has relied a lot on HTML table, then tbody, then tr (row), then td (table cell) elements, believe it or not, up to today, not requiring any … traditional content (in Javascript DOM, … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged absolute, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, browsing, button, Camer, canvas, cell, class, clip art, clone, co-ordinates, collaborate, collaboration, column, country, CSS, dataset, dblclick, device, Did you know, dimensions, DOM, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, end tag, entity, flag, focus, game, games, genericize, geography, geojson, geospatial, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, HTML, html entity, HTML5, image, image search, image URL, innerHTML, iOS, iPad, iPhone, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, minesweeper, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, overlay, palette, percentage, photo, photograph, PHP, pixel, pixels, platform, polyline, popup, postcard, processing, programming, proof of concept, proportional, pseudo class, pseudo element, pseudo selector, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, size, SMS, stop press, style, stylesheet, styling, SVG, table, table cell, tag, television, text, top, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, warerfall, width, Wikipedia, world, world map
|
Leave a comment
