Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Keyboard Based Cursor Image Blog Source Link Tutorial
- Keyboard Based Cursor Image Source Tutorial
- Keyboard Based Cursor Multiple Background Images Tutorial
- Clone Within Clone Ajax HTML Iframe Tutorial
- Keyboard Based Cursor Canvas Content Copy Tutorial
- Keyboard Based Cursor Share Content Copy Tutorial
- Keyboard Based Cursor Personalized Content Copy Tutorial
- Keyboard Based Cursor Content Copy 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 array background blog button canvas command line CSS div DOM dropdown email emoji event form game games Google Google chart HTML HTML5 IFRAME image iOS iPad Javascript Mac OS X MAMP mobile navigation onclick overlay PHP programming share sharing table tutorial url video web browser webpage web server WordpressYour Background Image
OnTopList
Tag Archives: DOM
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
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