I’ve been playing around with Rails for about two months now and I LOVE it, because they integrate so many best practices for a web developer.

The only thing I didn’t like was the integration of Javascript.

I don’t wanna use Prototype/Scriptacolous

Both is already built in. I’m not saying these are bad libraries, but I prefer Mootools for my clientside scripting.

Rail’s Ajax Helpers ain’t good JS scripting

I don’t see any sense in writing javascript code in rails. I want my Javascript unobtrusive and nicely degrading and want to take all benefits of my js framework. At least at this point, I think it’s better to write js in a js environment (but mind that I’m just a rails beginner, maybe there are better ways).

A Mootools Factory Pattern for Ajax Requests

Due it’s raining this sunday, I’ve put a little class together that makes it much more easier to create Ajax requests against your RESTful Rails ressources, using Mootools.

Let’s assume, you have a controller for a ressource Customers and you want to call the default scaffolding methods of Rails using Ajax, which would be index, show, new, create and destroy.

Prepare your Controller

First of all, you have to add a response format to the methods in your controller. We’re lucky, because Rails supports the js format and rendering as JSON format by default (pretty much the same like the xml format). So you just have to add a few lines of code for every method, like this:


format.js { render :json => @customer }

(There is a whole example controller in the download)

Get the Rails Auth Token in JS

As a additional security mechanism, Rails added a Auth Token. Matt from madhatted showed us how to get the auth token into Javascript without a need of a form. This is what you also need to do, to use my code.

So insert this into your view, where you load your Javascript:

<%= javascript_tag "var RAILS_AUTH_TOKEN = #{form_authenticity_token.inspect};" if protect_against_forgery? %>

Of course, you should also add Mootools at this point and my lib.

Use it!

Now you can use my lib like this:

New instance for customer controller

customer = new RailsRequest({controller: "customer"});


Get json formatted string of all customers

customer.index().send();


Get json formatted string of customer with id 2

customer.show(2).send();


Create a new customer

customer.create({name: "Elvis", is_cool: true}).send();


Update customer with id 2

customer.update(2, {is_cool: false}).send();


Delete customer with id 7

customer.destroy(7).send();

You can add default callbacks for all kinds of methods. Just have a look at my code.

Important Notes

I’m pretty sure this is far from perfect, either by the rails and the mootools perspective. It was just a tryout, to proof myself that both frameworks can play well together.

If you know a better solution or you’re happy with this one, please let me know in the comments.

Download

Here it is: mootools_with_rails Have fun!

Edit: 2009-05-04 Some minor fixes.

More Posts

• PHP-Klasse für Firebug
• Das iPhone kommt
• Vater Staat haut drauf!
• Weihnachtsshopping
• Gigabot First Contact
• Coding im Akkord

Integrating Lifehacker’s tweaks in Executor

Just follow the instructions on this Lifehacker post step by step:

• Download cURL and extract it to C:\Windows.
• Download the ZIP file with the cURL batches, extract it anywhere on your computer (ignore the Launchy utilities part).
• Then go through the steps of the services you want to use (edit files, make friends on Twitter, …).
• If everything is set up, you just have to add the keywords to Executor. Right click on the tray icon of Executor and choose “Add keyword”. Now (e.g. if you want to set up Remember The Milk) enter something like “rtm” in the field “Keywords”, in “Command” you enter the path to your batch file and in “Parameters” you enter just “$P$”, which is special Executor syntax to pass the parameters to the batch file.
• When your done, let Executor show up and type “rtm”, then hit the left arrow key and enter your task using the (pretty natural) commands listed here.
• The set up of gCal and Twitter updating itself is very similar, just remind to enter “$P$” in the Parameters field.

Set up RTM in Executor

Add task to RTM via Executor

Adding more abilities to Executor

Now that you already can do this great stuff with Executor, I want to list some Keywords I use. The code represents what you have to fill in the “Command” field of your new Keyword, “Parameters” can be left blank, of course, “Keyword” can be whatever you want. All these commands are browser based, so this will open your browser resp. a new tab.

