Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Google Chart Geo Chart Quiz Time Tutorial
- Google Chart Geo Chart Quiz Overlay Tutorial
- Country Quizzes Beep Tutorial
- Google Chart Geo Chart Quiz Beep Tutorial
- PHP Tokeniser Primer Tutorial
- PHP Intl Class Peer to Peer Locale Variants World Map Tutorial
- PHP Intl Class Peer to Peer Locale Variants Tutorial
- PHP Intl Class Peer to Peer World Map 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: overlay
Keyboard Based Cursor Content Copy Tutorial
The “onkeydown” keyboard event can involve in its logic three mouse event (event object) property usages that caught our interest recently … event.altKey event.shiftKey event.ctrlKey … and we wanted to have “keyboard” meets “mouse” events, along with the brilliance of … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged alt, body, control, cursor, div, HTML, Javascript, key, keyboard, Lorem Picsum, mouse, onclick, onkeydown, onmousemove, ontouchmove, overlay, programming, property, shift, SVG, tutorial
|
Leave a comment
Random Background Webpage Masking Tutorial
Another “layer of functionality” we are interested in regarding the burgeoning “Random Background Images” web application of yesterday’s Random Background Webpage Fade Tutorial, featuring the wonderful Lorem Picsum, is … image masking … and we allow for … radial gradient … Continue reading →
Posted in Animation, eLearning, Tutorials
|
Tagged animation, background, background image, background-clip, CSS, DOM, emoji, fade, fade in, fade out, HTML, image, Javascript, keyframes, linear gradient, mask, masking, opacity, overlay, photo, photography, programming, radial gradient, setInterval, setTimeout, String.fromCodePoint, style, styling, SVG, text, title, tutorial, webpage
|
Leave a comment
Random Background Webpage Fade Tutorial
We add in CSS driven fade in and fade out functionality on top of yesterday’s Random Background Webpage Primer Tutorial which introduced a simple web application accessing the wonderful Lorem Picsum‘s access to great photographs used as a background image … Continue reading →
Posted in Animation, eLearning, Tutorials
|
Tagged animation, background, background image, CSS, DOM, emoji, fade, fade in, fade out, HTML, image, Javascript, keyframes, mask, opacity, overlay, photo, photography, programming, setInterval, setTimeout, String.fromCodePoint, style, styling, title, tutorial, webpage
|
Leave a comment
Simple Emoji Border Card Sharing Tutorial
A web application such as yesterday’s Simple Emoji Border Card Client Tutorial‘s “Simple Emoji Border Card” creator lacks a bit of accountability if its end product, which is HTML, cannot be shared within the web application. And so, today, we … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged action, Apache, border, card, client, CSS, diff, div, email, emoji, exec, file_put_contents, form, HTML, IFRAME, Javascript, mailto, method, navigation, onblur, opacity, overlay, post, programming, server, SMS, SVG, textarea, tutorial, web server, webpage, window, wording, words, z-index
|
Leave a comment
Simple Emoji Border Card Client Tutorial
Yesterday’s Simple Emoji Border Card Primer Tutorial could well have been called either of … Simple Emoji Border Card Server Tutorial Simple Emoji Border Card PHP Tutorial … and a lot of users would “get the gist” relative to today’s … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged action, Apache, border, card, client, CSS, div, emoji, form, HTML, IFRAME, Javascript, method, navigation, onblur, opacity, overlay, post, programming, server, SVG, textarea, tutorial, web server, webpage, window, wording, words, z-index
|
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
HTML Carriage Return and or Line Feed Reimagined Tutorial
The “lonely \r characters” of yesterday’s HTML Carriage Return and or Line Feed Primer Tutorial get a “reimagining” from us with today’s “inhouse” additional … Our Overlay Carriage Return ( \r ) Our Clobbering Carriage Return ( \r ) … … Continue reading →
Posted in eLearning, Event-Driven Programming, Tutorials
|
Tagged carriage return, clone, delimitation, form, HTML, line feed, overlay, programming, proof of concept, record, render, rendering, textarea, transparent, tutorial, vertical, whitespace
|
Leave a comment
