Tag Archives: mobile

Word Find Game Viewport Tutorial

Posted on August 17, 2022 by admin

Do you remember the last time at this blog that we simulated the Android “toast” mobile app temporary message box with Ants Up a Wall Game Toast Tutorial? It forms part of our solution regarding … mobile device use … … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged aesthetics, animation, background, background image, border, class, click, clipboard api, copy, CSS, CSS3, cursor, cut, degree of difficulty, dropdown, Event-Driven Programming, fixed, game, games, gesture, glow, highlight, HTML, image, instance, iPhone, Javascript, keyframes, linear gradient, Mac OS X, macOS, message box, mobile, mode, modes of use, navigator.platform, notification, notifications, notifications API, number of players, onclick, paste, player, players, position, programming, say, score, select, selection, selection api, spread, spreading, status, style, styling, Tclipboard, text, text to audio, textarea, This entry was posted in eLearning, toast, tutorial, underlay.opacity, viewport, webpage, word, word game, z-index | Leave a comment

Word Find Game Aesthetics Tutorial

Posted on August 16, 2022 by admin

CSS styling keeps getting better for webpages, with extended functionality, as proven when CSS3 came to being. Two styling features we find quite impactive are … CSS animation … and … CSS linear gradients … we use, respectively, regarding … … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Operating System, Tutorials | Tagged aesthetics, animation, background, background image, border, click, clipboard api, copy, CSS, CSS3, cursor, cut, degree of difficulty, dropdown, Event-Driven Programming, game, games, glow, highlight, HTML, image, Javascript, keyframes, linear gradient, Mac OS X, macOS, mobile, mode, modes of use, navigator.platform, notification, notifications, notifications API, number of players, onclick, paste, player, players, programming, say, select, selection, selection api, style, styling, Tclipboard, text, text to audio, textarea, This entry was posted in eLearning, tutorial, underlay.opacity, webpage, word, word game, z-index | Leave a comment

Word Find Game Mobile Tutorial

Posted on August 15, 2022 by admin

Yesterday’s Word Find Game Personalization Tutorial, and the Word Find Game from versions before all had an unwieldy relationship with mobile platforms. The … selection, via Selection API, using HTML textarea, suits non-mobile well … but we think today’s newly … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Operating System, Tutorials | Tagged click, clipboard api, copy, cursor, cut, degree of difficulty, dropdown, Event-Driven Programming, game, games, highlight, HTML, image, Javascript, Mac OS X, macOS, mobile, mode, modes of use, navigator.platform, notification, notifications, notifications API, number of players, onclick, paste, player, players, programming, say, select, selection, selection api, Tclipboard, text, text to audio, textarea, This entry was posted in eLearning, tutorial, underlay.opacity, webpage, word, word game, z-index | Leave a comment

Frog Identification App Primer Tutorial

Posted on June 5, 2022 by admin

We wanted to start the ball rolling with the Australian Museum’s FrogID app to record and, eventually, but not today, submit, frog sound recordings to the Australian Museum for frog identification purposes. The app looks great, and is full of … Continue reading →

Posted in eLearning, iOS, Tutorials | Tagged app, audio, Australian Museum, frogid, iOS, mobile, mobile app, programming, record, sound, tutorial | Leave a comment

Drag and Drop Iframe Mobile Tutorial

Posted on April 29, 2022 by admin

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

Contenteditable OuterHTML Ideas CSS Tutorial

Posted on March 24, 2022 by admin

Onto yesterday’s Contenteditable OuterHTML Ideas Mobile Tutorial we turn our attention to some aesthetics matters with this “Contenteditable OuterHTML Ideas” web application. Yes, most of this involves CSS changes, such as those for those div elements … <style> div.indiv { … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, calc, clone, contenteditable, CSS, DOM, event, glow, grid, height, HTML, innerHTML, iPad, iPhone, Javascript, meta, meta tag, mobile, onclick, outerHTML, outline, outline offset, programming, radial gradient, stopPropagation, table, transition, tutorial, units, vh, viewport, watermark, width | Leave a comment

Contenteditable OuterHTML Ideas Mobile Tutorial

Posted on March 23, 2022 by admin

Developing yesterday’s Contenteditable OuterHTML Ideas Watermark Tutorial on this MacBook Air had us a bit neglectful of mobile platforms. This neglectfulness manifested itself in the usual “width” and “height” dilemmas … add a meta viewport tag, such as our … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, calc, clone, contenteditable, CSS, DOM, event, glow, grid, height, HTML, innerHTML, iPad, iPhone, Javascript, meta, meta tag, mobile, onclick, outerHTML, programming, stopPropagation, table, transition, tutorial, units, vh, viewport, watermark, width | Leave a comment

Google Crawl Redirect Error Tutorial

Posted on February 9, 2022 by admin

We’ve been attending to some Google Crawl errors recently, one of them like the … “Incompatible Plugin Error” of Google Crawl Incompatible Plugin Error Tutorial … and, today … “Redirect Error” caused by our WordPress blog TwentyTen theme’s header.php code … Continue reading →

Posted in eLearning, Tutorials | Tagged blog, domain, error, Flash, Google, Google Crawl, incompatibe plugin, mobile, mobile issue, PHP, plugin, redirect, redirection, search engine optimization, tutorial, TwentyTen, TwentyTen theme, webmaster, webpage, Wordpress | 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
June 2026

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

« May
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser
Your Background Image
OnTopList

Tag Archives: mobile

Frog Identification App Primer Tutorial

Drag and Drop Iframe Mobile Tutorial

Contenteditable OuterHTML Ideas CSS Tutorial

Contenteditable OuterHTML Ideas Mobile Tutorial

Google Crawl Redirect Error Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: mobile

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList