Mathias Bank

Den meisten dürfte ja bekannt sein, dass mittels CSS3 abgerundete Ecken möglich sind. Damit kann man im FF und auch im Safari wunderbar arbeiten, das ganze funktioniert ausgesprochen gut.

Wie zu erwarten war, hinkt natürlich der IE der Zeit weit hinterher (auch die aktuelle 8er Version – zumindest in Beta 2). Jetzt bin ich aber auf das sehr schöne Script DD roundies gestoßen, bei dem man zumindest mit Hilfe von JavaScript nachhelfen kann. Im Gegensatz zu den meisten jQuery-Plugins, die ich dazu gesehen hab, geht das Script aber hin und verwendet Microsofts VML-Auszeichnungssprache, um die Abrundungen zu erreichen. Damit funktioniert das Abrunden mit Border und Background einwandfrei! Sehr empfehlenswert!

Gerade auf ein sehr hübsches Script mit dem Namen Simple Controls Gallery gestoßen, das es sehr angenehm macht, mehrere Bilder auf einer Seite anzuzeigen. Insbesondere in manchen von mir betreuten Shops könnte ich mir das Script sehr gut vorstellen, wenn mehr als ein Produkt-Bild zur Verfügung steht. Da hab ich nämlich oft das Problem, dass hauptsächlich nur ein Produktbild existiert. Wenn aber mehrere Bilder auftauchen, dann sehen diese entweder “angehängt” aus oder – wenn nur ein Bild existiert – es gibt viel Leerraum. Das Script könnte dieses Dilemma sehr gut lösen.

Man lernt wirklich nie aus:

Wenn man mit JavaScript ein Popup erzeugt, dann hat man in der Regel von diesem Popup die Möglichkeit, mittels “opener” auf das ursprüngliche Fenster zuzugreifen. Interessanterweise funktioniert das auch im Firefox und Internet Explorer bei Fenstern, die mittels target=”_blank” geöffnet wurden. Lediglich der Opera-Browser ermöglicht das nicht. Aufgrund von Sicherheitsbedenken, die nicht mal von der Hand zu weisen sind.

Gerade auf die nette JavaScript Bibliothek Phototype gestoßen, die mittels JavaScript und PHP-GD Bilder leicht beeinflussen lässt.

Aber die beste Funktion, die wohl jede Bibliothek haben sollte:

l_oPhoto.addChuckNorris();

Geil!

[lang_de]Auf Google-Code gibt es eine JavaScript-Bibliothek namens PI-JS. Sie lässt sich einfach auf jeder beliebigen Seite einbinden:

<script type=”text/javascript” src=”http://pi-js.googlecode.com/files/debugger.js”></script>

Dabei erlaubt sie es, die Seite sowohl im CSS als auch im HTML genau zu analysieren. Ganz nach dem Vorbild Firebug. Nur das Editieren der Daten sowie das Debuggen von JavaScript geht noch nicht (was natürlich sehr hilfreiche Funktionen sind).

Man kann die Bibliothek ausprobieren, indem man nachfolgenden Code in die Adresszeile eingibt:

javascript:document.body.appendChild(document.createElement(“script”)).setAttribute(“src”,”http://pi-js.googlecode.com/files/debugger.js”);
javascript:pi.dbgr.init();

[/lang_de]

[lang_en]At Google-Code, there is a JavaScript library called PI-JS. It can be used in a very easy way by including a JavaScript file:

<script type=”text/javascript” src=”http://pi-js.googlecode.com/files/debugger.js”></script>

It allows to check CSS and HTML like firebug. The only missing parts are, that it is not possible to change the data or that it is not possible to debug JavaScript.

You can test the library with this code in your address bar:

javascript:document.body.appendChild(document.createElement(“script”)).setAttribute(“src”,”http://pi-js.googlecode.com/files/debugger.js”);
javascript:pi.dbgr.init();