Search for Addresses or Points of Interest with Google Maps

http://maps.google.com/maps?f=q&hl=en&geocode=&q=$U$

Note: This works with terms like “times square new york”, but also with “new york hot dog”

Start writing an Email in gmail, providing the subject

https://mail.google.com/mail/?fs=1&view=cm&shva=1&su=$U$

Note: I prefer passing the subject instead of the recipient, because therefore gmail offers an autocompletion feature, so this step can be taken pretty fast already. If you want to do it in another way, have a look at the G-Mailto page, where the possible gmail query variables are explained (see Gmail Field Variables). Combining this with the ability of Executor, to pass more than one parameter (see documentation: “$U1$, $U2$” resp. “$P1$, $P2$”) you theoretically could fire a keyword like this: “mail meeting chris@example.org boss@example.org” (meaning [keyword] [subject] [recipient] [cc]).

Search Flickr for Creative Common (Name Attribution) licensed Images

http://flickr.com/search/?l=commderiv&ss=1&ct=6&mt=photos&w=all&z=t&q=$U$

Search any website via Google (in this case php.net)

http://www.google.com/search?hl=en&q=site%3Aphp.net+$U$

Search Leo.org (Dictionary)

http://dict.leo.org/?lp=ende&lang=en&search=$U$

Do more to increase your speed

With this tricks you can do a lot more than this. Just take a minute to think about, which actions you perform over and over again. For example, I use Executor to launch specific code documentations I need every day or I open my favorite feeds in Google Reader (keyword: lifehacker). Beside the web tricks, have a look at the good old command line functions, so you can build your own batch files e.g. to work in your filesystem. And finally (if you are into this) you can use cURL, like Livehacker did, to interact with the webservices you use. Assuming this service provides an API, but meanwhile most of them do. What about a keyword “basecamp addtask chris fix-bug123″?

I hope you enjoyed this article, if you did or if there are some questions left, just drop me a line in the comments.

UPDATE:
In case, you are an Evernote user (like me), you’re maybe also interested in a solution to access Evernote via Executor.

More Posts

• Mehr Bildung, mehr Protest!
• Aaaaaaaaah iPod
• Dog-Owner bites back
• Du bist Paris
• Bye Bye MSD 1
• Glück im Unglück

as you can see, Burning Star is getting relaunched these days. Besides the better embedding of services like  Twitter, Flickr and OpenID (in the comments) the main change is that I’m going to write in English from now on. This comes with the intention to focus more on publishing of code and code related informations, which should not be encrypted in german for the rest of the world (if they would care).

Unfortunately I’ll have to give up some projects on this blog, because I just don’t have the time to take care of them:

• Fashion Shops
• Wordpress PlugIn for iPhone (meanwhile, there are a lot of better plug ins around like wptouch)
• Firebug PHP class (also, better alternatives like FirePHP)

But I promise to work on new, better projects to fill this gap.

For eyecandy, I’ve chosen a new template, which is supposed to present me and my blog in a clean and clearly arranged way. At this point, it still lacks of a real logo, because I still have to decide, where it should be situated. Its time will come…

If you want to comment the recent changes, I would be pleased to hear your oppinions.

More Posts

• Fashion-Shops
• Greenpeace eZine
• iPhone Wordpress-Theme
• Siebzehn Grad
• Schweres Erbe
• Kraftfahrzeugmarsch

More Posts

• Google-Ranks
• Zu viel zu tun?!?
• Zwischenbericht
• Hotspot Flatrate
• Flash Deluxe
• London, wir kommen!

Seit dem Update auf Firmware-Version 1.1.3 kann man nun auf dem Home-Bildschirm von iPhone und iPod-Touch auch Links zu Websites als Icons speichern, sogenannte Web-Clips, was den Zugriff auf geliebte Internet-Applikationen sehr erleichtert. Als Icon muss dann ein Screenshot der Seite herhalten, der aber immerhin vom Gerät automatisch auf iPhone-Stil getrimmt wird (glossy, abgerundete Ecken). Das ist natürlich praktisch, aber oft nicht besonders hübsch.

