920kilobytes of real power!

You´ll never need to svn-checkout manually again. Commit Monitor monitors your favorite subversion repositories.

Ever tried this on your domain?

 http://my_super_project.com/.svn/entries

If you are using nginx as a webserver and the link above serves you a download, you should add the following location-directive to your nginx.conf:

 location ~ /\.svn/* {
deny  all;
}

This directive should reside in your server{}  definition before all other location definitions.

Let me know if this works .. at least it did the job on my server.

Ja … und wir sind der Meinung, es ist sogar essentiell auf diese Weise zu starten.

Dass diese Meinung in der Web2.0 Startups keine große Verbereitung hat, findet man schnell heraus indem man diverse Webservices einmal ohne Javascript besucht.

Doch warum gehen wir diesen, zugegebenermaßen steinigen Weg? Es ist doch so einfach die in Ruby on Rails oder anderen Frameworks verfügbaren Javascript-Helferlein zu verwenden? Nicht zuletzt sind solche Javascript Code-Generatoren ja auch für den Erfolg vieler Frameworks verantwortlich.

Die kurze Antwort:

Wir wollen die Kontrolle über unser Javascript behalten!

Die lange Antwort :

Unauffälliges / Unobstrusive Javascript

Es soll dem User nicht auffallen wenn er die Seite ohne Javascript benutzt. “Wer hat denn schon JS ausgeschaltet?”, ist meist die Gegenfrage. Jede größere Firma, welche halbwegs auf ihre interne Netzsicherheit achtet, wird/sollte JS ausgeschaltet haben. Ein weiterer Vorteil dieser Restriktion ist übrigens, daß die Mitarbeiter sich auf Ihre Arbeit konzentrieren, da das Internetz keinen Spass mehr macht.
Auf mögliche JS basierte Angriffe will ich hier nicht weiter eingehen, Google hilft aber gerne weiter:

http://www.google.de/search?q=Javascript+angriff

Spagetti Code und enge Kopplung vermeiden

Ist die Soße, in diesem Falle JS, erst einmal auf den Nudeln, ist es so gut wie unmöglich sie wieder von den Spagetti zu trennen. Die enge Kopplung von zwei intelligenten Sprachen, bzw. das Generieren von JS mittels PHP, Ruby, Java; macht die folgenden Punkte so gut wie unmöglich:

• JS Fehler finden / Debuggen
• JS Sicherheitslücken finden
• JS Schnelligkeit und Effizienz Testen / Profiling
• Austausch der Soße(JS) je nach Client (IE / mobile Webbrowser / iPhone / ..)
• Wiederverwendung von JS z.B. in einer komplementären Adobe Air Anwendung oder Widgets

Wem diese Punkte nicht reichen, ein weiteres Beispiel:

Bevor CSS in seiner heutigen Anwendung(komplette Trennung von CSS / HTML) populär wurde, schrieben wir es einfach mit in die jeweiligen HTML-Elemente. Kam dann der Kunde und wollte neue Farben, war es ein Heidenspass 150 HTML Dateien anzupassen.

Wie Kontrolle behalten?

Der einzig richtige Weg ist: Lerne Javascript und du wirst es lieben!

Auch ich habe mit den tollen JS Helfer in Rails und cakePHP angefangen, ohne einen blassen Schimmer von der Materie zu haben. Das Ende vom Lied war ein dreckiger Haufen Code und x vertane Stunden mit drei Fragezeichen über meinem Kopf. Das waren übrigens, vor zwei Jahren, die ersten Versuche den SalesKing zu bauen.
Nachdem 3 Versuche und drei Monate Arbeit im Müll gelandet waren, habe ich mich tiefer mit jQuery und Javascript beschäftigt. Es ging nicht von heute auf morgen, doch ein halbes Jahr später hatte ich meine Javascript-Angst überwunden, unter anderem durch das Ormigo Dschungelcamp und Teemow.

Das populärste Javascript-Müll Beispiel ist übrigens seit langem in WordPress, zu finden, die „Artikel schreiben“ Seite enthält 14 Javascripte. Chaos deluxe und keiner weiß warum es noch funktioniert!!!

Unsere Vorgehensweise

Wir sehen in JS den Zucker auf dem Kuchen. Im Gegensatz zu Schokostücken, kommt dieser erst nach dem Backen zum Einsatz.

Der Programmier-Ablauf sieht grob wie folgt aus:

1. Programmieren der Basisfunktionen ohne JS, dafür mit vielen Zwischenseiten.
2. Testen
3. Einbinden der Basis JS Scripte
4. simple ergonomische Verbesserungen z.B. Show/Hide funktion für vormals sichtbare Elemente
5. erweitern des (php/ruby) Code um Schalter zur Erkennung ob es sich um JS-initierte Abfragen handelt (xhr-requests)
6. erweiterte JS Funktionen z.B. direkte Auslieferung von vorherigen Zwischenseiten (z.B. Löschen Dialog) in einer Thickbox. Oder konsumieren vom xml/json Rückgabewerten aus nr. 5.
7. JS Tests / Packing

Warum habe ich darüber nicht früher geschrieben?

This fact could change with a new markup approach called HAML – HTML Abstraction Markup Language. To quote the Author of HAML, Hampton Catlin:

Haml is a refreshing take that is meant to free us from the shitty templating languages we have gotten used to.

But why are the traditional approaches we all use so ugly? Well take a look at this:

<html>
<head>
<?php if ($title) { ?>
<title><?php echo $title; ?></title>
<?php } else { ?>
<title><?php echo $pagename; ?></title>
<?php } ?>
</head>
<body>
<div id=”header”>
<h1><?php echo $pagename; ?></h1>
<?php if ($slogan) { ?>
<span><?php echo $slogan; ?></span>
<?php } ?>
</div>

Transfered into HAML Markup it looks like this:

%html
%head
- if ( $title)
%title= $title
- else
%title= $pagename
%body
#header
%h1 Example page
- if ($slogan)
%span= $slogan

HAML was initially coded for Ruby and Amadeusz Jasak ported it to php 5 called phpHAML.

This is the most readable approach i have seen so far and i definitely need to give it a try in my cakePHP projects. There is already a tutorial in the CakeBakery covering the implementation.

Was es kann: 

• HTML anzeigen und bearbeiten
• CSS anzeigen und bearbeiten
• Java-Script debuggen
• DOM anzeigen und bearbeiten

Besonders interessant ist der Style Inspector. Er gibt an welche CSS-Regeln für das Styling des ausgewählten Elements verantwortlich sind. Er zeigt nicht nur die direkt zugewiesenen Regeln an, sondern auch die vererbten und überstimmten. Spannend ist auch die Möglichkeit AJAX-Applikationen on the fly zu testen.

Vielleicht ist Firebug 1.0 das Web Developer Tool des Jahres!? Auf alle Fälle sollte sich jeder Webworker das Tool einmal ansehen (Screencast) und dann sofort downloaden und installieren.

Links zum Thema SL und Entwicklung

SL Blogs

• http://blog.secondlife.com/
• http://www.secondlifeinsider.com/
• http://freshtakes.typepad.com/sl_communicators/
• http://nwn.blogs.com/nwn/
• http://www.2life.ch/ (deutsch)
• http://www.meinsecondlife.de/ (deutsch)
• http://secondslog.blogspot.com/
• http://www.electricsheepcompany.com/
• http://secondlife.reuters.com/
• http://www.jasonpettus.com/inthegrid/
• http://taotakashi.wordpress.com/
• http://blog.CosyHome.org (deutsch)
• http://www.bernd-schmitz.net/blog/?cat=12 (deutsch)
• http://www.sltalk.de/ (deutsch)

18 Blogs via oder als OPML zum Download.

SL Web-Services

• SL Buzz
• SLQUERY

SL Wiki

• www.lslwiki.com/
• HTTPRequest

SL Forum

• www.sl-forums.com/

SL Portal

• www.slinside.de/

SL Online Shops

• www.slboutique.com/
• www.slexchange.com/

3D Tools und Scripte im SL

• REZZ Box (OpenSource Script) http://rpgstats.com/wiki/
• Skidz Primz im SL bei Skidz Partz http://slurl.com/secondlife/San/200/81/57/

SL Scripts

• http://www.kan-ed.org/second-life/using-LSL.html Using the Linden Script Language

SL URL / Mapping

• http://slurl.com/

Immobilien Händler im SL

• http://www.anshechung.com/

Externe Software/Plugins für SL

• 2D & 3D Tools secondlife.com/knowledgebase/article.php?id=049
• SLCP (Texturen für Kleidung lokal testen) www.fileden.com/files/2006/10/8/271989/slcp.zip
• Create SL Objects in Blender www.3pointd.com/20060602/create-sl-objects-in-blender-if-you-dare/
• King Events WordPress Plugin (Private Beta)

Orte wo man gut im SL lernen kann

• Technical User interfacing (TUi) Builden/Scripts/Texturen – 8-10 Klassen täglich in 4 Leveln http://slurl.com/secondlife/Beyond%20The%20Prim/33/225/24/ TUi is a business dedicated to educating Second Life residents with a focus on higher levels of training.TUi Kurse
• The Ivory Tower Library of Primi | Alle was man über das Builden mit Prims wissen sollte http://slurl.com/secondlife/Natoma/167/181/37/
• Deutsche Tutorial und eine Lernstätte für Studenten (Einsteiger) http://slurl.com/secondlife/Pixel%20Expo%20II/190/168/41

Diese Liste ist sicher noch nicht vollständig, interessante Links zum Thema bitte als Kommentar anfügen. Ich werde versuchen die Liste aktuell zu halten.

Ich habe lange Zeit die Entwicklung von php Scripten gescheut und stattdessen nach OpenSource Lösungen gesucht, welche ich dann angepasst habe. Das Ergebniss war nicht immer das was man als Programmierer gerne hätte, doch der Zeitaufwand war  schon reduziert.

Mit einem MVC Framework wie CakePHP lässt sich die Entwicklungszeit eigener Programme extrem beschleunigen. Die Konventionen der Entwicklungsumgebung lenken den Programmierer und nehmen Ihm viele grundlegende Arbeiten ab. Ich habe z.B. in den 4 Monaten in denen ich CakePHP einsetze noch keine einzige SQL Abfrage schreiben müssen. Ich kann mittlerweile Funktionen an einem Tag programmieren, welche ich mir ohne Cake nicht in einer Woche zugetraut hätte. (ich bin eben kein Monster-Progger).

Ein weiterer Vorteil eines Frameworks ist die (fast automatisch) saubere Struktur der Software, solange die Konventionen eingehalten werden.

Zurück zum Titel. Auf http://bakery.cakephp.org/ ist ein neues Portal für News, Tutorials und Code Schnipsel entstanden, welches das alte Wiki ablöst. Die neue Plattform kommt in einem frischem Web 2.0 Design und ist um Welten übersichtlicher als das Wiki.

Also auf in die Backstube und fröhliches Teig kneten! 

One solution is of course taking special standalone software for the special task. But here too you have to clean up the mess. Most of the special special functions are not used and you need to update a couple of systems for every customer. Keeping track of the changes is another enerving job as well as programming the css for each browser (…pucke)

I´m thinking of something more usable which could be accomplished with the following tecniques. My idea´s are not new, i just want to draw a "OpenSource-software-mix scenario" to point out one possible attempt. To follow what i´m writing about you should take a look into this pdf:

  openlaszlo_and_cakephp.pdf (10.08.2006 21:39)

The solution to those scattered pieces of Addons and Plugins could be a central webservice which would deliver the main funtionality. Let´s stick with the classifieds script.

The whole intelligence like the classified management, emails, user administration could be done with the cakePHP framwork. The user would login here to do all his adminsitrative tasks. Instead of rendering normal HTML pages for the public classifieds views Cake would just render pure XML.

The public view side would be programmed with OpenLaszlo which generates a standalone swf File. The connection between both is made over HTTP Request. Of course there are some variables which the SWF needs to fetch the correct URL´s. Those variables could reside in an config file contaning the user´s login, special url´s or settings for the flashfilm itself, like textsize.

The technical advantages of such an enviroment is that the implementer does not have to worry about technical details, updates, formating html and whatever comes his way. He can simply put the swf wherever he wants and it quickly shows the classifieds from the webservice. The enduser get´s a really rich dynamic enviroment which can only be accomplished with flash. The Service Programmer does also not have to worry about different CMS Systems or Server setups.

Of course you are not bound to the cakePHP framework for rendering xml and delivering the intelligence. Ruby on Rails is another damn nice framework for such a scenario and there is already a OpenLaszlo Plugin available. I choose cakePHP in this example because it runs whith most webspaces, whereas ruby on rails support is not so widespread.

Please note that this is just a rough draft of an idea. Such a couple-up is not only usefull for small enhancements of cms systems like mentioned at the start. What kind of idea do you have?  

Gibt es einen CI, hat der Kunde/Auftraggeber bestimmte Vorgaben, oder gefällt ihm etwas grelles besser als etwas gedecktes… soll man Barrierefreiheit beachten, wie sieht die Zielgruppe aus, etc. …

Gott-sei-Dank ist das (zum größten Teil) eine Aufgabe, welche die Designer und Grafiker mir/uns abnehmen, aber man will ja auch mal was eigenes schaffen… oder einen Kleinst-Auftrag ohne fremde Hilfe abwickeln… oder für Freunde, Familie, Bekannte etwas "kleines" machen… was also tun?

Eine kleine aber feine Hilfestellung bieten die diversen Seiten mit — ich nenn’ sie mal — "Farb-Helfern":
Diese helfen zusammen passende Farbwerte, Kontraste und auch Barrierefreie Farbangaben zu finden, auf denen man dann sein Layout gründen kann.

Hier mal eine Auswahl (Dank auch an MP:Ole + MP:Carsten):

• Chromafiltre
• Chromograf
• 4096 Color Wheel
• Smart Web Palette 4096 Colors
• Color scheme
• Color scheme 2
• Color Schemer
• Color Schemer online
• Web-color kit
• Color Palette Creator v1.6
• Color Cube
• Dynakewb
• Returnofdesign
• Color-Palette-Generator
• Technicolor
• Metacolor
• COLORlovers

Wie schon in meinem Blog berichtet, hat Malarkey von StuffAndNonsens eine valide CSS-Browserweiche für den Safari-Browser entdeckt.

Um es kurz zu machen:
"@import inside @media causes Safari to ignore all styles within @media"

Malarkay hat seinen Artikel jedoch mit den Worten geschlossen:
"So, if you feel the need to be nasty to Safari, here’s another way to do just that."

Mit "nasty" hat das in meinen Augen jedoch nix zu tun, denn ich habe konkret zwei Anwendungsbeispiele gefunden, wo diese Browserweiche absolut Sinn macht:

• Safari hat (ebenso wie der MSIE) Probleme mit PNGs, bzw.mit der Farbgetreuen Darstellung dieser.
  D.h., dass man entweder auf GIFs umsteigen sollte, oder aber mittels der Browserweiche andere (angepasste) Farbwerte für den Safari vorgibt.
• Safari hat Probleme damit ein Flash-Film mittels "float: right;" von Text umfließen zu lassen.
  D.h., man muss auch hier Auswege finden, die man teilweise mit extra Safari-CSS-Anweisungen umsetzen kann.

Create a Module for the Google Homepage

1. Write a module
   The Developer Guide walks through how to use the Google Homepage API to write a module. At a basic level, a module is just an XML file that wraps existing web content or applications.
2. Submit your module
   Once you’ve completed a module, you can submit it to request its inclusion in the directory, which we’re hoping to fill with high-quality modules that are useful and fun for personalized homepage users.
3. Enjoy the fruits of your labor
   You can then add your module to your Google homepage — and be sure to let your friends know, so they too can benefit from your hard work and revel in your web development skills.

Google Homepage API – Overview

Das ganze gibt es als kostenlosen Download und als Live-Demo. 

weiter zur Website