We’re ecstatic to find ourselves in the national press today – Design Week have published an article about our work for Theatre Bristol.
We haven’t got around to updating our portfolio recently so we’ve not mentioned this project so far, it’s probably better to let the Design Week article speak.
Well, it’s all go here I tell you….more new work in the interwebosphereness.
Our friends @ e3 needed some super smart actionscripting to bring their High School Musical 3 ‘Design a Prom Dress’ microsite to life and we were happy to oblige.
Apparently, HSM is like the biggest thing right now with the kids and in a joint promotion with George @ Asda Disney have a launched a competition to promote the new movie. In this movie the characters are about to graduate and are therefore going to their prom – the microsite lets you design a prom dress for the main characters and submit it to win a boat load of prizes, including a trip to Disneyworld Florida, wow!
So if you happen to be into HSM, or just want a chance for a free holiday, get yourself over here and get designing.
Our latest piece of work has launched today – Chartridge Developments .
Working with our new friends at GMH Communications, we designed and delivered a lubberly Flash site focussing on their brand values as much as the houses themselves. With a focus on large, inspirational photography, the site reflects the attention to detail, individuality and high-spec fixtures & fittings that make a Chartridge home. Behind the scenes the site is fully content managed.
We’re pretty proud of it, hope you like it…
Hi there,
Cheers for reading my dot net article. Underneath I have posted the tutorial in full for you to refer too.
Feel free to post a comments below.
Steve
—-
One of the great things about Ruby is RubyGems. A Gem is a packaged Ruby application or library. This article assumes you have Rails 2.1 installed and are happy typing the commands into your terminal.
Gems add functionality to a Rails application. This article shows you how to use Youtube-G Gem to pull YouTube videos into a Rails application.
First we will install the gem, open a terminal window and type;
sudo gem install youtube-g
We now create a skeleton Rails app;
rails youtube_rails
Move into the application directory and start it running.
cd youtube_rails
./script/server
Point your web browser at http://localhost:3000 you should see the standard rails start screen. Return to the terminal and stop the server with CTRL-C.
Next configure the rails app to use the gem. Open the file youtube_rails/config/environment.rb. At line 27 we add the line;
config.gem "youtube-g", :lib => "youtube_g"
Now create a simple html layout. In the directory youtube_rails/app/views/layouts/ create a file called application.html.erb . Add the following html;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Youtube videos</title>
</head>
<body>
<%= yield %>
</body>
</html>
Now generate the controller and view using Rails’ generate script;
./script/generate controller Videos index
We will now add the controller code that pulls from YouTube. Open the file youtube_rails/app/controllers/videos_controller.rb that we just generated. Edit it to look like this;
class VideosController < ApplicationController
def index
# Initialize the YouTubeG client
client = YouTubeG::Client.new
# Find top three penquin videos
@videos = client.videos_by(:query => "penguin", :max_results => 3).videos
end
end
Now open the view file youtube_rails/app/views/videos/index.html.erb and put the html to show the videos we have retrieved. Youtube-G provides the embed_html method that generates the html to embed each video. Edit the file to look like this;
<h1>Videos</h1>
<% for video in @videos %>
<h2><%= video.title %></h2>
<p><%= video.html_content %></p>
<%= video.embed_html %>
<% end %>
Now start the server again by running the following in your terminal;
./script/server
Now If you point your browser at http://localhost:3000/videos you should see three videos.