Wer seine eigene Seite – z.B. seinen Blog mit iPhone Plug-In – mit einem eigenen Icon für den Home-Screen von iPhone-Surfern ausstatten will, kann das einfach mit folgendem Tag im HTML-Header tun:

<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

Es sollte sich um ein Bild im PNG-Format mit einer Auflösung von 158×158 Pixeln handeln.
Auch hier gilt: Der typischen iPhone-Stil wird vom Gerät selbst automatisch hinzugefügt, diesen Arbeitsschritt kann man sich also sparen.

More Posts

• Flash Deluxe
• Drogentest faken
• Immer nur Ficken!!!
• Online Recorder
• London, wir kommen!
• Werbetrommeln

Da das Theme ohnehin nie dem Alpha Status entwachsen war, da ich leider keine Zeit hatte mich darum zu kümmern und da es mittlerweile qualitativ weitaus bessere Alternativen gibt, habe ich beschlossen dieses Projekt endgültig einzustellen. Als Alternative bietet sich bspw. WPtouch an.

Es gibt eine neue Seite auf diesem Blog: Ich biete ein Wordpress Theme/Plugin zum download an!

Sinn und Zweck:
Per 1-Klick Installation kann man ein Plugin aktivieren, dass ein speziell für das iPhone bzw. den iPod Touch angepasstes Layout (welches die Benutzeroberfläche des iPhones imitiert) für eure Blogs anzeigt, wenn eines von den genannten Geräten eure Seite besucht.

Das ganze ist wirklich sehr hübsch anzusehen, also macht euren Blog iPhone-Ready!!!

P.S.: Ausnahmsweise ist die entsprechende Seite auf englisch verfasst.

More Posts

• neues Vokabular
• Einkaufs-Gewohnheiten
• Zoo Code
• Sendepause
• Take Executor beyond application launching
• NetAufkleber – coole Aktion

Da das Projekt ohnehin nie dem Alpha Status entwachsen war, da ich leider keine Zeit hatte mich darum zu kümmern und da es mittlerweile qualitativ weitaus bessere Alternativen gibt, habe ich beschlossen dieses Projekt endgültig einzustellen. Weiter unten im Text findet ihr einige Alternativen.

Wenn ihr zu den glücklichen Menschen auf dieser Welt gehört, denen PHP geläufig ist kennt ihr vielleicht das:

Ihr bastelt gerade eine neue Seite zusammen, schreibt/lest/verarbeitet und übergebt bereits Unmengen an Arrays und Variablen, aber irgendwas klappt wieder einmal nicht. Ärgerlich ist dann, wenn man sich per “var_dump” oder “print_r” erstmal das ganze Layout zerschiesst, um nachzusehen, wo da was nicht stimmt.

Das ist einfach demovtivierend. Eben war man schon so weit, es sah schon “fast” fertig aus. Und jetzt? Jetzt zieht sich ein ellenlanger <pre>-Tag mit 1000 Post-Variablen quer über die Seite.

Definitiv zu uncool für uns. Jetzt hat man schon die besten Tools zur Webentwicklung (z.B. Firebug) und soll trotzdem auf solche Methoden zurückgreifen?

Inspiriert von MichaelSyncs Firebug-Tutorials habe ich mich dazu entschlossen, eine kleine PHP-Klasse zu schreiben, die es ermöglicht Daten von PHP heraus in der Firebug-Konsole auszugeben. Die Technik ist alles andere als Revolutionär: Die PHP-Klasse erstellt einfach nur Javascript-Blöcke, die mit Hilfe der Console API von Firebug Ausgaben in dessen Konsole erzeugen. Einfach, aber es erfüllt seinen Zweck.

