Find As You Type / Autocomplete im Eigenbau (jQuery & yii)

Wir sind uns wohl alle einig: Ein Textfeld auf der eigenen Homepage das nach jedem Buchstaben, der eingegeben worden ist, eine aktualisierte Ausgabe erzeugt ist schön!
Google nennt sowas „Google Instant“, wir nennen es jetzt mal „Finde beim tippen“-Funktion oder so.

Als Ausgangssituation nehmen wir an, wir haben eine Datenbank mit beliebigen Inhalt (zB Blog Beiträge) und nun soll mit einem Textfeld der Titel der Blogeinträge durchsucht werden. Weiterlesen

„lazy load“ vom facebook cdn

Obwohl Facebook ein CDN bietet, wartet man (der Browser) häufig lange auf Facebook Javascripts oder CSS Dateien… Manchmal bis zu 10 Sekunden oder länger und in dieser Zeit denkt der Seitenbesucher das die Seite „langsam“ ist, also langsam ausgeliefert wird.

Wenn wir Yahoos und Googles Seiten Optmierungen vollendet haben, haben wir zwar alle <script>-tags vor Ende des </body>-tags gesetzt, aber wenn Facebook nur langsam seine Daten ausliefert, dreht sich oben im Browser noch die Spinner Grafik und manchmal verzögern sich dadurch massiv weitere JavaScript Ausführungen.

Weiterlesen

jQuery && IE(6/7) && parsererror && utf8 && utf-8…

Heute hatte ich einen interessanten Fehler zu finden. Das Problem war ganz einfach, es sollte per ajax etwas nachgeladen werden. Genau genommen etwas validiert. Im Erfolgsfall kam die Antwort "1" ansonsten "0" zurück.

Und dann kam der IE6 und IE7 und gaben einen „parsererror“ aus. In Fiddler und Co konnte ich die ajax calls verfolgen und sehen das der richtige Wert zurückgeliefert wird, aber trotzdem wurde immer der „error“ Handler aufgerufen…

Weiterlesen

YII Ajax Paginierung Controller

Bei meinem letzten Projekt habe ich mit dem großartigen Yii Framework eine Seite erstellt, die einerseits den aktuellen Trends folgen sollte, mir persönlich aber auch wichtig war, dass eine „No-Script“ Variante weitestgehend funktioniert.

Viele Inhalte der Seite sollten blätterbar sein und häufig wurde per Tab Navigationen Inhalt ausgespielt. Spontan fallen einem folgende Möglichkeiten ein: Weiterlesen

Minigolf Portal Updated Again

Die Saison nähert sich dem Ende, doch hier ist noch lange nicht Schluss.
Mit dem neusten Update kann das Portal zwischen Saisons unterscheiden und die Administration hat einen großen Schritt Richtung Benutzerfreundlichkeit getan, wie folgender Screenshot beweisen soll.

Außerdem ist ein weiteres Feature vorbereitet worden und ein weiteres wartet nur noch auf seine Implementierung.

Vielleicht stell ich es sobald es Feature Complete ist zum download.

Anderseits steht bei dem Images2Move Projekt ein Update noch an…

Zuviel Ideen für zu wenig Zeit…

Minigolf Scoreboard UPDATE!

Hallo Freunde,

ich habe den gestrigen Tag genutzt um das Minigolf Scoreboard gründlich zu überarbeiten. Da mein nächstes Projekt höchstwahrscheinlich auch mit dem großartigen Yii Framework umgesetzt wird, wollte ich nochmal mein Wissen auffrischen und habe die Arbeit am Portal wirklich genossen.

Aber was hat sich denn alles geändert?

Aber der Reihe nach. Für die erste Version des Minigolf Scoreboard hatte ich ein Design Namens „Red Music“ gewählt, das auf den ersten Blick ganz niedlich war, mich aber bei jeder Erweiterung zu sehr einschränkte. Daher musste der Anstrich der Seite geändert werden um mehr gestalterische Möglichkeiten zu haben.

Das nun gewählte Thema gefällt mir sehr gut, ich muss lediglich noch ein paar Grafiken erstellen damit es mehr „minigolfiger“ ist.

Das positive an einem neuen Anstrich ist auch, das man Seitenteile wegfallen lassen kann ohne das es jedem direkt auffällt. Ich wollte eigentlich mittels jquery.flot auf der Startseite eine interaktive Grafik erzeugen, aber habe schon Stunden in die Datenaufbereitung gesteckt ohne ein befriedigendes Ergebnis zu erhalten. Das hab ich jetzt wegfallen lassen. Dafür wird immer direkt der letzte Spieltag ausgespielt mit Verlinkungen zu allem und jedem. Die interaktive Tabelle ist natürlich geblieben.

Neben zahlreichen Änderungen unter der Haube sind mir während der Arbeit auch noch weitere Fakten eingefallen die es wert sind ausgespielt zu werden.

So wurde die Auflistung der Spieler wahrlich bereichert als mir die Idee kam alle Asse und Glocken zu zählen und die Spieltage hervorzuheben an denen ein Spieler die meisten Asse oder die meisten Glocken gespielt hat! Das hebt den Wettkampf auf eine völlig neue Stufe ;)

In den nächsten Ausbaustufen will ich mich noch um eine spezielle mobil Version der Seite kümmern, damit sie auf meinem Handy auch schneller und optimaler angezeigt wird. Die Möglichkeiten von CSS3 werden mir dort helfen.