Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- WordPress Blog Thread Story Mobile Chapter Number Progress Tutorial
- WordPress Blog Thread Story Table of Contents Tutorial
- WordPress Blog Thread Story Background Gradients Tutorial
- WordPress Blog Thread Story Border SVG Image Tutorial
- WordPress Blog Thread Story Mode Tutorial
- Image Element Dynamic Filter CSS Mobile Filter Tutorial
- Image Element Dynamic CSS Canvas Context Filter Tutorial
- Image Element Dynamic CSS Hashtag Sharing 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 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 SVG table text textarea tutorial url video web browser webpage WordpressYour Background Image
OnTopList
Tag Archives: getBoundingClientRect
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
Video to Amended Animated GIF Alignment Tutorial
Around here when “alignment” thoughts are teamed with “web design” we still like the “oldy worldy” HTML table element approach, but such an idea felt a bit too extra kludgy regarding the “dynamically vertically expanding” ideas in the Animated GIF … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged align, alignment, animated gif, background image, delay, DOM, float, getBoundingClientRect, hover, image, Javascript, justify, long hover, margin-right, onmouseout, onmouseover, PHP, Preview, programming, setTimeout, slide, textbox, tutorial
|
Leave a comment
Emoji Borders and Backgrounds Canvas Annotation Tutorial
Up to now with the SVG -> IMG -> CANVAS parent web application to our newish PHP tool child of Emoji Borders and Backgrounds Curl Tutorial we have tried to keep … SVG IMG CANVAS … contents in synch as … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, command line, context, CSS, curl, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, exec, file_get_contents, FormData, geometry, getBoundingClientRect, Google, Google chart, Google Page Insights, Google PageSpeed, graphics, grid, HTML, HTML5, IFRAME, image, image grid, img, inhouse, integration, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, mode, numbers, numerical, opacity, overlay, override, PageSpeed, PHP, popup, popup window, position, programming, proof of concept, QR Code, rect, rectangle, screenshot, shape, share, sharing, slideshow, SMS, software integration, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, webpage, window.open, window.opener, XML
|
Leave a comment
Emoji Borders and Backgrounds Curl Tutorial
We find curl to be that interesting PHP “mode of use” hybrid of the involvement of … HTTP protocol URLs command line interface to PHP exec … that might help you “look back at yourself from outside” as we use … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, command line, context, CSS, curl, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, exec, file_get_contents, FormData, geometry, getBoundingClientRect, Google, Google chart, Google Page Insights, Google PageSpeed, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, mode, numbers, numerical, opacity, overlay, override, PageSpeed, PHP, position, programming, proof of concept, QR Code, rect, rectangle, screenshot, shape, share, sharing, slideshow, SMS, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, webpage, XML
|
Leave a comment
Emoji Borders and Backgrounds QR Code Tutorial
Some web browsers such as Google Chrome also have “right-clicking (for Windows) and two finger gesturing (for macOS and Mac OS X)” menu QR Code options, further to QR Code URL via macOS Two Finger Gesture Option Tutorial and yesterday’s … Continue reading →
Posted in Ajax, eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, context, CSS, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, FormData, geometry, getBoundingClientRect, Google, Google chart, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, numbers, numerical, opacity, overlay, override, PHP, position, programming, proof of concept, QR Code, rect, rectangle, shape, share, sharing, slideshow, SMS, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, XML
|
Leave a comment
Emoji Borders and Backgrounds Web Browser Tutorial
Yesterday’s Emoji Borders and Backgrounds Shape Sharing Tutorial had us sharing via email or SMS our “Emoji Borders and Backgrounds” creations via inhouse organized arrangements. But many people are used to just right-clicking (for Windows) and two finger gesturing (for … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged aesthetics, Ajax, anchor, argument, background, background image, base64, base64_encode, border, canvas, circle, context, CSS, data uri, data url, deploy, deployment, Did you know, display, dropdown, email, email client, emoji, encode, FormData, geometry, getBoundingClientRect, graphics, grid, HTML, IFRAME, image, image grid, img, inhouse, Javascript, justification, Mail, mailto, map, mathematics, menu, merge, mimetype, numbers, numerical, opacity, overlay, override, PHP, position, programming, proof of concept, rect, rectangle, shape, share, sharing, slideshow, SMS, style, styling, SVG, svg+xml, table, text, text justification, text-anchor, tutorial, web browser, web inspector, XML
|
Leave a comment