Denn dadurch bleibt das Layout unbehelligt von unseren Debug-Versuchen, da jede Ausgabe die wie benötigen ordentlich nacheinander in der Firebug Console aufgereiht wird. Es gibt noch ein paar Zusatzfunktionen, wie Timer oder ein Zähler (z.B. für die Anzahl von Schleifendurchläufen), eben alles was die API auf den ersten Blick so hergibt. Schauts euch doch einfach mal an…

Es gibt natürlich (wie immer) noch einige Alternativen, bspw. FirePHP, ein richtiges Firebug-AddOn für PHP.  Und dann noch dieses Skript hier von forenblogger.de. Er geht noch einen Schritt weiter und fängt sogar PHP-Exceptions ab, um sie in der Konsole anzuzeigen.

Allerdings habe ich selbst das Skript noch nicht getestet, also kann ich nicht viel dazu sagen.

Als nächsten Schritt in dieser Richtung plane ich eigentlich ein Firebug Plug-In für das Smarty-Templatesystem. Denn wenn man damit arbeitet ist es natürlich noch viel stressiger sich einfach mal so eine Variable ausgeben zu lassen (erfordert Änderung in der PHP-, als auch der Template-Datei). Sollte jemand mit daran arbeiten wollen oder es besser vollbringen, sagt mir bitte bescheid.

More Posts

• äääh – Hilfe
• Kraftfahrzeugmarsch
• Keep on movin
• Hotspot Flatrate
• Update
• Nachtrag: Bundestrojaner

Hier einige Links, die man sich mal ansehen kann:

• Digg Labs hat ein neues, viertes Echtzeit-Diagramm online gestellt
  (meiner Meinung nach mit die schönsten im web)
• Cabspotting – Geotracing kann auch eine Kunstform sein
• Googles “Zeitgeist” als ahnsehnliche Weltkarte

und wer immer noch nicht genug hat, hier noch in paar sehr Bildschirmschoner:

• Polarclock
• Twingly

Quellen – auch alle wirklich sehenswert

• flying sparks
• geobloggers
• smashingmagazine (ist ja ausreichend bekannt)
• stamen

More Posts

• Video: Elite ist doof!
• Google-Ranks
• Konsum-Entzug
• Blöd und Saublöd
• Siebzehn Grad
• Technik, die begeistert

Schwer vorstellbar, deshalb umbedingt ansehen!

Update: Auf rsizr.com hat jemand das Ganze anscheinend schon als Flash-Application verbaut. Klappt auch mit eigenen Bildern. Dauert zwar eine ganze Weile, ist aber durchaus beeindruckend!

More Posts

• Synchron Wahn
• Aprilscherz?!
• Reisebericht: London
• Mehr Bildung, mehr Protest!
• More than just pretty
• Mal wieder was gelernt: Fonts

Und obwohl es natürlich schon im Vorfeld mehr als würdige Konkurrenzprodukte gibt und das interessanteste die speziellen Datentarife sind, die (hoffentlich) mit diesem Handymodell einzug halten, so ist es immerhin auffällig, dass Apple anscheinend nachgebessert hat.

Das deutsche iPhone kann auch Blauzahnen! Das bedeutet im besten Falle (nämlich dann, wenn Apple entsprechende Software erlaubt) auch Unterstützung für GPS-Mäuse und ist (neben den mangelhaften Möglichkeiten der visuellen Aufnahmefunktionen) wahrscheinlich die wichtigste Funktion, die dem iPhone gegenüber seinen Konkurrenten gefehlt hat.

Update: Fehler meinerseits. Auch das US-iPhone hat Bluetooth, beiden fehlt allerdings die A2DP-Technologie die es ermöglichen würde, das iPhone auch mit nicht-Apple-Peripherie-Geräten zu verbinden. Letztendlich also das selbe Problem.

More Posts

• Firefox tabu?!
• Dog-Owner bites back
• ChaCha
• Es riecht nach Regen
• Pen Spinning
• Tierfreundliche Terms of Use