Tag Archives: image map

The Cell Game Image Map Editing Tutorial

Posted on January 30, 2022 by admin

Yesterday’s CSS3 Filters Image Editing Tutorial‘s saw us introduce an “in place image editing” external Javascript img_svg.js tool. Today sees us get a “second cab off the rank” going using that tool with the web application of The Cell Game … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged canvas, cell, CSS3, DOM, external Javascript, filter, head, image, image map, img, Javascript, map, programming, tool, tutorial | Leave a comment

Horizontal Rule and Div Glowing Lines and Vertices Tutorial

Posted on August 8, 2019 by admin

There is another graphical idea we’d like to add some (W3School’s glowing text inspired) “glow” to, like in the spirit of yesterday’s Image Map with Overlay SVG Glowing Polygon Tutorial, but this time, we want it as a user controllable … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged 3D, box shadow, CSS, div, drop shadow, glow, glowing box, highlight, horizontal rule, HTML, image map, line, map, multiple choice, programming, quiz, style, styling, SVG, text shadow, tutorial, vertex | Leave a comment

Image Map with Overlay SVG Glowing Polygon Tutorial

Posted on August 7, 2019 by admin

In the “glowing” CSS styling work we’ve been talking about recently, as with yesterday’s Multiple Choice Quiz with Glowing Box Tutorial “Glowing Box”, today we have for you … HTML image map element … with … area shape=”poly” (polygon) elements … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged 3D, box shadow, CSS, div, drop shadow, glow, glowing box, highlight, HTML, image map, map, multiple choice, programming, quiz, style, styling, SVG, text shadow, tutorial | Leave a comment

MySql Polygon Insert via Image Map Tutorial

Posted on April 20, 2019 by admin

Continuing the theme of PHP using MySql databases and dealing with Spatial functionality of MySql Stored Procedures Geometry Tutorial, today we establish some PHP to add into a MySql database table as POLYGON data type data, the HTML area coords … Continue reading →

Posted in Database, eLearning, Tutorials | Tagged boundary, cPanel, cyber security, database, DML, domain, function, geographicals, geometry, grant, image map, MAMP, MySql, PHP, PHP 7, phpMyAdmin, polygon, privilege, programming, query, revoke, spatial, spatial convenience functions, SQL, Stored Procedure, table, tutorial, user | Leave a comment

HTML Square Horizontal Rule Image Map Notice Board Tutorial

Posted on April 1, 2019 by admin

Following on from yesterday’s HTML Square Horizontal Rule Image Map Are You Okay Tutorial we wanted, today, to “test the waters” with the news of recent emoji additions to ask a lot of this world, and see how emojis stack … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged aged care, attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, diary, dictionary, Did you know, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, FileZilla, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, international signage, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, MAMP, map, match, mathematics, Memories, meta, mobile, mobile app, multiple, multiple hashtag, navigation, notice board, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PhotoBooth, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, TextWrangler, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | Leave a comment

HTML Square Horizontal Rule Image Map Are You Okay Tutorial

Posted on March 31, 2019 by admin

The recent HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial has a fair degree of flexibility, and we want to try more ideas to learn more (and modify more, as you will see later). Was reading through a course … Continue reading →

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

Please Sign Paperless Email Reply Primer Tutorial

Posted on March 24, 2019 by admin

What do you do when emailed a PDF document to sign and return? In your processes, do you need to scan hardcopy (ie. paper) at any stage? If no, I’ll not nag you then about the world’s resources, and suchlike. … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attachment, email, image, image map, Mac OS X, Macbook Pro, macOS, paperless, PDF, Preview, programming, reply, scribble, signature, text, tutorial | Leave a comment

HTML Square Horizontal Rule Image Map Jigsaw Quiz Tutorial

Posted on March 13, 2019 by admin

We add onto yesterday’s HTML Square Horizontal Rule Image Map Jigsaw Content Tutorial‘s Global data-* Attribute items functionality the new … Tick Cross Text and/or Emoji over one line Text and/or Emoji over two lines Question and Answer Quiz … … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged attributes, Bezier curves, browse, button, canvas, canvas background, cards, cell, chart, child, circle, collaboration, column, communication, contenteditable, copy, CSS, data, deck, dictionary, div, DOM, dropdown, eLearning area, eLearning array, email, emoji, equation, eval, event, file, game, games, geometry, getBoundingClientRect, getImageData, Google Charts, graph, graphics, grid, guillotine, hangman, hash, hashtag, heirarchy, home, home screen, horizontal rule, HTML, HTML Global Attributes, icon, IFRAME, image, image map, induction, innerHTML, integration, iOS, iPad, ispell, Javascript, jigsaw, line, line graph, linear equation, linear gradient, linked list, location.hash, map, match, mathematics, Memories, mobile, mobile app, multiple, multiple hashtag, navigation, onchange, onion, onmousemove, ontouchmove, overlay, pan, parent, PHP, placeholder, polygon, polynomial, position, programming, prompt, proof of concept, propogation, putImageData, QuickTime Player, quiz, random, rectangle, reveal, rotate, rubberband, script, select, setTimeout, share, signature, software integration, square, SVG, table, textarea, transform, translate, tutorial, Tutorials, url, window, window.open, word, word game, YouTube, z-index | 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
April 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

« Mar
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: image map

The Cell Game Image Map Editing Tutorial

Horizontal Rule and Div Glowing Lines and Vertices Tutorial

Image Map with Overlay SVG Glowing Polygon Tutorial

MySql Polygon Insert via Image Map Tutorial

Please Sign Paperless Email Reply Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: image map

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList