Tag Archives: SVG

Text Background Clip Animation Emoji Overlay Tutorial

Posted on September 16, 2025 by admin

It’s “overlay day” onto yesterday’s Text Background Clip Animation Tutorial, and we like “overlay days” much better than any “underlay days” it’s got to be said … although?! So what constitutes a good “overlay day” to us? It’s one that … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, background-clip, block, card, class, className, clone, cloning, comma, CSS, delimitation, div, do it yourself, DOM, emoji, exec, getBoundingClientRect, HTML, Javascript, keyframes, opacity, overlay, PHP, position, post, programming, range, server, shell_exec, style, styling, SVG, textarea, transition, tutorial, window, wording, words | Leave a comment

Text Background Clip Animation Tutorial

Posted on September 15, 2025 by admin

Today we’re returning to the work of Text Background Clip Primer Tutorial and adding a layer of … Do It Yourself animation … possibilities for the user. We grant you, the Text Background Clip aspects are, and remain, at least … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, background-clip, block, card, clone, cloning, comma, CSS, delimitation, div, do it yourself, emoji, exec, HTML, keyframes, PHP, post, programming, range, server, shell_exec, style, styling, SVG, textarea, transition, tutorial, window, wording, words | Leave a comment

Co-ordinate Cursor Mercator Projection External Javascript Tutorial

Posted on August 9, 2025 by admin

For describing where you are on Earth humans have set up the … Longitude,Latitude … (usually measured in degrees, especially in Mbeya and Madrid) system of describing positions, and on a Mercator Projection (ie. at school, the ones showing Greenland … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged chart, co-ordinates, cursor, degrees, document.body, emoji, event, external Javascript, geographicals, HTML, IFRAME, image, img, Javascript, latitude, left, longitude, MAMP, map, Mapping, Mercator, mercator projection, onmousemove, percentage, percentage units, pointer, position, programming, projection, responsive design, SVG, svg+xml, tool, top, tutorial, units | Leave a comment

Co-ordinate Cursor External Javascript Primer Tutorial

Posted on August 8, 2025 by admin

Today we’re taking what we learnt regarding … co-ordinated cursors … (only regarding non-mobile platforms, alas) we implemented via the document.body onmousemove event logics in the recent Animated Plane Refuel Game Tutorial, and creating new external Javascript useful calleetool whereby … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged co-ordinates, cursor, document.body, emoji, event, external Javascript, HTML, IFRAME, Javascript, left, MAMP, onmousemove, percentage, percentage units, pointer, position, programming, responsive design, SVG, svg+xml, tool, top, tutorial, units | Leave a comment

Animated Plane Refuel Game Tutorial

Posted on August 6, 2025 by admin

Today we wondered how best to involve the … plane … mainly, but perhaps also the … gymnast … with a guest starring role … … in an online game in our recent Animated Plane and Coconut Hunt Game Nuances … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, coconut, content, contenteditable, createElement, crosshair, CSS, cursor, data uri, Did you know, DOM, dynamic javascript, emoji, emoji text, event, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, hunt, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, onclick, onload, onmousemove, OOP, overlay, pinterest, pixel, pointer, popup, position, procul.org, programming, progress, prompt, reactions, script, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener | Leave a comment

Animated Plane and Coconut Hunt Game Nuances Tutorial

Posted on August 4, 2025 by admin

Today’s a day of nuanced progress, after yesterday’s Coconut Hunt Game Tutorial‘s “filling in sideways” work on our Animated Plane and Coconut Hunt Game web application. Today, we … fixed some document.body.title annoyances whereby it would appear too often worked … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, coconut, content, contenteditable, createElement, crosshair, CSS, cursor, data uri, Did you know, DOM, dynamic javascript, emoji, emoji text, event, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, hunt, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, onclick, onload, onmousemove, OOP, overlay, pinterest, pixel, pointer, popup, position, procul.org, programming, prompt, reactions, script, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener | Leave a comment

Coconut Hunt Game Tutorial

Posted on August 3, 2025 by admin

Are you a reader who has been amused or bemused by the word Game being in the blog posting titles lately, up to yesterday’s Animated Plane Game User Animations and Styling Tutorial, when No Game really, about any of it? … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, coconut, content, CSS, data uri, Did you know, DOM, emoji, emoji text, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, hunt, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, OOP, overlay, pinterest, pixel, popup, position, procul.org, programming, prompt, reactions, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener | Leave a comment

Animated Plane Game User Animations and Styling Tutorial

Posted on August 2, 2025 by admin

On top of yesterday’s Animated Plane Game User Content Sharing Tutorial‘s honing in on the five “nouns” of interest … trees plane gymnast clouds ground … today we wanted to offer two more user controllable parts to this Animated Plane … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animated gif, animation, background image, background-repeat, background-size, border, border image, border-bottom, clipart, content, CSS, data uri, Did you know, DOM, emoji, emoji text, Freepik, game, giphy, Google, Google Image search, hashtag, hashtagging, height, HTML, IFRAME, iframe widget, image, image search, Javascript, keyframes, makeagif.com, mix-blend-mode, noun, object, OOP, overlay, pinterest, pixel, popup, position, procul.org, programming, prompt, stop press, storyborad, SVG, svg+xml, text, textarea, transition, transitions, transparent, transparent background, tutorial, url, webp, white, white background, widget, width, window.open, window.opener | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
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
September 2025

S M T W T F S

1 2 3 4 5 6

7 8 9 10 11 12 13

14 15 16 17 18 19 20

21 22 23 24 25 26 27

28 29 30

« Aug
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 Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
Your Background Image
OnTopList

Tag Archives: SVG

Text Background Clip Animation Emoji Overlay Tutorial

Text Background Clip Animation Tutorial

Co-ordinate Cursor Mercator Projection External Javascript Tutorial

Co-ordinate Cursor External Javascript Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: SVG

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList