english2008-09-11 Barcamp Brighton 3 Nachbericht im YDN Blog
2008-09-11 Barcamp Brighton 3 Report at the YDN Blog
2008-06-18 Best of Accessibility Symposium 2008 Düsseldorf Germany
[deutsche Version dieses Beitrags anzeigen]
On the 25.09.2008 I'll speak at the BOA-Symposium in Düsseldorf Germany for the first time.
My Workshop is named "Accessible Javascript using Frameworks" and will show, in a very hands on way, how to solve Problems while developing accessible Javascript Applications and how much Frameworks can help you doing so.
I'm very much looking forward to interesting Discussions and hope to see some old and new faces 
Register now! (If you understand german) 
2008-06-18 Best of Accessibility Symposium 2008
[switch to english Version of this Post]
Beim diesjährigen BOA-Symposium am 25.09.2008 in Düsseldorf werde ich erstmals ebenfalls als Vortragender vor Ort sein.
Mein Workshop wird sich dem Thema Accessible Javascript mit Hilfe von Frameworks widmen und sehr praxisorientiert Probleme und deren Lösungen bei der Entwicklung von zugänglichen Javascript Anwendungen beleuchten und aufzeigen wie sehr Javascript Frameworks dabei das Leben erleichtern.
Ich freue mich auf interessante Diskussionen und hoffe ein paar alte und neue Gesichter (wieder) zu treffen
2008-04-03 Article about advanced JavaScript Debugging Techniques
[deutsche Version dieses Beitrags anzeigen]
In his Article Advanced JavaScript Debugging Techniques at sitepen, Mike Wilcox lists a large amount of interesting Methods and Tools for successful Javascript Debugging in several Browsers.
A Part of the general Tips is of course the usage of JSLint for Syntax checking (BTW I highly recommend the Javascript Tools Textmate Bundle that seamlessly integrates JSLint as well as JSMin into the wonderful TextMate). A also very effective classic technique is the insertion of numbered log or alert commands to find the Line the Bug is hidden.
The Listing of Debugging Tools contains, besides the indispensable Firebug, also some Plugins for Internet Explorer. Among them there's also a Plugin I haven't heard about before, installed instantly and now think it's very useful. Web Development Helper has very similar Features as the better known Debug Bar but comes for free instead and is, not only therefore, absolutely recommendable.
2008-04-03 Artikel zu JavaScript Debugging Techniken
[switch to english Version of this Post]]
In seinem Artikel Advanced JavaScript Debugging Techniques bei sitepen listet Mike Wilcox eine grosse und interessante Menge von Methoden und Tools zum erfolgreichen Debuggen von Javascript in verschiedenen Browsern.
Zu den generellen Tipps gehört natürlich die Verwendung von JSLint zum checken der Syntax (hier kann ich übrigends das Javascript Tools Textmate Bundle von Herzen empfehlen, dass JSLint zusammen mit JSMin direkt in das wundervolle TextMate integriert). Ebenfalls ein wirkungsvoller Klassiker ist das Einfügen von nummerierten log bzw. alert Zeilen um Fehler einzukreisen.
Die Auflistung von Debugging Tools enthält, neben dem unentbehrlichen Firebug, auch einige Plugins für den Internet Explorer. Darunter auch ein Plugin dass ich noch nicht kannte, direkt installiert habe und fuer ausgesprochen hilfreich halte. Web Development Helper hat einen ähnlichen Funktionsumfang wie das bekanntere Debug Bar ist aber im Gegensatz dazu kostenfrei und nicht nur darum zu empfehlen.
2008-03-15 Accessible Javascript - Barcamp Brighton 2
Hier noch schnell meine (englische) Präsentation zu meiner Session über accessible Javascript für das Barcamp Brighton 2.
Mehr morgen wenn wir über unsere Django-Erfahrungen berichten die wir heute Nacht versuchen zu bekommen.
Update:
Bier- und Müdigkeitsbedingt tendieren unsere Django Erfahrungen weiterhin gegen null und werden daher heute nicht präsentiert - sorry
2008-03-07 BarCamp Brighton 2 steht vor der Tür
[switch to english Version of this Post]
Nur noch eine Woche bis wieder Camping Urlaub auf dem Programm steht. Das BarCamp Brighton 2 wird vom 15. - 16. März in der University of Sussex seine Zelte aufschlagen.
Dieses BarCamp, mein viertes nach BarCamp Berlin, BarCamp Frankfurt und BarCamp London 3, bringt einige Neuigkeiten für mich:- Kein Hotel, kein "ab Nachhause" - diesmal mache ich durch.
- Mehr als eine Session. Zusätzlich zu der geplanten Accessible Javascript Session mit Beispielen aus dem Yahoo!-Alltag gibt es diesmal noch:
- Ein "All Night Coding". Mein Kollege Marco regte an, an diesem Barcamp in der Nacht von Samstag auf Sonntag, ganz im Hackday Style, ein komplettes Projekt zu coden. Wir hoffen auch noch auf weitere helfende Hände
- Django. Weder Marco noch ich haben je eine Zeile Python geschrieben, wollen unser Projekt aber in genau dieser Sprache in genau diesem Framework umsetzen.
- Gemeinschaftssession am Sonntag mit Vorstellung des (hoffentlich funktionstüchtigen) Projekts und unseren Eindrücken zu Django und Python.
Ich freue mich sehr und kann es (wie immer) kaum erwarten
2008-03-07 BarCamp Brighton 2 coming up
[deutsche Version dieses Beitrags anzeigen]
Just one more Week to go until it's camping time again. BarCamp Brighton 2 will be at the University of Sussex from 15th to 16th of March.
- No Hotel, no "going home to sleep" - this time it's all-night.
- More than one Session. In Addition to my planned Accessible Javascript Session featuring Yahoo! everyday life Examples there will be:
- An "All Night Coding". My fellow Colleague Marco came up with the Idea of coding a complete Project, very Hackday Style, in the Night from Saturday to Sunday. We're hoping to find some more helping Hands
- Django. Neither Marco nor me had ever written a single Line of Python. Nevertheless we want to do this in exactly this Language in exactly this Framework.
- All-Team Session at Sunday presenting the (hopefully working) Project and our Impressions of working with Django and Python.
I'm very excited and (as always) I just can't await it
2008-03-04 jetzt auch in Englisch
[switch to english Version of this Post]
Manch einem mag es bereits Aufgefallen sein: Seit meinem letzten Beitrag gibt es diesen Blog auch in englisch.
Damit gebe ich dem Druck meiner lieben Kollegen bei Yahoo! in London nach, die mir seit ca. einem halben vorwerfen mein Blog sei irgendwie etwas schwer verständlich geschrieben
Den passenden englischen Feed gibt es hier:
http://feeds.feedburner.com/WebOutputEnglish
Natürlich werde ich jeden Beitrag trotzdem weiterhin auch in deutsch veröffentlichen.
Den Feed in deutsch gibt es unverändert hier:
http://feeds.feedburner.com/WebOutput
2008-03-04 Now in english too
Deutsche Version auch verfügbar
One may have already noticed: Starting with my last Post this Blog is now also available in english!
By doing this I accommodate to my fellow Colleagues at Yahoo! in London who kept arguing for the last half a year that my Blog would be somewhat hard to understand
The according english Feed is available here:
http://feeds.feedburner.com/WebOutputEnglish
Of course I'll keep publishing everything in german as well.
The german Feed is still available here:
http://feeds.feedburner.com/WebOutput
2008-02-27 Codeteile mit Kommentaren schnell ein- und ausschalten
English Version also available
Ich dachte eigentlich den Trick kennt schon jeder, da ich ihn selbst seit vielen Jahren immer wieder nutze. Scheinbar aber nicht.
Daher hier ein kleiner Trick der mir beim täglichen coden immer wieder gute Dienste leistet. Da ich keinen expliziten Namen dafür kennen nenne ich das mal "Schalterkommentare".
Beim arbeiten an Programmcode kommt es sehr häufig vor, dass man Codeteile regelmäßig ein- und ausschalten muss.
Dazu kann man die gewünschten Zeilen mit einem // oder einem /**/ Kommentar immer wieder ein- und auskommentieren.
Bei längeren Codepassagen kann das schon mal etwas dauern und bei häufigen umschalten etwas/ziemlich nerven.
Fasst man den Codeblock aber in einen "Schalterkommentar" ein kann man ihn nur durch das ändern eines einzigen Zeichen komplett aus dem Verkehr nehmen und wieder zurück.
Schalterkommentare sind eine Mischung aus Einzeiligen und Mehrzeiligen Kommentaren. Eingeleitet werden sie mit: //* und mit // */ wieder beendet. Code der so eingefasst ist, ist voll funktionsfähig. Entfernt man nun den einen der / vom einleitenden Kommentar wird der gesamte Block deaktiviert.
Hier der Beispielcode:
Kommentar aktiv:
demo = {
/*
someTest.Javascript();
toDemonstrate = 'how Easy';
// */
it.is('to make Code appear');
and = ['disappear','again'];
this.isVeryUseful('indeed');
};
demo = {
//*
someTest.Javascript();
toDemonstrate = 'how Easy';
// */
it.is('to make Code appear');
and = ['disappear','again'];
this.isVeryUseful('indeed');
};
CSS fällt wegen der fehlenden Unterstützung für // Kommentare leider raus, Javascript, PHP und viele andere kommen damit aber wunderbar zurecht.
Update:
Mein Kollege Steve Webster brachte mich auf die logische Alternative fuer CSS:
Kommentar aktiv:
.test{
border:1px solid red;
/*/
background-color:blue;
/**/
margin:1em;
}
.test{
border:1px solid red;
/**/
background-color:blue;
/**/
margin:1em;
}
2008-02-26 Switch comments - enabling and disabling Codeparts fast and easy
Deutsche Version auch verfügbar
I always thought everybody knows this little Trick already because I'm using this for many years now. Apparently not.
So here's the Hint that helps a lot during everyday coding. Because I don't know if there's a proper naming already I call it "Switch Comments".
While working on Code it happens a lot you need to switch parts of Code on and off for testing. To do so you can comment and uncomment the Lines using // or /**/ Comments.
With longer code parts this can become a real pain. But using Switch Comments you can easily do it by changing just one Character.
Switch Comments are a Combination of Single and Multi line Comments. They start with a: //* and end again with // */. Code that is wrapped that way is fully functional. By simply removing one of the / from the starting Comment the whole Block will be deactivated.
Here's the Example:
Active Comment:
demo = {
/*
someTest.Javascript();
toDemonstrate = 'how Easy';
// */
it.is('to make Code appear');
and = ['disappear','again'];
this.isVeryUseful('indeed');
};
demo = {
//*
someTest.Javascript();
toDemonstrate = 'how Easy';
// */
it.is('to make Code appear');
and = ['disappear','again'];
this.isVeryUseful('indeed');
};
Sadly CSS fails because of the missing Support for // Comments. But Javascript, PHP and many more work nicely with this helpful little thingy.
Update:
My Collegue Steve Webster came up with the logic alternative for CSS:
Comment active:
.test{
border:1px solid red;
/*/
background-color:blue;
/**/
margin:1em;
}
.test{
border:1px solid red;
/**/
background-color:blue;
/**/
margin:1em;
}
2008-01-06 Die Webkrauts wollen es wissen! Webworker-Umfrage 2008
Die Webkrauts starten in diesem Jahr zum ersten mal eine Umfrage zu Webworkern im deutschsprachigen Raum. Inspiriert von dem international angelegten Web Design Survey 2007 des englischsprachigen Webworker Magazins A List Apart wird nun den hiesigen Webworkern auf den Zahn gefühlt.
Fragen wie: "Wer sind wir?", "Wo leben wir?", "Welche Berufsbezeichnung geben wir uns?", "Was haben wir für eine Ausbildung?", "Was sind unsere Kernkompetenzen?", "Was verdienen wir" und "Was sind unsere Ziele?" werden anonym gestellt im Anschluss ausgewertet und der Öffentlichkeit zur Verfügung gestellt.
Ab heute bis zum 18. Februar 2008 sind Webworker jeder Art (wenn man Leser dieses Blogs ist und versteht was da steht hat man sich qualifiziert) verpflichtet an der Webkrauts Webworker Umfrage 2008 teilzunehmen und sich und eine gesamte Branche dadurch darüber aufzuklären wer man eigentlich ist und wo man steht. Das ganze dauert nur schmerzfreie 10-15 Minuten - also Teilnahmepflicht!
2007-11-29 Datejs - nicht noch ein Framework
Ich habe vor geraumer Zeit die Lust daran Verloren jede neue Javascript Bibliothek zu analysieren und anschließend darüber zu bloggen. Hauptsächlich Schuld daran sind die Bibliotheken.
Es gibt inzwischen hunderte Verschiedene Prototypes und jQueries die alle Versuchen das immer wieder gleiche neu und anders zu machen.
Mit dieser Einstellung (Schon wieder...) habe ich dann gerade auch Superdeluxe's Tweet gelesen: "what a great JavaScript Library". Aus purer Gewohnheit (und meiner verdammten Neugier) habe ich dann dennoch auf den Link zu seinem Beitrag über Datejs geklickt. Das Ergebnis hat mich positiv überrascht.
Datejs ist kein neues "Framework" sondern ein hochspezialisiertes Script das etwas nach Javascript bringt das da schon immer gefehlt hat: eine leistungsfähiges Set an Datumsfunktionen im Stile von PHP.
Strings wie "now + 1" oder "next friday" können sauber geparst werden und innerhalb von Javascript werden schicke Funktionen wie z.B. diese zur Verfügung gestellt: Date.today().add(3).days();
Mehr dazu kann man in der schönen Dokumentation nachlesen oder direkt auf der Homepage ausprobieren. Das Script ist zwar noch Alpha wirkt aber schon sehr stabil.