Ein Projekt, bei dem sich immer wieder was tut, ist die Lightbox-Alternative Slimbox. Die eingedeutschte Fassung gibts hier beim PHP Blogger. Neu in Version 1.65 sind:
Der Downloadlink enthält nun der Einfachheit halber keine Versionsangabe mehr:
Nachdem ich diese Woche gelernt habe wie Google das Testen von Applikationen verbessert, dachte ich, dass ist ein guter Anlass, um sich zum Thema zu äußern. Google hat damit angefangen kleine Snippets über das Testen auf den Toiletten aufzuhängen. Da kann man nicht nur notwendige Körperliche Funktionen erledigen, sondern auch gleich noch was über das Programmieren lernen. So nötig haben wir das noch nicht, aber das Thema kommt immer wieder hoch.
Bisher habe ich Frameworks wie PHP-Unit immer noch nicht richtig verstanden. Zum einen, weil mir nie jemand richtig erklären konnte, wie ich sinnvolle Testcases schreibe, die beachten, dass Funktionen unter Umständen Datenbankeinträge machen und Daten verändern und vor allem, wenn ich eine Funktion ändere, einen Test ausführe und dieser scheitert, woher weiß ich, dass der Test durch meine Änderung nicht falsch geworden ist. Dann weiß ich zwar, dass irgendwas nicht stimmt, aber vielleicht ist ja mein Testfall nicht mehr korrekt.
Also habe ich immer manuell getestet. Das könnte sich jetzt ändern! Denn ich habe Selenium entdeckt.
Ganz still und heimlich hat sich ein Update für den beliebten Lightbox-Ersatz “Slimbox” eingeschlichen. Der PHP Blogger zieht jetzt mit der deutschen Übersetzung in der aktuellen Version nach.
Folgende Änderungen sind neu in 1.64:
Im Unterschied zur original Slimbox-Version sind folgende Änderungen in der deutschen Variante enthalten:
Insgesamt vereinfach die deutsche Variante den Umstieg von Lightbox auf Slimbox, in dem die selben Grafiken an den selben Orten verwendet werden. Um von Lightbox auf Slimbox zu wechseln ist nur ein Austausch der *.js und *.css Dateien notwendig.
Hier erhälst Du die aktuellste Version der deutschen Slimbox:
Wir alle wissen, dass man im IE6 nicht ohne weiteres .png Dateien mit Transparenz darstellen kann. Bisher habe ich immer mit Hilfe der super IE7 Libraray von Dean Edwards gearbeitet. Aber damit gab es bei mir in verschiedenen Fällen (kleine Bilder, CSS Hintergründe) immer Probleme.
Für eine neue Webseite habe ich also mal wieder ein bisschen gegraben und Google bemüht und dieses kleine Script gefunden. Bei Twinhelix kann ich endlich überblendene Hintergründe und Schattenwurf auch ordentlich mit IE6 darstellen. Viel Spaß.
Mir wurde die Existenz eines sehr interessaten Projektes nahegebracht. Denn wie entwickelt man mittlerweile eine Web-Applikation? Datenbank -> SQL -> PHP -> HTML -> Javascript und das Ganze auch am Besten dank AJAX etc. auch wieder in die andere Richtung. Kein Wunder, das man sich fragen muss, auf welchem Layer hat man denn eigentlich eine Funktionalität implementiert?
Warum sollte man sich also nicht ein wenig ausruhen auf der Couch.
Zur Zeit wird irgendwie alles mobil. Die Email auf dem Handy, das Internet auf dem iPhone - dass meine Oma mit 80 noch Auto fährt ist da nix besonderes mehr… Aber wie geht das eigentlich? Was ist so magisch an dem Wörtchen “mobil”? Braucht es etwas besonderes, um eine Webseite mobil zu machen?
Eieiei, Fragen über Fragen. Aber dem werden wir mal auf den Grund gehen. In Anbetracht der Tatsache, das das Kundenvolk immer lauter nach mobilen Webseiten schreit, ist es eigentlich auch höchste Zeit, hier mal einzuhaken.
Heute: wie löst man die Problematik, dass der Internet Explorer nichts mit dem CSS-Display-Typ “table-row” anfangen kann?
Grundproblem: ich musste mit einer Funktion Tabellenzeilen ein- und ausblenden. Am besten hat es bei mir mit einer Exception funktioniert:
var el= document.getElementById("el_id");
try
{
if(el) el.style.display= (el.style.display == "none" ? "table-row" : "none");
}
catch(e)
{
// Der IE bis V7 kann kein table-row, deshalb Fallback auf 'Block'
el.style.display= "block";
}
Für den Fall, das die Exception anspringt, wenn es das Element in der Variable “el” nicht gibt, habe ich vor dem Ansprechen des selben ein kleines IF eingebaut.
Nach einigen Hinweisen meiner lieben Leser, jetzt nochmal die JS-Kurzfassung:
var el= document.getElementById("el_id");
if(el) el.style.display= (el.style.display == "none" ? "" : "none");
Erklärung: Mit dem Leerstring wird der Browser dazu veranlasst, auf den Standard-Wert umzuspringen (Und der ist immer richtig, deshalb wird auch keine Exception geschmissen).
Bereits im März hatte Lokesh von mir unbemerkt seine Lightbox aktualisiert. Allen deutschen Users möchte ich die Aktualisierung natürlich nicht vorenthalten - deshalb gibt’s jetzt eine aktualisierte deutsche Version der Lightbox zum Download. Folgende Änderungen wurden durchgeführt:
Update: Nach einen Bug mit dem Zip-Archiv liegt nun eine überarbeitete Variante vor, die sowohl in Windows als auch auf dem Mac zu entpacken ist. (Linux geht eh immer ;) Die überarbeitete Version kommt natürlich wie gewohnt mit einer komplett eingedeutschten Anleitung und Demo-Seite daher. Hier geht’s zum Download:
Immer wieder landen bei mir Anfragen, ob Lightbox oder Slimbox auch iFrames und Flash-Animationen anzeigen kann. Bereits vor einiger Zeit hat Frank Bueltge einen Link zur Lightbox-Clones Matrix gepostet.
Die Matrix ist filterbar und enthält Informationen darüber, auf welchem Framework (Prototype, jQuery, Mootools usw.) der Klon aufsetzt und welche Funktionen er abdeckt. Über den Filter kann jeder einstellen, welche Funktionen benötigt werden - die Anwendung spuckt dann passende Klone aus.
Beim PHP Blogger sind Lightbox und die etwas flinkere Slimbox in deutschen Sprach-Versionen erhältlich.
“Ui, das sieht ja aus wie eine echte Applikation!” Mag der eine oder andere denken… Und da liegt er noch nicht einmal so falsch, wenn man sich Ext 2.0 anschaut.
Aber wie kommen die Streifen in die Zahnpasta oder die Marmelade in den Berliner? Mit anderen Worten: Wie werden starre Ext Oberflächen mit Daten zum dynamischen Web 2.0 Leben erweckt?
PHP Ext ist ein Versuch, der statischen Oberfläche Leben einzuhauchen. Schick objektorientiert gehalten, können mühelos Ext Oberflächen generiert werden. Leider sind noch lange nicht alle Ext Komponenten über das Framework generierbar, wie die PHP-Ext Beispiele zeigen.
Ein PHP Blog mit aktuellen PHP Informationen und Tricks für Entwickler.
