Tag Archives: getBoundingClientRect

Text Background Clip Animation Emoji Overlay SVG Tutorial

Posted on September 17, 2025 by admin

As far as “heading towards creating a tool” from yesterday’s Text Background Clip Animation Emoji Overlay Tutorial‘s … emoji overlay animation … work beginnings we’re harnessing SVG’s foreignObject subelement to start up that avenue (as some relief from the roads … Continue reading →

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

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

Textarea and Div Box Shadow Primer Tutorial

Posted on October 27, 2024 by admin

We’ve long been interested in the similarities and contrasts between the use of HTML … textarea … and/or … div … elements regarding content and aesthetics and uses (within a webpage). Perhaps you were here when we presented the Textarea … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, box shadow, colour, colour picker, content, contenteditable, div, DOM, event, font family, font size, getBoundingClientRect, getComputedStyle, Javascript, onmousedown, onmouseup, programming, resize, shadow, text, textarea, tutorial | Leave a comment

WordPress Blog Thread Story Mobile Chapter Number Progress Events Tutorial

Posted on May 21, 2024 by admin

Make that … Mobile … to cater for mobile platform smaller widths we show a shorter “Table of Contents” display … Chapter … honing in on the idea of a Blog Posting equating to a “Story” book “Chapter” … Number … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, attribute, background, blog, book, border image, chapter, chronological, class, className, contents, context, data attribute, effect, emoji, getBoundingClientRect, global data attribute, Javascript, linear gradient, link, nickname, number, onclick, onmouseover, order, paper, PJP, post, posting, programming, progress, progress bar, querySelectorAll, reading, ring binder, scroll, scrolling, story, table of contents, theme, thread, tutorial, TwentyTen, TwentyTen theme, whitespace, Wordpress | Leave a comment

WordPress Blog Thread Story Mobile Chapter Number Progress Tutorial

Posted on May 20, 2024 by admin

The four changed words within today’s blog posting title “WordPress Blog Thread Story Mobile Chapter Number Progress Tutorial” pretty much sum up what we attended to today with respect to our “Storybook” feel Blog Posting Thread display at this WordPress.org … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background, blog, book, border image, chapter, chronological, class, className, contents, context, effect, emoji, getBoundingClientRect, Javascript, linear gradient, link, nickname, number, order, paper, PJP, post, posting, programming, progress, progress bar, querySelectorAll, reading, ring binder, scroll, scrolling, story, table of contents, theme, thread, tutorial, TwentyTen, TwentyTen theme, whitespace, Wordpress | Leave a comment

WordPress Blog Thread Story Table of Contents Tutorial

Posted on May 19, 2024 by admin

Today, onto yesterday’s WordPress Blog Thread Story Background Gradients Tutorial‘s progress with our Story Mode Blog Posting Threads here, at least for non-mobile platforms we make use of that whitespace over to the left presenting a … Table of Contents … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background, blog, book, border image, chapter, chronological, class, className, contents, effect, emoji, getBoundingClientRect, Javascript, linear gradient, link, order, paper, PJP, post, posting, programming, querySelectorAll, reading, ring binder, scroll, scrolling, story, table of contents, theme, thread, tutorial, TwentyTen, TwentyTen theme, whitespace, Wordpress | Leave a comment

Colouring In Drag and Drop Reveal Wikipedia Images Tutorial

Posted on May 8, 2024 by admin

At first, today, we thought we’d apply new “show Wikipedia image” ideas via … Ajax methodologies … but then saw that … iframe … <iframe onload=ouriaj(this); id=”ourifaj” src=” style=display:none;></iframe> … calls … better fitted in with our functionalities, but the … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, Ajax, alert, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, browsing, button, Camer, canvas, cell, class, clip art, clone, co-ordinates, collaborate, collaboration, column, confirm, country, CSS, dataset, dblclick, device, Did you know, dimensions, DOM, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, end tag, entity, flag, focus, game, games, genericize, geography, geojson, geospatial, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, HTML, html entity, HTML5, IFRAME, image, image search, image URL, imagery, images, innerHTML, iOS, iPad, iPhone, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, minesweeper, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, onload, overlay, palette, percentage, photo, photograph, PHP, pixel, pixels, platform, polyline, popup, popup window, postcard, processing, programming, proof of concept, proportional, pseudo class, pseudo element, pseudo selector, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, size, SMS, stop press, style, stylesheet, styling, SVG, table, table cell, tag, television, text, top, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, warerfall, width, Wikipedia, world, world map | Leave a comment

Colouring In Drag and Drop Mobile Journey Game Tutorial

Posted on May 3, 2024 by admin

We needed to considerably change yesterday’s Colouring In Drag and Drop Pseudo Element Content Tutorial “Journey Game” logic to work with mobile platforms, to do with … for “easy” Journey Game options we change size of “mytable” table and hide … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, iOS, Tutorials | Tagged absolute, alert, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, browsing, button, Camer, canvas, cell, class, clip art, clone, co-ordinates, collaborate, collaboration, column, confirm, country, CSS, dataset, dblclick, device, Did you know, dimensions, DOM, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, end tag, entity, flag, focus, game, games, genericize, geography, geojson, geospatial, getBoundingClientRect, Google, grid, guess, hashtag, hashtagging, height, HTML, html entity, HTML5, image, image search, image URL, innerHTML, iOS, iPad, iPhone, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, minesweeper, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, overlay, palette, percentage, photo, photograph, PHP, pixel, pixels, platform, polyline, popup, popup window, postcard, processing, programming, proof of concept, proportional, pseudo class, pseudo element, pseudo selector, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, size, SMS, stop press, style, stylesheet, styling, SVG, table, table cell, tag, television, text, top, transparency, tutorial, underlay, undo, units, url, user experience, UX, value add, warerfall, width, Wikipedia, world, world map | 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: getBoundingClientRect

Text Background Clip Animation Emoji Overlay SVG Tutorial

Text Background Clip Animation Emoji Overlay Tutorial

Textarea and Div Box Shadow Primer Tutorial

WordPress Blog Thread Story Mobile Chapter Number Progress Events Tutorial

WordPress Blog Thread Story Mobile Chapter Number Progress Tutorial

WordPress Blog Thread Story Table of Contents Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: getBoundingClientRect

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList