Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Animated GIF Slide Clipboard Automation Tutorial
- Animated GIF Slide Clipboard Tutorial
- Google Chart Geo Chart Country Move Event Google Earth Tutorial
- Google Chart Geo Chart Move Event Google Earth Integration Tutorial
- Local Operating System Menu Ffmpeg Windows Front Camera and Audio Recordings Tutorial
- Local Operating System Menu Ffmpeg Windows Recordings Tutorial
- Local Operating System Menu Ffmpeg macOS Recordings Tutorial
- Local Operating System Menu Clip Windows Clipboard 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 games Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: getBoundingClientRect
Colouring In Drag and Drop Text Placement Tutorial
If you think in terms of … Annotation functionalities … available to the user of our current interest, the Colouring In web application, up until today, we relied on user scribbling means to involve any “textual feeling” in this project. … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged animation, background, background image, background-position, background-repeat, background-size, border, browse, cell, clip art, collaboration, column, CSS, device, Did you know, dimensions, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, ondblclick, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, style, styling, table, table cell, television, text, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Animated Background Images Tutorial
One image can a background image make. More than one images can a moving picture make. And that is why, after yesterday’s Colouring In Drag and Drop Multiple Background Image Tutorial, we turn our attention to a first … animated … Continue reading →
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
|
Tagged animation, background, background image, background-position, background-repeat, background-size, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, ondblclick, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Multiple Background Image Tutorial
The ability to add multiple background images in HTML and using CSS can be very useful. We’ve done this in the past, and knew the important CSS properties to fill in were … background-image background-repeat background-size background-position … which should … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged background, background image, background-position, background-repeat, background-size, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Keyboard Events Tutorial
Despite us having precedents to turn to regarding … establishing a layer of keyboard onkeydown event logic for a non-textbox HTML element … we’ve had to look up so many websites for advice, thanks, that it must have been that … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged background, background image, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, focus, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, keyboard, location.hash, mailto, mobile, mouse, mouse wheel, navigation, nickname, number, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, scroll, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Colouring In Drag and Drop Mixed Platform Collaboration Tutorial
The urging within a lot of Responsive Web Design online advice is to use “proportional” units such as … % vw and vh … as much as possible, and all that is true. But the “px” unit is still relevant … Continue reading →
Posted in eLearning, Event-Driven Programming, Games, Tutorials
|
Tagged background, background image, border, browse, cell, clip art, collaboration, column, device, Did you know, dimensions, doodle, doodling, drag, drag and drop, dragover, drop, email, emoji, encoding, entity, game, games, genericize, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, html entity, image, image search, image URL, Javascript, location.hash, mailto, mobile, navigation, nickname, number, ondragover, overlay, palette, percentage, PHP, pixel, pixels, platform, programming, proof of concept, proportional, px, redo, resolution, responsive design, row, share, sharing, SMS, stop press, table, table cell, television, tutorial, undo, units, url, user experience, UX, value add, width
|
Leave a comment
Starts With Textarea CSS Styling Mobile Tutorial
Because yesterday’s Starts With Textarea CSS Styling Tutorial‘s “Starts With Textarea” web application involved logic with so much … HTML element focus … Javascript keyboard event logic … dependencies, we were not overly surprised testing it on mobile (iOS) platforms, … Continue reading →
Posted in eLearning, Event-Driven Programming, iOS, Tutorials
|
Tagged background-color, button, click, CSS, event, events, focus, getBoundingClientRect, getComputedStyle, HTML, iOS, iPad, Javascript, keyboard, mobile, onblur, onchange, onkeydown, onkeypress, overlay, programming, selector, starts with, stye, styling, textarea, touch, touch screen, tutorial, user, virtual keyboard, window.getComputedStyle
|
Leave a comment
Angled Text Tool External Javascript Tutorial
Today, further to yesterday’s Angled Text Tool Clipboard Tutorial, we have our Angled Text Helper web application “tool” calling on a “tool’s subtool”, giving new meaning to our web application being “on the tools” today, for more granular text element … Continue reading →
Posted in eLearning, Event-Driven Programming, Software, Tutorials
|
Tagged angle, angled text, Apache, argument, call, calling, clipboard, code file, codebase, containing, context, copy, CSS, data attribute, Document Root, document.head, dropdown, emoji, external Javascript, font, getBoundingClientRect, global data attribute, hashtag, hashtagging, head, HTML, Javascript, justification, justify, navigation, nest, paste, programming, rotate, select, sidle, snug, span, StackOverflow, table, table cell, text, tool, transform, translate, tutorial, url, web server
|
Leave a comment
Angled Text Tool Clipboard Tutorial
We started feeling that yesterday’s Angled Text Tool Context Tutorial‘s progress was starting to feel like a web application that was a “tool”. But something was missing. It wasn’t friendly enough to a serious user, the ones tempted to try … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged angle, angled text, clipboard, containing, context, copy, CSS, data attribute, emoji, getBoundingClientRect, global data attribute, HTML, Javascript, justification, justify, nest, paste, programming, rotate, sidle, snug, span, StackOverflow, table, table cell, transform, translate, tutorial
|
Leave a comment
