All posts tagged Flash

Free Friday: Wheels of Steel

As an interactive digital agency, we love seeing people use the power of code to create new and innovative web applications. Using a combination of CSS3, Javascript, HTML and a little Flash, a programmer named Scott Schiller (@Schill) did just that and managed to create a digital copy of the classic Technics 1200 Series Turntable for the web.

Pulling in music from SoundCloud, WheelsOfSteel.net allows you to do just about everything a real DJ can do on the 1s and 2s. You can throw on different tracks, mix’em up, tweak your sound settings and—if you’re running it on a powerful enough machine—you can even scratch (Safari 5 or Chrome 12 on OSX work best).

Although this is merely a prototype (Schiller still believes it needs work), the various elements of code come together quite nicely to produce a seamless experience that can have anyone DJing in no time. Mr. Schiller breaks down how he went about overcoming various obstacles to create this stunning piece of web technology in his blog.

Free Friday: Graffiti Creator

We live in a city that is filled with graffiti. Everywhere you look things are tagged up. From buildings to trucks to trains—everything seems to be a canvas.

Don’t get us wrong, we know it’s vandalism—and by no means do we condone it—but it’s also an art form and not everyone possesses the skills necessary to produce extravagant pieces. Until now, and it doesn’t require breaking the law!

Head over to GraffitiCreator.net and get started creating your own tag. First, choose your font and insert some text. You can then tweak it using an array of tools to add different effects and colors to your piece.

It’s a really cool use of Flash and is super easy to use. It’s also a great way to gain ideas and insight into the world of graffiti artists. We can’t promise that you’ll be the next Banksy, but it’s a start.

Adobe’s Flash Making Moves to HTML5

FlashPlayer Needed

When developing your web site it’s important to consider what platforms it will be accessible on and incorporating Flash typically means an exclusion of certain devices such as iPads and iPhones. Well, not anymore! It seems as though Adobe is attempting to do away with this issue by creating a new component that converts Flash to HTML5.

We all know that Adobe and Apple have been butting heads over lack of Flash on iOS devices for a while now and this announcement comes as a pleasant surprise to us. Rather than ignoring the issue Adobe is taking it head-on with this project in an attempt to make Flash viewable on all devices. Although this converter (Codenamed Wallaby) is still experimental it could be just the beginning of Flash converting software.

For developers and agencies such as ourselves, this could mean an easier way to develop mobile sites for our clients. But let’s not get ahead of ourselves because this software is only in the beginning stages and has a long way to go before it is widely adopted. Stay tuned.

Lexus CT 200h Site is Live!

Lexus CT 200h
Lexus is ready to roll out their new hybrid, the CT 200h! And with it, we here at Squeaky are proud to unveil a brand new interactive experience centered on the new luxury hybrid.

We knew from the beginning that this would be a big opportunity for us to showcase our talent through the use of innovative site features and we are pleased with the outcome.

First, we created the gallery. Rather than use a typical navigation system, we made browsing it feel more like a driving experience. It allows users to browse content along the y-axis, creating a feeling of movement while a user peruses Lexus CT photos and videos.

We’ve also implemented an engaging user experience which allows users to examine a full 360 degrees of the exterior and interior of the vehicle. Users can also customize the color of the car (both interior and exterior). Next, we created hotspots. These allow for a more in depth look into the features of the new hybrid as well as provide video content for a truly engaging experience.

Lastly, one of the most important elements we knew we had to put into action was building for both flash and non-flash browsers. We wanted the experience on mobile devices to be as close to the desktop experience as we could possibly get. In order to successfully replicate the capabilities of Flash we instead used a combination of CSS and Javascript to produce a seamless experience for mobile users which allows them to browse the same content in an equally engaging format.

Enjoy the site and go pick up a CT 200h!

Swiveling Heads On Burberry Facebook Page

burberry-eyewear-fb

Burberry shows its Eyewear in a enticing way on Facebook. When you mouse-over the model the head swivels following your cursor.

Browse all the models here and see how smoothly the interaction is. It could still be a bit better (yeah, we don’t like all the pre-loader either) but it’s a pretty cool use of a Flash piece within an FBML tab.