Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Screen Capture API Download Video Tutorial
- Screen Capture API Primer Tutorial
- Web Bluetooth API Primer Tutorial
- WebAssembly Rust Primer Tutorial
- WebAssembly via Emscripten and C Primer Tutorial
- Word Guessing or Synonym Game Right Click Tutorial
- Multiple addEventListener Logics for HTML Elements Ondblclick Tutorial
- Multiple addEventListener Logics for HTML Elements 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 array background blog button canvas command line CSS div DOM dropdown email emoji event form game games Google Google chart HTML HTML5 IFRAME image iOS iPad Javascript Mac OS X MAMP mobile navigation onclick overlay PHP programming select share sharing table tutorial url video webpage web server WordpressYour Background Image
OnTopList
Tag Archives: drag
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
Sprite Background Menu Navigation Javascript Tutorial
Yesterday’s Sprite Background Menu Navigation Primer Tutorial set the scenario for today’s work, that we are often looking for. You see, we’re trying to help beginners to web application creation here, by and large, and there is no better topic … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged background, background-position, copy, CSS, drag, event, HTML, IFRAME, image, ImageMagick, menu, missing Javascript, navigation, new tab, onclick, onload, PaintBrush, paste, programming, sprite, style, styling, tutorial, webpage, window
|
Leave a comment
Sprite Background Menu Navigation Primer Tutorial
There are a lot of ways to design and code for a menu used for navigation in a webpage. We happened to be reading CSS Sprites, and where it said … CSS sprites technique is a way to reduce the … Continue reading →
Posted in eLearning, Tutorials
|
Tagged background, background-position, copy, CSS, drag, HTML, image, ImageMagick, menu, missing Javascript, navigation, PaintBrush, paste, programming, sprite, style, styling, tutorial, webpage
|
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 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 →