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: position
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? … 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 … 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
Animated Plane Game User Content Sharing Tutorial
Yesterday’s Animated Plane Game Primer Tutorial set up five “nouns” of interest … trees plane gymnast clouds ground … each of which has a relationship to a piece of media content. The border-image (ie. ground) content aspects we allow a … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Games, Not Categorised, Tutorials
|
Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, content, CSS, data uri, DOM, emoji, emoji text, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, IFRAME, iframe widget, image, image search, Javascript, makeagif.com, mix-blend-mode, noun, object, OOP, overlay, pinterest, pixel, position, procul.org, programming, prompt, stop press, storyborad, SVG, svg+xml, text, transparent, transparent background, tutorial, url, webp, white, white background, widget, width
|
Leave a comment
Animated Plane Game Primer Tutorial
The mix-blend-mode:multiply; discoveries (along with those naive previous usage without realizing it’s implications) we made creating Periodic Table Image Map Primer Tutorial recently has opened up new “vistas of possibility” (VOP, of course) for us, and has inspired us 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, CSS, DOM, emoji, Freepik, game, giphy, Google, height, HTML, IFRAME, iframe widget, image, Javascript, makeagif.com, mix-blend-mode, noun, object, OOP, overlay, pinterest, pixel, position, procul.org, programming, stop press, storyborad, SVG, svg+xml, transparent, transparent background, tutorial, webp, white, white background, widget, width
|
Leave a comment
Tabular Layout Right Hand Iframe Left Overlaying Tutorial
It’s probably around about the timing of Select Multiple Webpage Palette Speech Bubble YouTube One Click Tutorial for a scenario that goes … for mobile platforms … for a tabular webpage arrangement (at the grandparent level) … with a left … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, border, CSS, DOM, event, HTML, IFRAME, Javascript, left, margin-left, onclick, onmousedown, onmousemove, onmouseout, onmouseover, ontouchdown, ontouchmove, opacity, overlay, position, programming, proof of concept, table, table cell, td, test, testing, tutorial, Web Application, z-index
|
Leave a comment
Google Translate WordPress Blog Widget Positioning Tutorial
When we last upgraded our WordPress.org website from 4.1.1. to 6.6.2 the Widget section CSS arrangements, barring the installation of a WordPress plugin to backtrack, caused WordPress to start CSS styling the widget area via a new “block” paradigm. This … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged above the fold, absolute, block, blog, CSS, DOM, fold, Google Translate, header.php, image, image URL, Javascript, PHP, position, positioning, programming, styling, tutorial, TwentyTen, TwentyTen theme, url, widget, Wordpress
|
Leave a comment
Media YouTube Interfacer Interspersing Image Text Tutorial
Isn’t … Image Text … a contradiction of terms? Maybe in some fields it is, but in the world of HTML based web applications, there are … emojis … that “blur the lines” happily … as well as … data … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged $_POST, animated gif, audio, audio file, autoplay, blob, browse, browsing, coding, concertina, CSS, data, data size, data uri, data url, debugging, delay, delimitation, delimiter, details, DOM, download, downloads, file API, form, Google Translate, hashtag, hashtagging, HTML, IFRAME, intervention, iOS, iPhone, Javascript, karaoke, limit, local file, localStorage, logic, loop, looping, media, method, microphone, mix, mobile, navigation, node.js, object, Online Voice Recorder, onload, onloadedmetadata, OOP, overlay, PHP, planning, play, playlist, position, post, programming, recall, record, recording, reveal, rule, rules, seek, shuffle, software, splashpage, style, styling, suck and see, summary, SVG, synchronization, synchronize, tap, target, Text to Speech, tutorial, video, web browser, web inspector, YouTube
|
Leave a comment
Media YouTube Interfacer Interspersing Hashtagging Tutorial
With yesterday’s Media YouTube Interfacer Interspersing Tutorial‘s interspersing of … Audio Video … via data URI user entries in amongst the YouTube eleven character video code records, we hit limits with hashtagging and any sizeable video (or audio) data. What’s … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged $_POST, animated gif, audio, audio file, autoplay, blob, browse, browsing, coding, concertina, CSS, data, data size, data uri, data url, debugging, delay, delimitation, delimiter, details, DOM, download, downloads, file API, form, Google Translate, hashtag, hashtagging, HTML, IFRAME, intervention, iOS, iPhone, Javascript, karaoke, limit, local file, localStorage, logic, loop, looping, media, method, microphone, mix, mobile, navigation, node.js, object, Online Voice Recorder, onload, onloadedmetadata, OOP, overlay, PHP, planning, play, playlist, position, post, programming, recall, record, recording, reveal, rule, rules, seek, shuffle, software, splashpage, style, styling, suck and see, summary, synchronization, synchronize, tap, target, Text to Speech, tutorial, video, web browser, web inspector, YouTube
|
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?