Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Asynchronous Clientside Ideas Tutorial
- Shower Song Form Double Takes Tutorial
- Shower Song Sharing Tutorial
- Shower Song Media Insertions Tutorial
- Shower Song Radio Play Better Integration Tutorial
- Client Browsing and Pasting and File Dropping Tutorial
- Shower Song Radio Play Integration Tutorial
- Shower Song Remember and Recall 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 map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browserYour Background Image
OnTopList
Tag Archives: drag and drop
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
Video to Amended Animated GIF Mobile Slide Swap Tutorial
The “drag” about yesterday’s Video to Amended Animated GIF Drag Slide Swap Tutorial‘s slide swapping functionality was that mobile platforms were left out. Sometimes there is no alternative modus operandi to offer a mobile user, but here, we did not … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged align, alignment, animated gif, background image, click, delay, DOM, drag, drag and drop, float, getBoundingClientRect, hover, image, Javascript, justify, long hover, margin-right, onclick, onmouseout, onmouseover, PHP, Preview, programming, setTimeout, slide, swap, text-decoration, textbox, tutorial
|
Leave a comment
Video to Amended Animated GIF Drag Slide Swap Tutorial
Today’s work improving on yesterday’s Video to Amended Animated GIF Alignment Tutorial, has, yet again, alas, only a non-mobile platform applicability, that being … Drag and Drop … methodologies to allow for Animated GIF slide swaps with an adjoining slide … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged align, alignment, animated gif, background image, delay, DOM, drag, drag and drop, float, getBoundingClientRect, hover, image, Javascript, justify, long hover, margin-right, onmouseout, onmouseover, PHP, Preview, programming, setTimeout, slide, swap, textbox, tutorial
|
Leave a comment
Just Javascript Card Game Mid-UX Tutorial
Apropos yesterday’s Just Javascript Card Game SVG Background Data URL Tutorial dive into aesthetics and non-essentials, we venture into some “mid-ux” work today … Mid-UX? What’s that? To our mind it’s that Clayton UX (user experience) improvement push you do … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged alert, arabic, arguments, array, audio, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, bridge, button, card game, cards, cell, click, codepoint, collaboration, colour, colour coding, comma, command line, comment, console.log, content, content management, copy, createElement, CSS, CSS3, cursor, data uri, database, DDL, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, document.URL, double click, drag, drag and drop, dropdwon, email, emailee, emoji, entity, error, event, exec, fallback, filter, focus, font, form, FormData, game, games, global, global variable, Google, Google Translate, head, hebrew, HTML, html entity, internationalization, ISO, iso 639, ISO 639-1, iso 639-2, iso 639-3, Javascript, joker, JSON, JSON.parse, json_decode, keyframes, kitty, label, language, language code, list, localStorage, logic, macOS, Mail, mailto, MAMP, Mapping, mclick, Memories, MyMemory, name, names, naming, navigation, onions, order, paste, PHP, player, popup, preventDefault, programming, progress, progress bar, prompt, quiz, render, rendering, right to left, row, say, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, SQL, String.fromCodePoint, style, styling, subject, submit, suit, SVG, table, tabular, tbody, text to audio, Text to Speech, thead, timing, token, touch, translation, trick, tutorial, user experience, UX, validate, variable, web browser, web inspector, webpage, window.opener
|
Leave a comment
Just Javascript Card Game SVG Background Data URL Tutorial
We turn back to styling and aesthetics with our 500 and bridge and memories card game “Just Javascript” (ie. no body definition on parent window) web application onto the audio and language work of yesterday’s Just Javascript Card Game Say … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged alert, arabic, arguments, array, audio, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, bridge, button, card game, cards, cell, click, codepoint, collaboration, colour, colour coding, comma, command line, comment, console.log, content, content management, copy, createElement, CSS, CSS3, cursor, data uri, database, DDL, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, document.URL, double click, drag, drag and drop, dropdwon, email, emailee, emoji, entity, error, event, exec, fallback, filter, focus, font, form, FormData, game, games, global, global variable, Google, Google Translate, head, hebrew, HTML, html entity, internationalization, ISO, iso 639, ISO 639-1, iso 639-2, iso 639-3, Javascript, joker, JSON, JSON.parse, json_decode, keyframes, kitty, label, language, language code, list, localStorage, logic, macOS, Mail, mailto, MAMP, Mapping, mclick, Memories, MyMemory, name, names, naming, navigation, onions, order, paste, PHP, player, popup, preventDefault, programming, progress, progress bar, prompt, quiz, render, rendering, right to left, row, say, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, SQL, String.fromCodePoint, style, styling, subject, submit, suit, SVG, table, tabular, tbody, text to audio, Text to Speech, thead, timing, token, touch, translation, trick, tutorial, user experience, UX, validate, variable, web browser, web inspector, webpage, window.opener
|
Leave a comment
Just Javascript Card Game Say My Memory ISO 639-3 PHP JSON Tutorial
Afficianardos of server side languages such as PHP are bound to tell you a few things … PHP is great at making Javascript look smarter than it is, as it can feed Javascript information ahead of it in the “production … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged alert, arabic, arguments, array, audio, background, background image, background-position, background-repeat, background-size, bid, bidding, body, bookmarklet, bridge, button, card game, cards, cell, click, codepoint, collaboration, colour, colour coding, comma, command line, comment, console.log, content, content management, copy, createElement, CSS, CSS3, cursor, data uri, database, DDL, deal, defence, delay, delimit, delimiter, design, document.createElement, document.querySelectorAll, document.URL, double click, drag, drag and drop, dropdwon, email, emailee, emoji, entity, error, event, exec, fallback, filter, focus, font, form, FormData, game, games, global, global variable, Google, Google Translate, head, hebrew, HTML, html entity, internationalization, ISO, iso 639, ISO 639-1, iso 639-2, iso 639-3, Javascript, joker, JSON, JSON.parse, json_decode, keyframes, kitty, label, language, language code, list, localStorage, logic, macOS, Mail, mailto, MAMP, Mapping, mclick, Memories, MyMemory, name, names, naming, navigation, onions, order, paste, PHP, player, popup, preventDefault, programming, progress, progress bar, prompt, quiz, render, rendering, right to left, row, say, score, scoring, screenLeft, screenTop, select, selector, sessionStorage, setTimeout, share, sharing, SMS, sort, SQL, String.fromCodePoint, style, styling, subject, submit, suit, SVG, table, tabular, tbody, text to audio, Text to Speech, thead, timing, token, touch, translation, trick, tutorial, user experience, UX, validate, variable, web browser, web inspector, webpage, window.opener
|
Leave a comment
Just Javascript Card Game Cursor Tutorial
Today we grew the complexity of the logic for non-mobile cursor users of our 500 or bridge card game web application, after yesterday’s Just Javascript Card Game Mid-UX Tutorial. The logic took a while and the presentation took a while … Continue reading →