Posts tagged ‘JavaScript UI Goodies’
Introducing SWFRightClick
Posted Tuesday, February 28th, 2012.
Filed under e-learning, JavaScript with the tags Adobe Captivate, Adobe Captivate Hacks, Adobe Flash, e-learning, JavaScript, JavaScript UI Goodies
Adobe Captivate currently ships with a 3rd-party JavaScript utility named RightClick.js, which enables the Captivate SWF to detect when a user right-clicks the SWF. While upgrading the Captivate publishing templates, I realized RightClick.js wasn’t built to work with SWFObject 2.x and suffered from a few shortcomings. I modified the Captivate template’s SWFObject code to get [...]
PDFObject Updated, Moved to GitHub
Posted Tuesday, March 22nd, 2011.
Filed under JavaScript, web design and development with the tags JavaScript, JavaScript UI Goodies, PDFObject, web design and development
Three years have passed since PDFObject 1.0 was released, and the browser landscape has changed dramatically. I figured it’s time to dust off PDFObject and see if it can be improved and/or updated for today’s browsers.
For Your Reading Pleasure: EasyCaptions
Posted Monday, June 7th, 2010.
Filed under JavaScript, web design and development with the tags accessibility, Adobe Flash, EasyCaptions, How-to, HTML 5, JavaScript, JavaScript UI Goodies, video, web design and development
Introducing EasyCaptions: A simple system for adding captions and an interactive transcript to online videos. EasyCaptions uses progressive enhancement to provide the best possible experience for all visitors, regardless of their browser’s JavaScript, HTML5 or Flash support. Demonstration Background I don’t produce much video these days, but as a web surfer I often encounter other [...]
TextAreaExpander Class for MooTools
Posted Friday, May 7th, 2010.
Filed under General with the tags How-to, HTML, JavaScript, JavaScript UI Goodies, MooTools, web design and development
It does exactly what is says: expand textareas. No more, no less.
Rounded corners on images using CSS3
Posted Friday, April 2nd, 2010.
Filed under JavaScript, web design and development with the tags CSS, JavaScript, JavaScript UI Goodies, jQuery, MooTools, progressive enhancement, web design and development
Most browsers do not allow images to be cropped using CSS3′s border-radius. Tim Van Damme recently posted a workaround for this issue. Here’s a MooTools script that automates Tim’s workaround yet degrades gracefully when JavaScript is disabled.
HTML5 Video, minus Ogg
Posted Friday, March 19th, 2010.
Filed under JavaScript, web design and development with the tags Adobe Flash, How-to, HTML 5, JavaScript, JavaScript UI Goodies, web browsers, web design and development
Mozilla, the makers of Firefox, refuse to support the MP4/H.264 standard because it isn’t open-source and free from licensing constraints. Without Ogg, Firefox’s HTML5 video is rendered useless and requires a Flash-based fallback system. However, Firefox’s handling of the video element breaks the fallback mechanism. A scripted solution is required.
Here’s a simple script that will detect whether HTML 5 video is supported in the browser, and if it is, will check to see if this is Firefox. If yes, it deletes the specified video element but leaves the Flash fallback in its place.
A new removeClasses utility for MooTools
Posted Saturday, March 13th, 2010.
Filed under JavaScript, web design and development with the tags How-to, JavaScript, JavaScript UI Goodies, jQuery, MooTools, web design and development
MooTools’ removeClass utility will only work if the classes you want to remove are listed in the same order as the target element’s className property. Here’s a new removeClasses utility that fixes this shortcoming. A framework-neutral version is also provided.
CustomInput Class: Accessible, Custom-Styled Checkboxes and Radio Buttons
Posted Thursday, March 11th, 2010.
Filed under JavaScript, web design and development with the tags accessibility, CSS, How-to, interface design, JavaScript, JavaScript UI Goodies, jQuery, MooTools, web design and development
I’m currently working on a new quiz system at work, and decided I’d incorporate Filament’s wonderful stylized checkboxes and radio buttons into my project, which meant it was time to roll up my sleeves and code me some Moo.
Lazy loading excanvas.js
Posted Thursday, March 12th, 2009.
Filed under JavaScript, web design and development with the tags excanvas, How-to, JavaScript, JavaScript UI Goodies
I started by developing an HTML example page that used the canvas element and had the excanvas.js file hard-coded. Everything worked as planned. I then took out the hard-coded excanvas.js file and replaced it with a JavaScript-based lazy loader. Guess what? It didn’t work. A simple modification to the excanvas.js file fixed the problem.
Image-Free Progress Bar using MooTools and Canvas
Posted Friday, March 6th, 2009.
Filed under General, JavaScript with the tags canvas, excanvas, How-to, JavaScript, JavaScript UI Goodies, MooTools, ProgressBar class, Rectangle class
As part of my ongoing experiments with <canvas>, I decided to convert an image-based progress bar to an image-free canvas-based system. I just finished whipping up a proof-of-concept; it uses MooTools to generate the canvas and CSS code. No images were harmed in the making of this progress bar. More info later (time permitting)
