Thomas Horster

eat the cookie before the cookie eats you

10. Dezember 2010
von Tom
Keine Kommentare

jQuery am Freitag…

5. Dezember 2010
von Tom
Keine Kommentare

Olaf Schubert – Vorurteile

0 Olaf Schubert Vorurteile

17. Oktober 2010
von Tom
Keine Kommentare

Kostenlose JavaScript Bücher, Webseiten und sonstige Ressourcen

Wer JavaScript lernen möchte, braucht ein paar ordentliche und zuverlässige Quellen, dies zu tun und nicht irgendwelche Seiten, auf denen fahrlässige Tipps gegeben werden.

Hier ein paar Anregungen meinerseits:

Um das gelernte mal schnell auszuprobieren empfiehlt sich der allseits beliebte Onlineeditor jsfiddle, hier kann man auch jegliche Art von JS-Framework einbinden und seit neuestem auch JSLint (prüft richtige Verwendung von JS), so wie jQuery-Lint (prüft richtige Verwendung von jQuery) benutzen.

    10. Oktober 2010
    von Tom
    1 Kommentar

    Webseiten einfacher kommentieren mit markup.io

    Ich habe gerade schon lange gebraucht, eine passende Überschrift für markup.io zu finden (was mir nicht gelungen ist icon smile Webseiten einfacher kommentieren mit markup.io ).
    Markup ist ein kleines Bookmarklet, welches man sich in seine Lesezeichenleiste zieht und dann auf jeder Webseite im Netz rummalen darf. Das ist natürlich noch nicht alles, denn man kann diese bemalten Seiten mit anderen teilen, die dann genau sehen können, was bemalt wurde.

    Warum man das machen sollte? So ist es einfacher, über Fehler auf der eigenen Seite, neue Funktionen oder Ideen von anderen Seiten zu sprechen, wo man normalerweise einen Screenshot machen würde, was weit umständlicher ist.
    Der Dienst ist zwar noch Beta, aber ich werde das weiterverfolgen! Anschauen lohnt sich jetzt schon! icon smile Webseiten einfacher kommentieren mit markup.io

    markup Webseiten einfacher kommentieren mit markup.io

    28. September 2010
    von Tom
    Keine Kommentare

    Kurzform von $(document).ready() in jQuery

    Kleiner Quicktip für jQuery, es gibt eine Kurzform für

    $(document).ready(function() {
//document is ready
});

    Nämlich diese hier:

    $(function() {
// document is ready
});

    Übergibt man eine anonyme Funktion an die $ Methode von jQuery, so wird diese erst bei document.ready(); ausgeführt.

    Gut zu wissen icon wink Kurzform von $(document).ready() in jQuery

    Dies und weiteres wird sehr gut in diesem empfehlenswerten Buch erklärt:

    18. September 2010
    von Tom
    Keine Kommentare

    High Performance JavaScript-Tabs mit Jquery (auch mit Deeplinking)

    Tabscripte gibt es im Netz zu Hauf, viele benutzen mittlerweile ein JavaScript-Framework wie jQuery. Ich wollte ein ganz einfaches Script erstellen, welches besonders wert auf Geschwindigkeit legt. Wenig valides HTML, gutes, knappes CSS, CSS-Sprites, smarte Event-Handler, wenig DOM-Zugriffe und sie sollten auch ohne JavaScript noch benutzbar bleiben (unobtrusive JavaScript), was ja für SEO (Suchmaschinenoptimierung) sehr wichtig ist.
    Als kleine Spielerei kann man auch weitere Tabs hinzufügen. Ich wollte damit zeigen, wie wichtig und sinnvoll Event-Delegation in JavaScript ist und wie es viele Dinge vereinfacht.

    Das Ergebnis dieses Experimentes ist hier in einer kleinen Demo zu sehen.

    Update: Eine erweiterte Version bietet nun auch Deeplinking, so dass man auf Tabs verlinken kann, diese ist hier zu finden. Bei modernen Browsern wird auch der Vor- und Zurückbutton unterstützt, mit einem jQuery Plugin ließe sich diese Funktion auch noch für ältere Browser aufbohren.

    jquery Tabs High Performance JavaScript Tabs mit Jquery (auch mit Deeplinking)