Tag Archives: getBoundingClientRect

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

Colouring In Drag and Drop Pseudo Element Content Tutorial

Posted on May 2, 2024 by admin

Our current Colouring In web application project has relied a lot on HTML table, then tbody, then tr (row), then td (table cell) elements, believe it or not, up to today, not requiring any … traditional content (in Javascript DOM, … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged absolute, 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, 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, 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 Hazardous Journey Game Tutorial

Posted on May 1, 2024 by admin

Back to thinking about Drag and Drop, a lot of the way it works, favours web application game development. You don’t even have to involve the “drop” part of the concept. Just using the “drag” part, and the “ondragover” event, … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged absolute, 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, country, CSS, dataset, dblclick, device, Did you know, dimensions, doodle, doodling, double click, drag, drag and drop, dragover, drop, email, emoji, emoji flag, encoding, encryption, 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, 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, postcard, processing, programming, proof of concept, proportional, pseudo class, 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, 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
January 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 31

« Dec
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 webpage
Your Background Image
OnTopList

Tag Archives: getBoundingClientRect

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