Splitificating Copy: Kicking Textfields’ Ass, One Letter at a Time

Title graphic for Splitificating Copy: Kicking Textfields' Ass, One Letter at a Time

Text and typography effects are all the rage right now. This example shows you what you can do when you can manually animate each individual letter. Manually splitting text fields for animations can be pretty annoying though. In this post I’ll show you how to split your text fields for use in animations.
Read the rest of this entry »

_Posted in Category==Null, Tutorial, flash
_Tagged , , , ,

2 Comments

JQuery vs. Mootools

JQuery vs. Mootools

Now i know javascript frameworks are nothing new, and these two have been around for awhile now, but the JQuery vs Mootools debate still comes up quite often so I’d figure I’d share my reasoning for picking one over the other. It also seems like lately there has been a bit of a shift away from flash so javascript has become a more popular topic as of late. Another factor is the misconceptions of HTML5, a lot of what clients think HTML5 brings too the table, has already been possible with javascript frameworks. So lets get right into it shall we.
Read the rest of this entry »

_Posted in Category==Null, Javascript
_Tagged , , ,

8 Comments

Making of björk.com pt. 1

About 6 months ago we were contacted by a company in the uk because of this blog post. They were particularly interested in creating an html5 experience for the Bjork’s new web site. Who wasn’t? After Steve had this to say, and experiments like 100-tweets drummed up interest, the interwebs were ready to critically acclaim an html web experience and that’s when the wilderness downtown came onto the scene. It captured awards at the highest levels, and solidified the technology as a serious contender to deliver the highest quality web experiences – at least the marketing punch. When we saw the designs from m/m (paris), we got really excited. The mission: make it in ‘html5′ and it had to play nice on the iPad and iPhone. We knew this was going to be one of the most challenging projects we had worked on to date.
Read the rest of this entry »

_Posted in Canvas, Category==Null, HTML5, Javascript

2 Comments

Flash 10 3D: Still not Ready for the Primetime

3D is all the rage right now in the web. WebGL is finally becoming a reality and Adobe has also just released the low level 3d API, Molehill. However, both of these technologies are quite involved and aren’t really suited to quick and dirty 3d effects. This is where the flash10 3D, or maybe more accurately 2.5D, features came in. The idea here was to give developers the ability to do simple 3D effects by simply manipulating the properties of an object without having to resort to complicated and time consuming math.
Read the rest of this entry »

_Posted in Category==Null
_Tagged , , , , , , ,

No Comments

Liking Facebook

Facebook "Like" Button and the internet

For the last year or so, the Facebook “like” button has been taking over the internet. It is almost assumed that every new website we work on here has a like button designed into it from the beginning or is added as an after thought at the end. But nonetheless, it finds its way into the design one way or another. It seems the amount of Facebook applications being produced has also sky rocketed recently, I guess that 500 million person user base is incentive enough.

As you might have guessed, I have spent quite some time with the Like button.  I want to share 3 things that I have learned along the way that may help other developers and designers when integrating Facebook into their sites.
Read the rest of this entry »

_Posted in Facebook, Javascript
_Tagged , , , , ,

No Comments

Reduce, Reuse, Recycle: Tips for the beginner

Reduce, Reuse, Recycle: Tips for the beginner

One thing that a lot of coders talk about is writing reusable code. You see it on job ads, tutorials, coding articles, etc… However, as a junior developer it can be hard to get into the habit of writing things that are portable. Writing things worth saving can also be a challenge for newer developers. I think one thing that could help is to simplify. Don’t worry about making that drop down menu work for every possible configuration, and don’t worry about making SwfAddress integration perfect. Pick out the small things and work it out.

Read the rest of this entry »

_Posted in flash
_Tagged , , , ,

2 Comments

MoleHill Getting Started

First MoleHill Triangle

So for the past two days I’ve been playing around with Away3D/Molehilll. I really like how easy it’s to get stuff going in Away3D but I got this feeling that I don’t like not knowing what’s going on in the background. So I started looking at the low level stuff for Molehill.

Now… I’ve literally had two evenings to look at this stuff and so I’m sure some of my assumptions are wrong but I still want to write a blog post on this stuff. So… If I say something completely wrong please correct me gently. ;)

Before we get going I think there are some terms everyone should know.

Terms:
Vertex-One point in a triangle, a 3d point. A vertex will define the “corner” of a triangle. A gotcha in Molehill is that a vertex will define the position and colour of that corner.

Matrix-You use Matrices you modify Vertices. Think of a Matrix as an “equation” to rotate, scale, or position of a vertex.

Shader-A shader is a small program that is used to modify vertices. A shader can use a Matrix to modify the Vertex. (program that runs the equation over all 3d points) My gotcha was that my mind was thinking of Shaders in terms of modifying textures and looks but they also modify positions of things.

So now that we have that out of the way we can start looking at the different parts that make up MoleHill.
Read the rest of this entry »

_Posted in MoleHill, flash

27 Comments

Great Time To Be a Web Developer In An App Store Economy


There are two main problems that developers have face:

  1. How to get people to see your app
  2. How to make money off that app

App stores really solve both of these issues. One of the coolest things as a web developer is the fact that there are ways to create “native” apps for these app stores using the standard languages we use: html, js, css, and AS3.
Read the rest of this entry »

_Posted in Category==Null, HTML5, Javascript, flash

1 Comment

Safari beats Chrome – HTML5 Canvas drawing method performance

Recently we were engaged by a company in the UK and some designers based out of Paris, to bring a 3D model designed in Google SketchUp to life online. This would hardly be noteworthy had we been allowed to use Flash to deliver an interactive experience. But for this project, we were specifically tasked to use HTML5 friendly techniques. Thank you Mr. Jobs. Unfortunately, we can’t share any links at this time but we promise we will share once we launch. So what happens when you try to draw 8000+ lines on a canvas?

...snapshot of the "constellation" of lines and 'spheres'

Read the rest of this entry »

_Posted in Canvas, Category==Null, HTML5
_Tagged , ,

3 Comments

Learning from the Digital Media Zone

On November 27th I was one of the attendees for the first ever TedxRyersonU, an independently held TED event at Ryerson University. There were two talks that day that I felt directly related to what we as interactive content developers do. Both speakers work at the Digital Media Zone (DMZ) at Ryerson, a place Ryerson president Sheldon Levy calls “the next MIT”.

Hecham Ghazal was up first with Parallel Human Processing. I wondered what Ghazal meant by this title, but it soon became clear that he sees the internet as a socio-cognitive network – one that can solve complex tasks/problems better and faster than any artificial intelligence (AI). As Ghazal pointed out, the best AI still can’t tell you if a joke is funny but people on the internet can.
Read the rest of this entry »

_Posted in Category==Null
_Tagged , , , , , , , , ,

No Comments