Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- PHP Exif Quiz Geographicals Tutorial
- PHP Exif Quiz Tutorial
- PHP Exif Retention off iPhone Images Tutorial
- List to Grid Layout CSS Media Query Tutorial
- List to Grid Layout Primer Tutorial
- Out and About WordPress Blog Content Tweaks Just with iPhone Tutorial
- Command Line History By Date Tutorial
- Overseas Travel Global Roaming Mobile 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: keyframes
Text Background Clip Animation Tutorial
Today we’re returning to the work of Text Background Clip Primer Tutorial and adding a layer of … Do It Yourself animation … possibilities for the user. We grant you, the Text Background Clip aspects are, and remain, at least in our mind, the main talking point here, but it represents to us “a way in” (perhaps to a dead-end, but we are hoping not) regarding the concepts of … emoji overlay animation … and this project had the first, … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animation, background-clip, block, card, clone, cloning, comma, CSS, delimitation, div, do it yourself, emoji, exec, HTML, keyframes, PHP, post, programming, range, server, shell_exec, style, styling, SVG, textarea, transition, tutorial, window, wording, words
|
Leave a comment
Animated Plane Refuel Game Tutorial
Today we wondered how best to involve the … plane … mainly, but perhaps also the … gymnast … with a guest starring role … … in an online game in our recent Animated Plane and Coconut Hunt Game Nuances Tutorial‘s web application, because their existence to do with Hunt Games seems a bit obscure. And so, we thought, you see those games where characters get strength by picking up objects they “run into” or “run over” and we thought … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, coconut, content, contenteditable, createElement, crosshair, CSS, cursor, data uri, Did you know, DOM, dynamic javascript, emoji, emoji text, event, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, hunt, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, onclick, onload, onmousemove, OOP, overlay, pinterest, pixel, pointer, popup, position, procul.org, programming, progress, prompt, reactions, script, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener
|
Leave a comment
Animated Plane and Coconut Hunt Game Nuances Tutorial
Today’s a day of nuanced progress, after yesterday’s Coconut Hunt Game Tutorial‘s “filling in sideways” work on our Animated Plane and Coconut Hunt Game web application. Today, we … fixed some document.body.title annoyances whereby it would appear too often worked on the default A option textarea via … some “panda 🐼 led recovery” modelling of a p emoji usage (with animation) and span emoji usage (without animation) … and … modelling of how iframe onload event can be used to … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, coconut, content, contenteditable, createElement, crosshair, CSS, cursor, data uri, Did you know, DOM, dynamic javascript, emoji, emoji text, event, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, hunt, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, onclick, onload, onmousemove, OOP, overlay, pinterest, pixel, pointer, popup, position, procul.org, programming, prompt, reactions, script, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener
|
Leave a comment
Coconut Hunt Game Tutorial
Are you a reader who has been amused or bemused by the word Game being in the blog posting titles lately, up to yesterday’s Animated Plane Game User Animations and Styling Tutorial, when No Game really, about any of it? Well, today, it’s … Game On Do you like coconuts? Can I ask you, have you ever looked into a coconut, and asked yourself … I shell always love you. ? Well, have we got the game for you?! Start … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, coconut, content, CSS, data uri, Did you know, DOM, emoji, emoji text, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, hunt, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, OOP, overlay, pinterest, pixel, popup, position, procul.org, programming, prompt, reactions, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener
|
Leave a comment
Animated Plane Game User Animations and Styling Tutorial
On top of yesterday’s Animated Plane Game User Content Sharing Tutorial‘s honing in on the five “nouns” of interest … trees plane gymnast clouds ground … today we wanted to offer two more user controllable parts to this Animated Plane Game web application, those being … CSS styling … easy, as CSS can be dynamically added to a web application at the clientside, as the Javascript is executing … and, a bit more of a learning curve for beginners is … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, content, CSS, data uri, Did you know, DOM, emoji, emoji text, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, OOP, overlay, pinterest, pixel, popup, position, procul.org, programming, prompt, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener
|
Leave a comment
Background Image Foreground Content Tutorial
Further to yesterday’s Background Image User Interaction Visibility Tutorial, regarding today’s work adding the possibility for foreground HTML div content via a combination of contenteditable=true and onblur event logics, you might be inclined to observe that this current web application is very … back to front … about which we would … not be insulted observe that any web application “worth its salt” will mainly be “worth its salt” because of the “back” parts … ie. the data parts and/or … Continue reading →
Posted in Ajax, Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute URL, Ajax, animation, background, background image, background-size, base64, bookmark, cache, clip art, clipart, communication, contenteditable, CSS, data, data source, data uri, Did you know, DOM, dropdown, Eat at Joes, emoji, exec, HTML, IFRAME, image, Javascript, keyboard, keyframes, marquee, multiple, onblur, onkeydown, onload, originator, overlay, placeholder, programming, recipient, relative URL, rotate, rotation, scale, soft link, softlink, style, styling, symbolic link, tab, textbox, toogle, transform, transition, transitions, translate, translation, tutorial, url, visibility, visible, webpage
|
Leave a comment
Background Image User Interaction Visibility Tutorial
We have a purpose around here of writing code with a view, when generic enough, to allow newbies a dynamic way to learn, and we do learn stuff ourselves performing these projects … so, thanks. That’s all fine and good, but then we wonder after a while if there are “content creators” not interested in the user interaction menu parts of yesterday’s Background Image Data URI Animation Tutorial‘s Dappled Light web application (after using them to get to a certain … Continue reading →
Posted in Ajax, Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute URL, Ajax, animation, background, background image, background-size, base64, bookmark, cache, clip art, clipart, communication, CSS, data, data source, data uri, Did you know, DOM, dropdown, Eat at Joes, emoji, exec, HTML, IFRAME, image, Javascript, keyboard, keyframes, marquee, multiple, onblur, onkeydown, onload, originator, overlay, placeholder, programming, recipient, relative URL, rotate, rotation, scale, soft link, softlink, style, styling, symbolic link, tab, textbox, toogle, transform, transition, transitions, translate, translation, tutorial, url, visibility, visible, webpage
|
Leave a comment
Background Image Data URI Animation Tutorial
Regarding Background Image Data URI Sharing Long Term Recall Tutorial‘s “Dappled Light” web application … background image (perhaps data URI based) can not only be applied to clobber the default image … but as of recently … background image (perhaps data URI based) can form part of a multiple background image scenario … and as of today … background image (perhaps data URI based) can form part of an animated background image scenario … … though, as we found out … Continue reading →
Posted in Ajax, Animation, eLearning, Event-Driven Programming, Operating System, Tutorials
|
Tagged absolute URL, Ajax, animation, background, background image, background-size, base64, bookmark, cache, clip art, clipart, communication, CSS, data, data source, data uri, Did you know, DOM, dropdown, Eat at Joes, emoji, exec, HTML, IFRAME, image, Javascript, keyframes, marquee, multiple, onload, originator, overlay, placeholder, programming, recipient, relative URL, rotate, rotation, scale, soft link, softlink, style, styling, symbolic link, textbox, transform, transition, transitions, translate, translation, tutorial, url, webpage
|
Leave a comment
Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.