Author: Ben Foster
-
Inspiring Inspiration #11
A collection of cool video, motion graphics and interface design, mostly if not all from Vimeo…
-
Hover shine effect with pure CSS
This is a simple example of a mouse-over shine effect I created using purely CSS. It uses a CSS generated element and CSS3 transitions to animate the effect. See the comments in the markup below for further explanation of how it works. Live demo: Click Me Simple HTML markup: [cc lang=”html”] Click Me [/cc] And…
-
Windows 8 start screen in HTML, CSS and Javascript
About 7 or 8 months ago I built a tile based launch page at work to launch learning modules which looked similar to the Windows 8 start screen. When I had spare time I kept building on and adding 3D animations to match it even closer to Windows 8. Then I kind of forgot about…
-
Getting all element attribute values with jQuery
Here is a little snippet which I have found extremely useful especially when working with XML in Javascript. You can use the following to loop through all of an element’s attributes and store them in an object: [cc lang=”javascript”] var element = $(“#myElement”), attributes = {}; $.each(element.get(0).attributes, function(i, attrib){ attributes[attrib.name] = attrib.value; }); [/cc] So…
-
Converting video with FFmpeg and Adobe AIR
Something I have been wanting to do for a while now is build a video converter into my Module Builder to enable automatic conversion of video into the various web friendly formats but I could never find a way to do it. Over the weekend I discovered this tutorial on playing back any video in…
-
Inspiring Inspiration #10
A collection of cool video, motion graphics and interface design, mostly if not all from Vimeo…
-
Uploading video from iPad to server with AIR for iOS
In this part 2 post following on from Record and play back video with AIR for iOS on iPad I will show you how to take your freshly recorded video and upload it to a web server using PHP. Assuming you have a MovieClip or some other button labeled ‘uploadbtn’ you first need to add…
-
AS3 – Split a camel case string
This is a little helper function which takes a string in camel case (camelCase) or pascal case (PascalCase) and splits it into separate words. The capitaliseFirst parameter will capitalise the first character in the first word if the string is in camel case.