Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Spliced Audio/Video Data URL Tutorial
- Audio Card Background Image Quality Tutorial
- Audio Card Circular Wording Text Tutorial
- Audio Card Primer Tutorial
- Code Download Table Static HTML Event Definition Tutorial
- Code Download Table Long Hover and Right Click Tutorial
- Google Lens Reverse Image Search Revisit Tutorial
- Earth Scanner Latitude Country Temperature 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: contenteditable
Interactively Change Background Image on Scroll User Settings Tutorial
If you are a regular reader, you’ll know with the web applications presented here, we usually try to allow the user to control … how they function … and/or sometimes … how they look … in the ephemeral “this session” … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged background, background image, contenteditable, CSS, design, div, event, fixed, hotkey, HTML, image, img, innerHTML, innerText, Javascript, keyboard, Lorem Picsum, measureText, onblur, onkeydown, opacity, overlay, position, programming, scroll, scrolling, text, text shadow, tutorial, w3schools, webpage, width
|
Leave a comment
Interactively Change Background Image on Scroll Tutorial
Regarding today’s “Interactively Change Background Image on Scroll” topic, we’d like to thank, profusely, two sources … Ideas and Initial Code … W3School‘s How TO – Change Background on Scroll Background Image Content … Lorem Picsum Queue … Lulu (no, … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged background, background image, contenteditable, CSS, design, div, event, fixed, hotkey, HTML, image, img, innerHTML, innerText, Javascript, keyboard, Lorem Picsum, measureText, onblur, onkeydown, position, programming, scroll, scrolling, text, tutorial, w3schools, webpage, width
|
Leave a comment
Animated GIF Slide Component Replacing Tutorial
We’re getting into componentry today, “spare parts” if you will, behind the creation of Animated GIF images, used in yesterday’s Animated GIF Slide Component Knowledge Tutorial‘s PHP web application. We left you yesterday, during its “phase two” animated GIF creation … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, bottom, btoa, canvas, child, clearRect, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, duration, emoji, ffmpeg, fill, fillRect, fillStyle, font, font colour, font family, font size, form, Google, Google PageSpeed, grandparent, graphics, IFRAME, image, ImageMagick, interactive, interface, justification, justify, line feed, local web server, localhost, MAMP, oncontextmenu, ondblclick, parent, PHP, position, programming, question, quiz, right click, score, scribble, slide, span, SVG, svg quiz, svg+xml, text, toDataURL, toggle, top, transparency, transparent, tutorial, up, url, utf-8, watermark, window.btoa, window.open, window.opener, z-index
|
Leave a comment
Animated GIF Slide Component Knowledge Tutorial
Yesterday’s Animated GIF SVG Quiz Automation Interaction Tutorial‘s … animated GIF, using its duration, for effect, adding user interaction onmouseover logic for our SVG Quiz scenarios … led us to, today … the more obvious generic step to add oncontextmenu … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, bottom, btoa, canvas, child, clearRect, color picker, colour, colour picker, comma separated list, component, contenteditable, convert, duration, emoji, ffmpeg, fill, fillRect, fillStyle, font, font colour, font family, font size, form, Google, Google PageSpeed, graphics, IFRAME, image, ImageMagick, interactive, interface, justification, justify, line feed, local web server, localhost, MAMP, oncontextmenu, ondblclick, parent, PHP, position, programming, question, quiz, right click, score, scribble, slide, span, SVG, svg quiz, svg+xml, text, toDataURL, toggle, top, transparency, transparent, tutorial, up, url, utf-8, watermark, window.btoa, window.open, window.opener, z-index
|
Leave a comment
Animated GIF SVG Quiz Automation Interaction Tutorial
Today, we wanted to combine yesterday’s … Animated GIF SVG Quiz Bottom Watermark Argument Tutorial‘s progress … with a backtrack to … Animated GIF Duration Calculation Filter Browsing Tutorial work, which taught us that a Javascript client based solution could … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged $_GET, $_POST, align, alignment, animated gif, animation, annotate, annotating, answer, Apache, argument.arguments, automation, background, background colour, background-color, bottom, btoa, canvas, child, clearRect, color picker, colour, colour picker, comma separated list, contenteditable, convert, duration, emoji, ffmpeg, fill, fillRect, fillStyle, font, font colour, font family, font size, Google, Google PageSpeed, graphics, image, ImageMagick, interactive, interface, justification, justify, line feed, local web server, localhost, MAMP, ondblclick, parent, PHP, position, programming, question, quiz, score, scribble, slide, span, SVG, svg quiz, svg+xml, text, toDataURL, toggle, top, transparency, transparent, tutorial, url, utf-8, watermark, window.btoa, window.open, window.opener
|
Leave a comment
Chess and Draughts Game Styling Tutorial
Onto yesterday’s Draughts Game Logic Tutorial we progress with … mild styling makeovers for the Chess and Draughts Game looks … structure of webpage, in a user experience sense, helping make enough room for the main point of the webpage, … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged actual, Ajax, algorithm, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, check, checkmate, chess, clicking, code, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, CSS, data uri, data url, details, Did you know, dimensions, document, Document Root, DOM, draughts, ellipsis, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, image, image file, iOS, IP address, Javascript, king, layout, line break, link, logic, mail server, mailto, message, mobile, move.moves, nowrap, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, reveal, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, setTimeout, share, sharing, signature, size, sizing, smart device, SMS, sms number, strategy, style, styling, summary, temporary, toggle, touch, touchdown, tutorial, url, user experience, UX, web browser, web server, web share api, width, XMLHttpRequest
|
Leave a comment
Draughts Game Logic Tutorial
Is “mutipurposing code” overrated? We asked the general populace. . . . . . . . . . . . . . . . . . . . . . . . . You know what? We’ll leave that topic … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged actual, Ajax, algorithm, annotation, Apache, argument, arguments, array, attachment, base64, base64_decode, base64_encode, board, camera, camera app, canvas, check, checkmate, chess, clicking, code, collaborate, collaboration, commentary, communication, conduit, contain, contenteditable, correspondence, correspondent, cover, data uri, data url, Did you know, dimensions, document, Document Root, DOM, draughts, email, email address, emoji, eval, exim, external Javascript, file, filename, file_put_contents, form, FormData, game, Google Chrome, graphics, height, HTML, image, image file, iOS, IP address, Javascript, king, layout, link, logic, mail server, mailto, message, mobile, move.moves, onmouseover, ontouchdown, personalization, photo, PHP, piece, placement, player, post, postcard, privacy, programming, prompt, recipient, rule, rules, Safari, scale, scaling, scenario, scene, scribble, security, send, sentence, setInterval, setTimeout, share, sharing, signature, size, sizing, smart device, SMS, sms number, strategy, temporary, toggle, touch, touchdown, tutorial, url, web browser, web server, web share api, width, XMLHttpRequest
|
Leave a comment
Mak-yek Game Tutorial
Adding to the recent Chess and Draughts Game Styling Tutorial we add … a Mak-yek Game (as proposed today) … has more in common with … a Chess Game … in the sense that the … playing board is the … Continue reading →