Archive for Category ‘HTML‘

 
 

Cloudshout Alpha 2 Released!

Over at IZEA there are a lot of balls up in the air at any given time. Lately Dan and I have been concentrating on a relatively new creation — CloudShout. It fits in nicely with the blog focused atmosphere for IZEA, and we’re both pretty excited about it. It already has a lot going for it, and I hear what’s available now with it is just the tip of the iceberg. Either way it’s something new and interesting, that I think you’ll be hearing a lot more about in the months to come.

Cloudshout is, in the most basic terms, a widget that can be installed on any site that enables realtime communication across the interwebs. It provides a open way for new developers to create javascript applications that can be installed by any user or site using CloudShout. One of the best ways to see what’s possible is to check out some sample applications. Just click on application tab in the widget and it’ll show what’s installed on my blog. Here are some applications that are already available:

  • A group chat application (chat has to be realtime of course)
  • An app that pull recent tweets from the blog owner, and even tweets from other site visitors
  • An app that pulls recent flickr photos from the blog owner, and other photos from site visitors
  • Multiple games — like checkers
  • A “Growl” like application that shows activity for the site (if you’re using a mac and don’t use Growl it’s worth checking out)

It’s important to note that any of these applications are updated immediately as new visitors come to the site. So lets say while you’re reading this blog post someone new comes to my site. They’ll show up immediately on the right, and you’ll be able to view tweets, or play checkers with them. Having realtime communication and the ability to send Javascript to other users really opens up a whole new world of application possibilities, so we’re thinking of, and hearing suggestions about new applications every day.

We Have the Technology

You can check for yourself how it’s all done, but it shouldn’t come as much of a surprise — ajax using script tag insertion. Since you can’t use XMLHttpRequest across domain (well until cross-site XmlHttpRequest becomes mainstream), it has to include script tags occasionally to get updates from the server. It does all of this by having the site owner include a single javascript file and creating a div with a specific ID. After that just hit the URL and you’ll see the widget.

The main hub itself and any applications you write have full access to JQuery, which I’m definitely falling for. We’re still looking into how to incorporate some kind of a library to take advantage of the huge amount of Jquery plugins and extensions that are available, but until then the basic jQuery should keep you busy.

Developing applications is easy, especially if you use Textmate. There’s a bundle available that allows editing application code locally and saving it to CloudShout. When developing you’ll get a URL to include on some sample page (usually stored locally) that will load the base widget and only your application. You can make changes and view them in this sandbox, then publish your application once it’s perfect. At that point one someone from IZEA will review it (no nasty hacks or bad code, etc) and then it’ll be available for anyone to install to their blog.

Oh there’s more?
At first some of this was sounding a bit like Google Site Widgets (which I heard about once then never again) — a way to enable some basic dynamic functionality. The difference is astounding though. CloudShout is realtime, open, extendable and just more badass in general. It’s also not specific to a single site. There’s quite a bit more to it, and for some you can watch Dans talk at BarcampTampa.

CSS Naked Day #3

Once again it’s CSS Naked Day, a time to strip your site bare and see how good it looks without all that CSS. If you’re using Wordpress, you can grab the CSS Naked Day Plugin and not have to worry about disturbing your layouts once the day is through. So far I’ve been extremely happy with this theme, which although I’ve only done minor tweaks with, it’s been easy to expand upon while keeping the same tone and color. I didn’t notice until now though that the comments are above the posts themselves which does look a bit odd.

Learning Something New

Zen Habits has become one of my most looked forward to subscriptions lately. One of the most important things when reading a blog to me is that you either 1) learn something new or 2) have a call to action that hits close to home. Posts always come through with one of those, and usually two — calling for action and showing you how to do it. This month they launched an October Challenge where they put out the idea that if you do something consistently for 30 days it will become a habit.

So what habit am I trying to train? I’d like to consistently work on web projects, rather than just doing short spells on them “when I have time”. We all know that you only have time for something when you make it, so if I can get myself into the habit of making just 30 minutes a day to work on some web project (anything), then a month down the line I’m hoping it’ll be enough to carry on. To start off, I’m working my way through the Agile Development with Rails, doing the examples using Rails 2.0 preview release and the Blueprint CSS Framework for layout. This is probably the set of resources I’ll be using for my next project, assuming things go well here. Either way I’ll certainly get a better handle on both, while having a book at my disposal to fall back on. Dreamhost has Rails and SVN hosting, so at least I’ll have a place to post it as things come along.