Tag Archives: capture

Feedback Annotation Image Cover Contain Tutorial

Posted on May 7, 2020 by admin

Do you remember a discussion here about the CSS property background-size we discussed with CSS3 Background Size Contain and Cover Primer Tutorial? It’s become one of our favourite properties ever since our bid for the Opera House failed?! Well, today, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, annotation, aspect ratio, attribute, camera, canvas, capture, contain, cover, data uri, email, emoji, feedback, file_get_contents, HTML, http, https, IFRAME, image, Javascript, mixed content, mobile, PHP, protocol, smart device, smart phone, src, srcdoc, ssl, text/html, toast, url | Leave a comment

Mobile Feedback Annotation Image Camera Capture Tutorial

Posted on May 5, 2020 by admin

Mobile devices, those “smart ones”, gave us a very useful advantage on top of a lot of the laptops that preceded them (regarding personal computing) … the inbuilt camera. HTML came along before the modern smart phone or tablet, so … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged animation, annotation, attribute, camera, capture, data uri, email, emoji, feedback, file_get_contents, HTML, http, https, IFRAME, image, Javascript, mixed content, mobile, PHP, protocol, smart device, smart phone, src, srcdoc, ssl, text/html, url | Leave a comment

Video via Image Filter and Canvas Magnifier Mobile Tutorial

Posted on June 7, 2019 by admin

We hadn’t tested the work of yesterday’s Video via Image Filter and Canvas Magnifier Tutorial on mobile platforms, and because it is so mouse event sensitive, yes, there are quite a few issues. Also, on an iPad, the issues were … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged addeventlistener, background colour, background image, browse, canvas, capture, colour, CSS, Digital Colour Meter, div, external Javascript, file API, filter, getBoundingClientRect, grayscale, HTML, HTML5, image, invert, iOS, Javascript, magnifier, media, nest, overlay, pixel, position, programming, resize, Safari, scroll, transparency, tutorial, video, z-index | Leave a comment

Video via Image Filter and Canvas Magnifier Tutorial

Posted on June 6, 2019 by admin

When thinking of the HTML img element’s relationship with the HTML5 canvas element there are loads of importing and exporting possibilities between them, but one that just has to live in the img world alone are … CSS filters do … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, background image, browse, canvas, capture, colour, CSS, Digital Colour Meter, div, external Javascript, file API, filter, getBoundingClientRect, grayscale, HTML, HTML5, image, invert, Javascript, magnifier, media, nest, overlay, pixel, position, programming, resize, scroll, transparency, tutorial, video, z-index | Leave a comment

Video via Canvas File API Tutorial

Posted on June 5, 2019 by admin

Yes, some of you probably guessed correctly, regarding where we’d go after yesterday’s Video Pixel Manipulation via Canvas Tutorial. As a background to this, we see for web applications, two primary source “partitions”, those being … around the “net” (in … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, background image, browse, canvas, capture, colour, Digital Colour Meter, div, external Javascript, file API, grayscale, HTML, HTML5, image, invert, Javascript, media, nest, pixel, programming, resize, scroll, transparency, tutorial, video | Leave a comment

Canvas Image Capture Ajax FormData Annotation Dropdown Tutorial

Posted on November 16, 2018 by admin

It is probably not surprising we involve HTML select element (“dropdowns”) related to our progress on canvas based Web Storage standing order type scenarios with our “Media Capture Email” web application we got the Web Storage working with yesterday’s Canvas … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, annotation, array, asynchronous, audio, camera, canvas, capture, circle, colour, cookie, CSS, details, document.write, DOM, dropdown, float, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, local storage, localStorage, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, overlay, photography, PHP, programming, progress, rectangle, reveal, select, standing order, summary, text, tutorial, upload, video, web storage, web worker, XMLHttpRequest, zip | Leave a comment

Canvas Web Storage Image Capture Ajax FormData Annotation Tutorial

Posted on November 15, 2018 by admin

It’s time for “Intersessional Thoughts Part II” today, continuing on with our “Media Capture Email” web application from yesterday’s Mobile Canvas Image Capture Ajax FormData Annotation Tutorial. Previously, for some intersessional thoughts that did not involve a lot of data, … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, annotation, array, asynchronous, audio, camera, canvas, capture, circle, colour, cookie, CSS, details, document.write, DOM, float, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, local storage, localStorage, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, overlay, photography, PHP, programming, progress, rectangle, reveal, standing order, summary, text, tutorial, upload, video, web storage, web worker, XMLHttpRequest, zip | Leave a comment

Mobile Canvas Image Capture Ajax FormData Annotation Tutorial

Posted on November 14, 2018 by admin

Yesterday’s Canvas Image Capture Ajax FormData Annotation Tutorial‘s new Canvas Annotation functionality was not great for mobile devices. Today, we improve via … “floating” better the position of our “overlayed” Canvas Annotation menu so that it sidles up near canvas … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, iOS, Tutorials | Tagged Ajax, annotation, array, asynchronous, audio, camera, canvas, capture, circle, colour, cookie, CSS, details, document.write, DOM, float, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, overlay, photography, PHP, programming, progress, rectangle, reveal, standing order, summary, text, tutorial, upload, video, web worker, XMLHttpRequest, zip | 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
May 2024

S M T W T F S

« Apr

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
Meta
Tags
Ajax animation background button canvas command line CSS 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 SVG table text textarea tutorial url video web browser webpage Wordpress
Your Background Image
OnTopList

Tag Archives: capture

Feedback Annotation Image Cover Contain Tutorial

Mobile Feedback Annotation Image Camera Capture Tutorial

Video via Image Filter and Canvas Magnifier Mobile Tutorial

Video via Image Filter and Canvas Magnifier Tutorial

Video via Canvas File API Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

May 2024
S	M	T	W	T	F	S
« Apr
			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

Tag Archives: capture

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList