Tag Archives: transparency

Video via Image Filter and Canvas Magnifier Mobile Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Video via Image Filter and Canvas Magnifier Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Video via Canvas File API Tutorial

Posted on by

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 , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Video Pixel Manipulation via Canvas Tutorial

Posted on by

The recent Video Mask via Canvas Primer Tutorial got us started on a dynamic video manipulation tool that we see as … “see through” or masking functionality … and onto that today, we’d like to add two more pixel manipulation … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , | Leave a comment

Video Mask via Canvas Primer Tutorial

Posted on by

Thanks to Manipulating Video using Canvas we have a … video … meets … canvas … may meet … image … or background colour … masking mechanism … today with a new web application (called video_mask_via_canvas.html) live run (supervising external … Continue reading →

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged , , , , , , , , , , , , , | Leave a comment

Country via Capital Placeholder Quiz Game Tutorial

Posted on by

Our latest favourite HTML styling feature is the HTML placeholder attribute. We like its … ability to be a replacement for a label or caption, especially when designing an HTML form, and hence, saving space similar ability to be able … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

WordPress Recent Post Semi-Transparent Background Tutorial

Posted on by

Do you know what we would be trying to achieve with the HTML (containing inline CSS styling) below? style=”background: rgba(0,255,0,0.6); background: -webkit-linear-gradient(left top, rgba(0,255,0,0.6), rgba(255,255,0,0.6)); background: -o-linear-gradient(bottom right, rgba(0,255,0,0.5), rgba(255,255,0,0.6)); background: -moz-linear-gradient(bottom right, rgba(0,255,0,0.6), rgba(255,255,0,0.6)); background: linear-gradient(to bottom right, rgba(0,255,0,0.6), … Continue reading →

Posted in eLearning, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

Skeletal System Game Reveal Tutorial

Posted on by

Continuing on from yesterday’s Skeletal System Game Primer Tutorial that started us on a “reveal” and “overlay” and “map element” Skeletal System Game we’re developing, let’s, today, “drill down” a bit into that “reveal” concept. After all, there are so … Continue reading →

Posted in eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , | Leave a comment