Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- 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
- Cowsay Cartoon Recursion 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: HTML
Animated GIF Link Image Slide Tutorial
Yesterday’s Animated GIF SVG Slide Tutorial had us … taking our animated GIF creator … starting with … SVG user entry functionality … then allow for … other image extraction from HTML user input via + … and today … … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, bitmap, btoa, character, data uri, data url, DOM, encodeURIComponent, extract, extraction, HTML, image, image/png, ImageMagick, inkscape, Javascript, link, mimetype, onblur, PHP, Png, presentation, programming, QR Code, screenshot, slide, snapshot, SVG, tutorial, url, vector, vector graphics, webpage, webpage snapshot
|
Leave a comment
Animated GIF HTML Image Slide Tutorial
Further to yesterday’s Animated GIF SVG Slide Tutorial … SVG vector image extraction from HTML input … today we want to add in … an additional + suffix will look for other HTML img element data in the user defined … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, btoa, data uri, data url, DOM, encodeURIComponent, extract, extraction, HTML, image, image/png, ImageMagick, inkscape, Javascript, mimetype, onblur, PHP, Png, presentation, programming, QR Code, screenshot, slide, snapshot, SVG, tutorial, url, vector, vector graphics, webpage, webpage snapshot
|
Leave a comment
Country Data Circular Text Buttons Tutorial
It’s time to go back to the reason we embarked on the Circular Text Button exploration of recent times and rejoin the woooorrrrllllddd of the “Country Data” web application of Country Data Emoji Buttons Tutorial. The reason we rejoin, is … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged attribute, attributes, button, circular text, circular text button, data, delimitation, delimiter, domain, emoji, emoji button, file_get_contents, flat file, geo chart, geodata, getAttribute, global data attributes, Google, Google chart, Google Charts, Google Translate, hover, HTML, IFRAME, internationalization, internationalize, Javascript, language, language code, link, long hover, map, map chart, onload, onmouseout, onmouseover, ontouchend, ontouchstart, open source, PHP, programming, semicolon, stop press, title, translate, translation, tutorial, url, where, Wikipedia, window.open
|
Leave a comment
Circular Text Around Media Animated QR Code Tutorial
The arrangements of yesterday’s Circular Text Around Media QR Code Tutorial‘s QR Codes, being as they … are given onclick logic for both non-mobile and mobile platforms … can be given the opportunity to be … animated via two slides … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, camera, chemistry, circle, circular, class, className, compound, CSS, data uri, data url, day, distance, DOM, dropdown, element, equation, formula, geometry, Google, Google Charts, Google Page Insights, Google Page Speed, Google PageSpeed, height, HTML, IFRAME, interactive entry, Javascript, justification, justify, keyframes, mathematics, media, mimetype, mobile, molecule, navigate, nest, nesting, onclick, orbit, periodic table, perspective, planet, play, play button, programming, prompt, QR Code, quiz, radius, scale, science, search engine, select, size, smart phone, solar system, statistics, styling, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, width, window.prompt, year
|
Leave a comment
Circular Text Around Media QR Code Tutorial
QR Codes are a bit like Emojis to us, in that they both feel like hybrid and useful relatively recent online concepts. They both enhance in a display sense. Emojis bridge the gap between text and graphics. QR Codes bridge … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, camera, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, formula, geometry, Google, Google Charts, height, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, media, mimetype, mobile, molecule, navigate, nest, nesting, onclick, orbit, periodic table, perspective, planet, play, play button, programming, prompt, QR Code, quiz, radius, scale, science, search engine, select, size, smart phone, solar system, statistics, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, width, window.prompt, year
|
Leave a comment
Circular Text Around Media Data URI Tutorial
If we were to channel the “inner nerd”, we’d say the day we discovered there was such a thing as a data URI was hugely notable. But on that first day, we didn’t get how good they were. In the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, formula, geometry, Google, Google Charts, height, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, media, mimetype, molecule, nest, nesting, onclick, orbit, periodic table, perspective, planet, play, play button, programming, prompt, quiz, radius, scale, science, search engine, select, size, solar system, statistics, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, width, window.prompt, year
|
Leave a comment
Circular Text Around Media Tutorial
Yesterday’s Circle Terminology in Mathematics Tutorial‘s … inner text only inner text and a relative or absolute image URL (which we were happy to discover yesterday could be an animated GIF) relative or absolute image URL … and today we … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, animation, astronomy, audio, background, background image, bar chart, base64, button, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, formula, geometry, Google, Google Charts, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, media, mimetype, molecule, nest, nesting, onclick, orbit, periodic table, perspective, planet, play, play button, programming, prompt, quiz, radius, scale, science, search engine, select, size, solar system, statistics, sun, SVG, svg+xml, text justification, tool, user, utf-8, video, watermark, window.prompt, year
|
Leave a comment
Circle Terminology in Mathematics Tutorial
We’ve got another style of usage to make of “Circular Text” ideas today, presenting a “Circle Terminology in Mathematics” quiz, further to yesterday’s Circular Text Button Solar System Statistics Tutorial. This time we are asking our circular_text.html “hosted in an … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged animated gif, animation, astronomy, background, background image, bar chart, base64, button, chemistry, circle, circular, compound, data uri, data url, day, distance, dropdown, element, equation, formula, geometry, Google, Google Charts, HTML, IFRAME, interactive entry, Javascript, justification, justify, mathematics, molecule, nest, nesting, onclick, orbit, periodic table, perspective, planet, programming, prompt, quiz, radius, scale, science, search engine, select, size, solar system, statistics, sun, SVG, svg+xml, text justification, tool, user, utf-8, watermark, window.prompt, year
|
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?