Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Image Average Colour Primer Tutorial
- HTML/Javascript Binary to Hexadecimal Base Game Tutorial
- Use iPhone as Webcam for Nearby macOS Tutorial
- YouTube Video API Event Playlist Save and Recall Tutorial
- AlmaLinux Apache Status Report Inspiration Tutorial
- YouTube Video API Event Radio Play Sharing Tutorial
- YouTube Video API Event Radio Play Idea Tutorial
- YouTube Video API Event Stop Propagation Idea 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: getBoundingClientRect
CSS Row Gap Primer Tutorial
Yes, an HTML div element innerHTML content can be organized like an HTML table in a “grid” like way via CSS like … <style> div.grid-container { display: grid; row-gap: 50px; } </style> … thanks to https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_row-gap here, too! And yes, … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged CSS, div, getBoundingClientRect, grid, HTML, programming, responsive, responsive design, row-gap, style, styling, table, tutorial, window.innerHeight
|
Leave a comment
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
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
