Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Health App on iPhone Gait Checking Tutorial
- Cowsay Revisit Textarea Event Rearrangements Tutorial
- Cowsay Revisit Data Type Tutorial
- Cowsay Revisit Regarding Temporaries Tutorial
- Cowsay Cartoon Cell Edit Image Tutorial
- Cowsay Cartoon Cell Data Type Tutorial
- Cowsay Cartoon Ordered Recursion Tutorial
- Electric Vehicle Charging via Evie Primer 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: multiple
HTML Square Horizontal Rule Image Map Jigsaw Signature Tutorial
We’re on the way to allowing for signatures today, adding onto the recent HTML Square Horizontal Rule Image Map Jigsaw Timesheet Tutorial progress with Timesheet Helper functionality via Image Map Jigsaw ideas. We’d already done a lot of work on … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged array, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, dropdown, eLearning area, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, random, rectangle, reveal, rotate, rubberband, script, select, share, signature, software integration, square, SVG, table, textarea, transform, translate, tutorial, Tutorials, url, window, word, word game, YouTube, z-index
|
Leave a comment
HTML Square Horizontal Rule Image Map Jigsaw Timesheet Tutorial
If you are a regular reader at this blog, you may know that over some time now, several years in fact, we’ve longed to write code to help with Timesheets, and have come at this from … HTML5 canvas usage … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, dropdown, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, random, rectangle, reveal, rotate, rubberband, script, select, share, software integration, square, SVG, table, textarea, timesheet, transform, translate, tutorial, url, window, word, word game, YouTube, z-index
|
Leave a comment
HTML Square Horizontal Rule Image Map Jigsaw Polygon Tutorial
Yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Javascript Tutorial had us at a point where … image map area shape=rect elements could form a jigsaw of overlay navigational functionality aided and abetted by “snap to” methodologies … and today … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, dropdown, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, random, rectangle, reveal, rotate, rubberband, script, select, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index
|
Leave a comment
HTML Square Horizontal Rule Image Map Jigsaw Javascript Tutorial
Yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Email Tutorial helped us establish a methodology by which our Image Map creator might be a collaboration tool. Today, though, we try to improve the automated features about what might be useful … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, collaboration, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, script, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index
|
Leave a comment
HTML Square Horizontal Rule Image Map Jigsaw Email Tutorial
Online collaboration depends on a communication mechanism for your web applications. This amounts to a situation where a user can break out of the relative URL scenario within most web applications, where navigation is controlled to designated places, or to … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, collaboration, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index
|
2 Comments
HTML Square Horizontal Rule Mobile Image Map Jigsaw Tutorial
The recent HTML Square Horizontal Rule Editable Image Map Jigsaw Tutorial left us with an Image Map creator in its early days, not very good at handling a mobile platform’s needs to … apply inline CSS HTML styling to the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, communication, contenteditable, copy, CSS, deck, dictionary, div, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index
|
Leave a comment
HTML Square Horizontal Rule Editable Image Map Jigsaw Tutorial
Adding to yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Tutorial, today we add logic to be able to … Edit the image map via an HTML div contenteditable=true element showing the image map’s outerHTML representation … as well as … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, contenteditable, copy, CSS, deck, dictionary, div, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, parent, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index
|
Leave a comment
HTML Square Horizontal Rule Image Map Jigsaw Tutorial
We like the image editor GIMP’s Guillotine functionality we last talked about at Gimp Guillotine Follow Up Memory Tutorial and wanted to start out creating image maps in a similar vein, and remembering back to hard copy digitizing days and … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, copy, CSS, deck, dictionary, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, overlay, parent, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, share, software integration, square, SVG, table, transform, translate, tutorial, url, word, word game, YouTube, z-index
|
Leave a comment
The distinction between course-driven and immersion-driven learning is useful. A small extension to the australia.htm exercise would be a set of named map markers and a text filter: first update the visible markers on an input event, then add a collected/uncollected toggle, and finally persist only that toggle state in localStorage. That gives beginners a concrete reason to learn arrays, DOM updates and browser storage without needing PHP or MySQL first. It is also worth testing empty searches, a page reload and disabled storage separately; those are different failure cases. Disclosure: we maintain the GTA 6 interactive map. I am suggesting it as an example of a map-and-progress interface, not claiming that we used the tutorial code. Would you introduce persistence after the first working interaction, or keep the initial exercise entirely stateless?