Menu
-
Recent Posts
-
Viewport and CSS Calc Screen Resize Tutorial
-
SVG Emoji Favicon and Title Tutorial
-
Floor Wall and Roof Framing Members Song Lyrics Tutorial
-
Octopus Anatomy YouTube Tutorial
-
Knockout Dice Game Emoji Tutorial
-
Knockout Dice Game Checkbox Tutorial
-
MacBook Air macOS Sequoia Image Playground Tutorial
-
Image Conversions via PHP GD Browsing Tutorial
-
Viewport and CSS Calc Screen Resize Tutorial
OnTopList
Tag Archives: drag and drop
Javascript Map Array Import Tutorial 
Is it … the extension of import capabilities … or … the sharing capabilities … of most interest in today’s work, extending that of yesterday’s Javascript Map Array Genericization Tutorial? Well … the extension of import capabilities … function askall(preenterall) … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged array, browse, browsing, button, conduit, CSV, Did you know, DOM, drag and drop, email, emoji, emoji button, file, file browsing, function, generic, genericization, get, groupBy, hardcoding, hash, hashtag, import, inventory, iPhone, Javascript, mailto, map, method, mobile, object, Object Oriented Programming, OOP, programming, push, set, share, sharing, SMS, structure, tool, tutorial, undefined
Leave a comment
Colouring In Drag and Drop Reveal Wikipedia Images Tutorial
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
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
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
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
Colouring In Drag and Drop Browse Button CSS Tutorial
Some HTML features that interface to the underlying operating system, you may have noticed yourself, are more restricted regarding how you can style them, than the usual HTML element catalogue. One which is always coming up, in this regard, for … 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, 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, 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 Postcard Tutorial
Yesterday’s Colouring In Drag and Drop Postcard Tutorial mentioned two issues with its Postcard creation functionalities that needed further attention … We have more work to do regarding data limits (even with hashtagging) using mobile platforms and the Take Photo … Continue reading
Posted in eLearning, Event-Driven Programming, Games, iOS, Photography, Tutorials
Tagged absolute, animation, answer, background, background image, background-position, background-repeat, background-size, border, browse, 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, 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, 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
Colouring In Drag and Drop Postcard Tutorial
You might recall that some time before yesterday’s Colouring In Drag and Drop Waterfall Reveal Tutorial‘s “Reveal Quiz” work, with Colouring In Drag and Drop Undo and Redo Tutorial, when we outlined potential uses … a scribbling or doodling mechanism … 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, 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 entity, image, image search, image URL, ISO 3166-2, Javascript, keyboard, latitude, left.width, location.hash, longitude, mailto, Mercator, mercator projection.opacity, mobile, mountain, mouse, mouse wheel, multiple, multiple background, navigation, nickname, number, oncontextmenu, ondblclick, ondragover, onkeydown, overlay, palette, percentage, PHP, pixel, pixels, platform, polyline, popup, postcard, processing, programming, proof of concept, proportional, px, question, quiz, range, redo, resolution, responsive design, revael, reveal, river, river.world, rivers, row, scroll, share, sharing, 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
