Curated by Carsonified

Topics

Learn with Treehouse

Accessibility, CSS3, Design, Django, HTML & CSS, HTML5, JavaScript, jQuery, NoSQL, PHP, Responsive Web Design, Ruby, Ruby on Rails, Tools, UX, Version Control, WordPress, iOS and more

Article 8

Mobile Widget Development Screencast – How Twiggy Works

By

24 March 2009 | Category: Code

Elliott has created an 8-minute video that explains how mobile widgets work, from a technical perspective (see below). Hope you enjoy it.

Other news on the Twiggy front

* We’ve decided to opensource the project on GitHub, when we’re done, so you can all download the code and use it however you please.
* Mike has updated more screenshots of the progress of the Twiggy site:

Screengrab of Mike's screen showing early stage of Twiggy
View larger size.

Screengrab of Mike's screen showing 2nd stage of Twiggy
View larger size.

Screengrab of Mike's screen showing 3rd stage of Twiggy
View larger size.

Photo of Mike's sketches
View full size

Screenshot of Twiggy design
View full size

Screenshot of Twiggy design
View full size

Follow @thinkvitamin on Twitter Please check out Treehouse

Other Posts You Might Find Interesting

  • Sorry - No Related Posts Found

Comments

  • http://melissaleon.tumblr.me Melissa

    Great job so far Carsonified team. I am enjoying watching you guys develop twiggy. Will this be able to work on the Google phone?

  • Paul Barnett

    Sad to see Carsonified reduced to entering a Betavine competition for revenue – very risky.

  • http://carsonified.com Ryan

    Hey Melissa – I’m not sure – I’ll check it out :)

  • http://carsonified.com Ryan

    @Paul – We’re not entering the competition. We’re just helping Betavine get the word out :)

  • http://prandall.com Paul Randall

    A very cool screencast. I didn’t realise they could work like that.

    The design is also very original, although I have to agree on a point made on the other post about using images straight from Google search. I presume permission had been asked after the video was made.

    The drawings coming out of Mike’s phone are very cool; it’s just a shame they are reversed. The grid is also a nice touch.

  • http://silentpenguin.wordpress.com Matthew Langham

    @Melissa: Currently the mobile widgets will only work on certain S60 mobile phones including the N95, N96, N78. More devices are planned over the next months. You may want to check out the Betavine site for additional details.

  • http://procasts.co.uk/examples.html Ian Ozsvald

    Hi Elliot, good screencast. Can I offer a tip on the audio?

    I create screencasts for companies. Making the audio noise/hum-free really makes a screencast more watchable.

    I’m blogging a screencast tutorial series but I’m a few posts away from going into audio techniques.

    However – there’s an easy fix for you – export the audio, load the audio into a tool like Audacity (open-src), sample a section of noise when you’re not speaking to train the denoiser, use the denoise tool, it’ll remove the hum leaving you with a pretty clean voice, add the audio track back into the video in place of the original track

    Quicktime Pro can extract/import audio if you lack other tools.

    I’m happy to advise if you want to email me, I work to promote screencasting so the technique is more widely used, I’m always happy to offer advice.

    Cheers,
    Ian.

  • http://melissaleon.tumblr.com Melissa Leon

    Thanks for checking guys. Its a cool mobile widget anyhow.

Badges for Treehouse

Treehouse

Learn iOS, Rails, CSS3, jQuery, Node.js, HTML5, UX and more in less than 8 minutes per day. New videos added regularly. Sign up today and get a free Web Design Toolkit.

Ads Via The Deck

Think Vitamin Radio
Episode #34: Amazon Fire and Responsive Roundtable

Check out our bi-weekly radio show. Covering the hot topics on the web.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Download Podcast as mp3

Advisory Board

The Think Vitamin Advisory Board in place make sure that you receive the best content possible.