Posts from mir.aculo.us...

Create happy users (slides from my Ajax Experience presentation)

First off, I’d like to say that San Francisco is a super-nice city (see our expressions on the photo!).

wollzelle in san francisco

Without further ado, here are the slides:

Or: Create happy users (PDF, 7.5 MB, © wollzelle)

Btw, the actual title is “Combining advanced JavaScript/DOM techniques and Ajax to build better User Interfaces”, but yeah, well, you know.

Ajaxian has some notes on presentation so be sure to check these out, too.

Anyway, the Ajax Experience was a really nice conference, and tons of (nice, or should I say gentle?) people attended it (and my talk, too!). Hope to see some of you again soon.

The one thing I didn’t like about the trip was all the flying around. The airlines and airports really have to get their stuff together. 5 out of 5 flights had delays. We’ve also missed a flight on the way back and had to stay at a shabby airport hotel, and where delayed about 22 (!) hours, because of this. And we’re still waiting for our luggage to arrive. Time for some agility for travelling.

Update: Our stuff has arrived now, but things are missing (like one of the iPods). Well, anyway, hope to be back in San Francisco later this year (read it here first!). :/

RailsConf Europe

RailsConf Europe Speaker!RailsConf Europe 2006 has been officially announced!

All this RailsConf goodness with many, many cool speakers will be in London from September 14 to 15.

I’ll most probably do a talk there on something Ajaxy or Effectsy, so see you in September.

And better hurry with the registration, the first RailsConf in Chicago in June has sold out in less than a week. You’ve been warned. :)

Like reflections? Try the Reflector.

script.aculo.us Reflector

Like those shiny reflections on web pages? Here’s a little bit of code to play with. It’s called the script.aculo.us Reflector.

Currently reported to work on IE 6, Firefox, Safari, and Opera, (although not in the currently released version of Safari—if anyone finds out why, i’ll update it) Update: Fixed, thanks to Green.

It’s not really meant for production use yet, as it will probably introduce performance issues and other nasty things, but it’s always refreshingly nice to see what a few lines of Prototype and script.aculo.us code can do.

Have fun!

Update 2: I’ve cleaned up the demo page/code and added some usage hints. Anyway, the “is not really meant for production use” warning is still up, so use at your own risk. :)

Oh yes: If you like, digg this. :)

Tags: javascript, web_2.0, fun, script.aculo.us

Presenting at the Ajax Experience in San Francisco

I’m giving a talk on using script.aculo.us and Prototype to deliver a better user experience on Thursday, May 11, in (hopefully) sunny and warm San Francisco, California at The Ajax Experience conference.

Not only me, but other Wollzellers will be there as well. Just drop me a line if you want to meet up, and we’ll see what we can do. :)

Tags: javascript, web_2.0, script.aculo.us

script.aculo.us effects cheat sheet

Amy Hoy has released her field guide to script.aculo.us effects. Great work, Amy!

Keep those coming! :)

Chris from Sproutit on fluxiom

Chris visited us wollzellers a while ago and has put up a audio blog entry on the Sproutit blog.

He talks about fluxiom, and how nice Thomas’s screen is. :)

So, listen in.

fluxiom unleashed

Ok, so wollzelle has officially launched fluxiom.

fluxiom unleashed

Get all info on the fluxiom site.

Create your own effects tutorial

Vitamin Advisor You might have noticed the Vitamin Advisor badge on the sidebar, and wondered what this is, so here it goes:

Vitamin is a resource for web designers, developers and entrepreneurs. You should find tons of interesting reads for all aspect of doing web apps from technical to business stuff from some of the best minds out there.

My first feature is on creating your own visual effects with script.aculo.us—so, if you’re interested in breaking out of the norm, and doing your own, just read on!

If you want, you can also listen to the interview a gave a while ago, for some insights on script.aculo.us.

Also, there’s a great review of fluxiom to be found on Vitamin, done by an independent reviewer. We got a 4 out of 5 rating, and that’s while we’re in private beta, not too bad! :)

Slides from my Rails Ajax presentation at Canada on Rails

Here are the slides from my presentation on April 14th in Vancouver at Canada on Rails.

JavaScript as seen by the browser slide

The presentation primarily is about all the new RJS goodness that’s now part of Rails (as of version 1.1).

Download the PDF (~8.5MB)

Eh? Off to Canada on Rails

Canada on RailsTomorrow morning I’m flying to Vancouver, where the Canada on Rails conference will take place on April 13 and 14.

I’ll give a keynote presentation on Advanced Rails AJAX techniques, showing off the new .rjs templates and also giving some insights into fluxiom and how all the magic works.

Also, I’m hoping to catch the April 15 Avalanche vs. Canucks NHL game. :)

Update: Arrived in one piece. :)

fluxiom secrets (psst!)

We here at wollzelle are announcing the offical fluxiom blog where all things fluxiom will be discussed.

Right now, there’s some information on it regarding the relelase date, so be sure to check it out (and grab the RSS feed!) :)

