Tag Archives: HTML

HTML Square Horizontal Rule Editable Image Map Jigsaw Tutorial

Posted on February 27, 2019 by admin

Adding to yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Tutorial, today we add logic to be able to … Edit the image map via an HTML div contenteditable=true element showing the image map’s outerHTML representation … as well as … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, contenteditable, copy, CSS, deck, dictionary, div, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, parent, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, rubberband, share, software integration, square, SVG, table, textarea, transform, translate, tutorial, url, window, word, word game, YouTube, z-index | Leave a comment

HTML Square Horizontal Rule Image Map Jigsaw Tutorial

Posted on February 26, 2019 by admin

We like the image editor GIMP’s Guillotine functionality we last talked about at Gimp Guillotine Follow Up Memory Tutorial and wanted to start out creating image maps in a similar vein, and remembering back to hard copy digitizing days and … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, array, Bezier curves, browse, canvas, canvas background, cards, cell, chart, child, column, copy, CSS, deck, dictionary, DOM, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, home, home screen, horizontal rule, HTML, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, overlay, parent, placeholder, polynomial, position, programming, proof of concept, propogation, putImageData, QuickTime Player, random, reveal, rotate, share, software integration, square, SVG, table, transform, translate, tutorial, url, word, word game, YouTube, z-index | Leave a comment

Tic Tac Toe Class Tutorial

Posted on February 25, 2019 by admin

What do “Simon Says” and “Tic Tac Toe” have in common, for us today? They’re both games. Yeh, well … okay … but apart from “They’re both games” … What do “Simon Says” and “Tic Tac Toe” have in common, … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged attribute, class, CSS, document, document.getElementById, document.getElementsByTagName, DOM, dropdown, event, game, games, HTML, id, Javascript, onclick, programming, querySelector, Tic-tac-toe, tutorial | Leave a comment

Simon Says Game Primer Tutorial

Posted on February 23, 2019 by admin

One of the great things about the “net” is learning things off other people. Here at this blog we’ve mentioned the stupendous HTML5 File API link we’ve used a lot for “shape to upload” local disk file browsing purposes in … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attribute, class, CSS, document, DOM, event, game, games, HTML, id, Javascript, onclick, programming, querySelector, tutorial | Leave a comment

PHP Form Validation via Filter Regular Expression Tutorial

Posted on February 22, 2019 by admin

With the recent PHP Form Validation via Filter Extension Tutorial we avoided “the elephant in the room” that being the use of regular expressions. No, Nala, not 😀 or even 🤪 but the definition of a date data item (or … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged atob, base64, btoa, data uri, date, decodeURIComponent, encodeURIComponent, enctype, extension, filter, form, format, get, HTML, Javascript, method, onsubmit, Perl, PHP, post, programming, regex, regexp, regular expression, timestamp, tutorial, urldecode, urlencode, validation | Leave a comment

Javascript and PHP Base64 Media Tutorial

Posted on February 21, 2019 by admin

It’s likely that if you use Base64 a lot with your web applications whether that involves Javascript client …. btoa atob … or some serverside language functions like PHP’s … base64_decode base64_encode … you will have used it when accessing, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged atob, audio, base64, browse, btoa, data uri, decodeURIComponent, encodeURIComponent, enctype, extension, file, file API, form, get, HTML, image, Javascript, media, method, mimetype, onsubmit, PHP, post, programming, tutorial, url, urldecode, urlencode, video | Leave a comment

PHP Form Validation via Filter Extension Tutorial

Posted on February 20, 2019 by admin

Our recent Javascript and PHP Base64 Primer Tutorial with its Base64 thoughts, the … echo “<textarea id=tb64 cols=100 rows=10>” . base64_decode(urldecode($_POST[‘base64′])) . “</textarea><br>”; … of which we adopt for today’s PHP code, set our minds towards HTML form thoughts and … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged atob, base64, btoa, data uri, decodeURIComponent, encodeURIComponent, enctype, extension, filter, form, get, HTML, Javascript, method, onsubmit, PHP, post, programming, tutorial, urldecode, urlencode, validation | Leave a comment

Australian Indigenous Language SVG Overlay Tutorial

Posted on February 18, 2019 by admin

Meanwhile, back at “Absolute SVG Positioning (ideally with water views, and ‘Tahiti sounds nice’) Symposium” and “Image Map Admiration Society Cocktail and Drinks Don’t” we wanted to take advantage of the hours spent at the wonderful and stupendous mobilefish Image … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged geo chart, Google chart, HTML, image, image map, indigenous, indigenous Australia, Javascript, language, map, map chart, mobilefish, onclick, overlay, place, polygon, programming, SVG, tutorial, where, Wikipedia | 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
August 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 31

« Jul
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: HTML

Simon Says Game Primer Tutorial

PHP Form Validation via Filter Regular Expression Tutorial

Javascript and PHP Base64 Media Tutorial

PHP Form Validation via Filter Extension Tutorial

Australian Indigenous Language SVG Overlay Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: HTML

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList