Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Python Matplotlib More Involved Charts Tutorial
- Python Matplotlib Yet More Charts Tutorial
- Python Matplotlib More Charts Tutorial
- Python Matplotlib Pie Chart Labels Tutorial
- Python Matplotlib Pie Chart PHP Crontab Tutorial
- Python Matplotlib Pie Chart Primer Tutorial
- Worldwide Country Quiz Game Revisit Tutorial
- ComboBox Idea Datalist 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 Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: Javascript
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
Random Background Webpage Primer Tutorial
The work of yesterday’s Text Background Clip Primer Tutorial had us stumbling upon (thanks to Emoji + background-clip:text) the “totally excellent and generous” Lorem Picsum website, it being a randomised resource enabling access to excellent photography images. The upshot is … Continue reading →
Posted in eLearning, Event-Driven Programming, Photography, Tutorials
|
Tagged background, background image, DOM, emoji, HTML, image, Javascript, photo, photography, programming, setInterval, setTimeout, String.fromCodePoint, 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
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
