Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Ffmpeg Voiceover AlmaLinux Tutorial
- Ball Game Canvas Animation Primer Tutorial
- Google Chart Geo Chart Quiz Time Tutorial
- Google Chart Geo Chart Quiz Overlay Tutorial
- Country Quizzes Beep Tutorial
- Google Chart Geo Chart Quiz Beep Tutorial
- PHP Tokeniser Primer Tutorial
- PHP Intl Class Peer to Peer Locale Variants World Map 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: top
Drag and Drop Iframe Mobile Tutorial
Yesterday’s Drag and Drop Iframe Primer Tutorial‘s “Drag Around” (HTML iframe element(s)) web application based itself on W3Schools‘s How To Create a Draggable HTML Element non-mobile drag and drop logic. But, can we amend that logic for touch mobile platform … Continue reading →
Posted in Android, eLearning, Event-Driven Programming, iOS, Tutorials
|
Tagged absolute, Android, DOM, drag, drag and drop, element, gesture, getBoundingClientRect, HTML, IFRAME, iOS, iPad, Javascript, left, mobile, move, onmousemove, ontouchmove, ontouchstart, opacity, overlay, position, programming, proof of concept, relative, top, touch, tutorial, webpage
|
Leave a comment
Drag and Drop Iframe Primer Tutorial
We were “really taken” by the possibilities trying out How To Create a Draggable HTML Element (by W3Schools), to drag and drop elements on non-mobile webpages. So much so, we wrote a “proof of concept” dragger and dropper of up … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, DOM, drag, drag and drop, element, getBoundingClientRect, HTML, IFRAME, Javascript, left, move, opacity, overlay, position, programming, proof of concept, relative, top, tutorial, webpage
|
Leave a comment
Animated GIF Creator Overlayed Images Top Left Tutorial
To add to the recent Animated GIF Creator Overlayed Images Tutorial‘s user interaction logic, we add a way to control those two “overlay” CSS properties … left top … but more in the sense that we allow CSS … margin-eft … Continue reading →
HTML Editor HTML Preview Tutorial
Onto the recent HTML Editor HTML Tag List Tutorial HTML tag list dropdown improvements, today’s work offers an optional HTML preview as the user tabs out of the textarea “HTML collector” via new textarea “onchange” event Javascript DOM logic, as … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged Ajax, attribute, body, CSS, div, document.body, DOM, dropdown, editor, endtag, event, file_get_contents, FormData, getBoundingClientRect, height, HTML, HTML Editor, IFRAME, Javascript, left, onchange, onload, opacity, overlay, PHP, position, property, rgb, rgba, select, setTimeout, srcdoc, style, table, tag, textarea, timer, top, width, z-index
|
Leave a comment
Top Location Href Troubleshooting Tutorial
We have found with grandparent/parent/child modelled web applications, it might come back to bite you if you are not careful. This sprung to mind in the way the two most recent WordPress blog postings (here) like yesterday’s Mobile Feedback Annotation … Continue reading →
Posted in eLearning, Tutorials
|
Tagged address bar, cache, child, document, DOM, grandparent, hashtag, HTML, inherit, Javascript, model, parent, programming, stop press, top, tutorial, web browser, webpage, window, window.location
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Collaborator Tutorial
The “Originator” revisit helping out code of yesterday’s Mind Map and Flowchart and Venn Diagram Originator Tutorial needs a “Collaborator” part, we figure. But because this is still linked to the “Originator’s Record” in the PHP we need the record … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, cache, center, circle, click, co-ordinates, collaborate, CSS, data attributes, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, onmousemove, ontouchdown, ontouchstart, option, originator, overlay, PHP, pinch, position, positional, programming, recall, room, rotate, rubberband, save, scroll, scrolling, select, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, venn diagrams, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Originator Tutorial
Some of the collaboration functionality for our web application of yesterday’s Mind Map and Flowchart and Venn Diagram Squared Off Tutorial ask quite a bit of the user. Initially, that will be more or less always the case, but that … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, cache, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, onmousemove, ontouchdown, ontouchstart, originator, overlay, PHP, pinch, position, positional, programming, recall, room, rotate, rubberband, save, scroll, scrolling, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, venn diagrams, viewport, web browser, web server, whitespace, width
|
Leave a comment
Mind Map and Flowchart and Venn Diagram Squared Off Tutorial
Today’s aim is to add some “schmick” to our Flowchart and Venn Diagram and Mind Map web application on top of the progress up to yesterday’s Mind Map and Flowchart and Venn Diagram Mousemove Tutorial. Schmick step … improve the … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged absolute, animated emojis, animation, annotation, Apple Mail, attribute, border-radius, box shadow, cache, center, circle, click, co-ordinates, collaborate, CSS, device, div, DOM, dropdown, email client, emoji, flowchart, form, gesture, glow, Gmail, grid, height, HTML, HTML email, integration, intersection, intervention, iPad, iPhone, Javascript, left, macOS Mojave, Mail, mail server, menu, message, messages, Mind Map, mobile, onclick, onmousemove, ontouchdown, ontouchstart, overlay, PHP, pinch, position, positional, programming, recall, room, rotate, rubberband, save, scroll, scrolling, selector, share, sharing, SMS, software integration, submit button, swipe, text, text message, top, transform, tutorial, Venn diagram, venn diagrams, viewport, web browser, web server, whitespace, width
|
Leave a comment