Tag Archives: left

Responsive Web Design Landing Page Image Map Onresize Tutorial

Posted on November 16, 2022 by admin

We try to not make the onresize event a “second class citizen” in our thinking here, and we wait for the day we think about it as a matter of course, and we’ll know we’ve arrived at some representation of … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged area, base64, base64_encode, child, CSS, data uri, data url, file_get_contents, GD, getBoundingClientRect, height, HTML, IFRAME, image, image map, img, Javascript, landing page, left, onclick, one image, one image website, onload, onmouseout, onmouseover, onresize, overlay, parent, photography, PHP, position, programming, top, transparency, transparent, tutorial, webpage, width, z-index | Leave a comment

Responsive Web Design Landing Page Image Map Tutorial

Posted on November 8, 2022 by admin

The recent Responsive Web Design Landing Page Incarnation Tutorial said … So, why keep the old way? Well, we packed the “old way” with content rich functionality, and do not want to ditch that yet, but maybe over time?! We’re … Continue reading →

Posted in eLearning, Event-Driven Programming, Photography, Tutorials | Tagged area, base64, base64_encode, child, CSS, data uri, data url, file_get_contents, GD, getBoundingClientRect, height, HTML, IFRAME, image, image map, img, Javascript, landing page, left, onclick, one image, one image website, onload, onmouseout, onmouseover, overlay, parent, photography, PHP, position, programming, top, transparency, transparent, tutorial, webpage, width, z-index | 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

Drag and Drop Iframe Primer Tutorial

Posted on April 28, 2022 by admin

We were “really taken” by the possibilities trying out How To Create a Draggable HTML Element (by W3Schools), to drag and drop elements on non-mobile webpages. So much so, we wrote a “proof of concept” dragger and dropper of up … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged absolute, DOM, drag, drag and drop, element, getBoundingClientRect, HTML, IFRAME, Javascript, left, move, opacity, overlay, position, programming, proof of concept, relative, top, tutorial, webpage | Leave a comment

Animated GIF Creator Overlayed Images Top Left Tutorial

Posted on March 19, 2022 by admin

To add to the recent Animated GIF Creator Overlayed Images Tutorial‘s user interaction logic, we add a way to control those two “overlay” CSS properties … left top … but more in the sense that we allow CSS … margin-eft … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged CSS, details, DOM, HTML, image, Javascript, left, opacity, overlay, PHP, position, programming, reveal, summary, top, tutorial, z-index | Leave a comment

HTML Editor HTML Preview Tutorial

Posted on November 22, 2021 by admin

Onto the recent HTML Editor HTML Tag List Tutorial HTML tag list dropdown improvements, today’s work offers an optional HTML preview as the user tabs out of the textarea “HTML collector” via new textarea “onchange” event Javascript DOM logic, as … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, attribute, body, CSS, div, document.body, DOM, dropdown, editor, endtag, event, file_get_contents, FormData, getBoundingClientRect, height, HTML, HTML Editor, IFRAME, Javascript, left, onchange, onload, opacity, overlay, PHP, position, property, rgb, rgba, select, setTimeout, srcdoc, style, table, tag, textarea, timer, top, width, z-index | Leave a comment

Inhouse CSS Pseudo Element Co-ordinate Hover Tutorial

Posted on July 1, 2020 by admin

Today’s progress on top of yesterday’s Inhouse CSS Pseudo Element Co-ordinate Tutorial “proof of concept” feeling work is to allow non-mobile platforms respond to “the hover” (ie. Javascript) onmouseover event. We decide to allow a brief “preview” of what a … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged above, below, click, co-ordinates, CSS, hover, HTML, Javascript, left, long hover, onclick, onmouseout, onmouseover, place, programming, proof of concept, pseudo element, right, style, styling, tutorial | Leave a comment

Inhouse CSS Pseudo Element Co-ordinate Tutorial

Posted on June 30, 2020 by admin

We’re looking further into the … Inhouse CSS Pseudo Element (:andbelow … and today adding :andleft :andabove :andright) co-ordinate styling … ideas we started with yesterday’s Haiku Animated Gif Creator Tutorial. Going into more practicalities here we found that if … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged above, below, click, co-ordinates, CSS, HTML, Javascript, left, onclick, place, programming, proof of concept, pseudo element, right, style, styling, tutorial | 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: left

Responsive Web Design Landing Page Image Map Onresize Tutorial

Responsive Web Design Landing Page Image Map Tutorial

Drag and Drop Iframe Mobile Tutorial

Drag and Drop Iframe Primer Tutorial

Animated GIF Creator Overlayed Images Top Left Tutorial

Inhouse CSS Pseudo Element Co-ordinate Hover Tutorial

Inhouse CSS Pseudo Element Co-ordinate Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: left

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList