chipwreck

HTML 5 video & mootools, part 2: Timeline

Mario — Thu, 04 Mar 2010 23:51:19 +0000

After creating buttons and a volume slider in the last post, we’re now going to develop a time slider — a movable slider which shows the current time of the video and which can be dragged to move the video playback accordingly.Needed are two methods: Update the slider when the video is played and update [...]

HTML 5 video & Mootools

Mario — Tue, 02 Mar 2010 20:22:12 +0000

This is about scripting the HTML 5 video-tag with Mootools 1.2.One might ask, what is special about the video tag? At the first look nothing, it’s a HTML-element like any other. But if you try to use some mootools functions (adding events or querying properties) you soon realize that it doesn’t work out of the [...]

HTML 5 Video – DOM Attributes and Events

Mario — Mon, 01 Mar 2010 18:02:37 +0000

The last last post was about the HTML 5 video tag, now we’ll have a look at the DOM side of things: Attributes and Events.AttributesAdditional to the standard attributes (like width, height, id…) there are some attributes specific to the video-tag.To be precise: These attributes are not all specific to the video tag, some are [...]

HTML 5 Video – Tag and Attributes

Mario — Thu, 25 Feb 2010 00:32:20 +0000

This post is about the basic use of the HTML 5 video-tag and its attributes, the next one will be talking about events, DOM attributes and how to control video via javascript.A full-blown HTML 5 video-tag looks like this:<video width="320px" height="240px" autobuffer="autobuffer" autoplay="autoplay" loop="loop" controls="controls" poster="/_img/videostill.jpg"> <source src='video.mp4' type='video/mp4; codecs="amp4v.20.8, mp4a.40.2"'> <source src='video.mpg' [...]

HTML 5 & Video – Test area

Mario — Tue, 23 Feb 2010 19:15:38 +0000

A HTML 5 video test area - a detailed post will follow the next days..

Mootools Transitions explained

Mario — Wed, 17 Feb 2010 19:22:24 +0000

An in-depth tutorial about Mootools Transitions. How to use, how they work behind the scenes and how to create own transitions.

Coda PHP & Web Toolkit 1.7

Mario — Fri, 05 Feb 2010 18:33:09 +0000

And the next version, with one major improvement: Now you can (finally..) choose from a list of settings for HTML Tidy“Very indented” means: Attributes are indented and placed on different lines. “Default” is like before – Indented with Tabs, Tags grouped logically. “Wrapped” wraps everything HTML by 80 characters. “High Compression” removes indentations. “Body only” formats HTML without adding [...]

16 must-have Wordpress Plug-ins

Mario — Wed, 27 Jan 2010 01:32:06 +0000

A list of 16 recommend wordpress plugins

Some website updates

Mario — Sat, 23 Jan 2010 19:22:53 +0000

Some small things:The RSS feed is now being delivered via Feedburner so you can now also subscribe to updates via email if you like (see the button on the page footer). If the feed makes problems, notify me..And you find a “print”-button there also – which by itself is not soo interesting, but I finally [...]

How to: Google Custom Search & Wordpress

Mario — Fri, 22 Jan 2010 19:49:04 +0000

Want to use Google Custom Search together with Wordpress? A tutorial.

Mootools FormValidator – How to use (Final Part)

Mario — Tue, 19 Jan 2010 18:13:50 +0000

How to use Mootools Formvalidator effectively - a tutorial in 4 parts.

CwComplete – a small Mootools autocompleter

Mario — Fri, 15 Jan 2010 20:16:09 +0000

If you need an easy autocompleter for javascript/mootools, have a look at CwComplete. It shows possible completions on user input – either via Ajax or using your own Javascript array/callback function.Yes, there are already other autocompletion tools for mootools with more possibilities and features, but for many cases, this tool might be sufficient..CwComplete page »