Photos from my Ajax seminar in Vienna

Ajax Seminar

That’s the other Thomas here presenting the secrets of fluxiom. :)

More photos over at the wollzelle site.

event:Selectors for Prototype

Justin Palmer has released event:Selectors, a method to cleanly use CSS pseudo selectors to assign DOM events to elements on the page.

It’s inspired by behaviour.js, but builds on all the latest Prototype goodness and adds some nice new features.

Here’s a snippet of what you can do (notice how nicely it works together with script.aculo.us!):


var Rules = {
  '#icons a:mouseover': function(element) {
     var app = element.id;
     new Effect.BlindDown(app + '-content', 
       {queue: 'end', duration: 0.2});
   },

   '#icons a:mouseout': function(element) {
     var app = element.id;
     new Effect.BlindUp(app + '-content',
       {queue: 'end', duration: 0.2});
  }
}
Examples for multiple assignments and event passing:

'#feature, #otherstuff': function(element) {
  Sortable.create(element);
}

'.links a:click': function(element, event) {
  $('item').toggle();
  Event.stop(event);
}

Update: Here’s the official announcement from Justin – and shame on me for leaking :)

fluxiom is coming soon

fluxiom coming soon

fluxiom is coming soon to a browser near you...

Easier Ajax accessbility with Rails 1.1

David writes about the new HTTP accept header handling capability coming in Rails 1.1:


class CommentController < ActionController::Base
  def create
    @comment = Comment.create(params[:comment])

    respond_to do |type|
      type.html { redirect_to :action => "index" }
      type.js
      type.xml  do
        headers["Location"] =
          url_for(:action => "show", :id => @comment.id)
        render(:nothing, :status => "201 Created")
      end
    end
  end
end
This is a sample controller for adding comments to a weblog. It’s able to serve old browsers, Ajaxified browsers, and API access for the blog. Three clients, same controller logic.

Next to allow for totally easy creation of API functionalities in your application, this is also great news for all accessiblilty buffs—easily reusable controller actions for ajax and non-ajax calls are an beta gem away.

Detailed schedule for "Ajax richtig verwenden" - hurry, still some places left!

So, here’s the detailed schedule for my upcoming Ajax Traning session in Vienna, Austria (in german):

Und außerdem gibt’s einen Bonus-Vortag zur Entstehung unseres Produktes fluxiom.

Also, schnell anmelden, ein paar freie Plätze gibt es noch! :)

Ajax training in Austria: "Ajax richtig verwenden"

I’m doing a one-day training on everything Ajax mainly focusing on script.aculo.us, but naturally including Prototype and a look on Ruby on Rails Ajax capabilities as well, on March 17, here in Vienna, Austria (for german speaking audiences).

Here are the (in-german) details:

In diesem eintägigen Seminar zeigt Ihnen Thomas Fuchs wie Sie die Benutzerfreundlichkeit und Interaktivität ihrer Websites verbessern. Das Seminar bietet einen Überblick über verbreitete Ajax-Entwicklungswerkzeuge und fokusiert auf die Verwendung der Prototype-Bibliothek und script.aculo.us. Weiters werden die Möglichkeiten der integrierten Ajax-Funktionalität von Ruby on Rails demonstriert.

Also, nichts wie anmelden, nur 20 Plätze verfügbar!

Tags: ruby_on_rails, javascript, web_2.0, script.aculo.us

JotForm - online forms powered by Prototype and script.aculo.us

Aytekin Tank has released JotForm, a web-based tool to create form.

From the announcement:

I am very excited to announce that the first web based WYSIWYG form builder JotForm BETA is now released.

Although implementing the first real web WYSIWYG form editor was a very interesting task by itself, it is not that useful. All form building tools on the web provide data collection and access. So does JotForm. It is really easy to see results on the my forms section and you can even export them as Excel, CVS or some other delimited format. You can also receive notification emails.

JotForm is built on top of two super cool JavaScript libraries Prototype and Script.aculo.us.

An other really, really cool example of how Prototype and script.aculo.us can be put to use to provide great web user interfaces.

Great work, Aytekin!

Tags: javascript, web_2.0, script.aculo.us

script.aculo.us V1.5.3 comes with new InPlaceCollectionEditor

V1.5.3 of script.aculo.us is now available!

Also, various fixes made it in (especially important the fix for the broken Sortable.serialize name option in V1.5.2):

The Rails trunk has been updated to V1.5.3, too.

This will be the last version of script.aculo.us using Prototype 1.4.0 – switching to Prototype 1.5.0 for the next release (note that script.aculo.us V1.5.3 is fully compatible with both versions).

As always, big thanks to all the contributors! :)

Tags: javascript, script.aculo.us

Prototype cheat sheet

Jonathan Snook has posted some nice cheat sheets/desktop backgrounds on Prototype 1.5.0_pre0.

Prototype Dissected by Jonathan Snook

Various resolutions available. Nice work!

Tags: javascript
next page »