Chrome Javascript Debugger/Profiler
Google hat diese Woche einen Javascript Debugger/Profiler für Chrome veröffentlicht, bisher waren ja nur die WebKit-Tools enthalten.
via golem
Firebug console.log – graceful degradation and cool features
My favorite feature in firebug is console.log but it has one problem, you have to remove all calls from source code before going live else your visitors will get many many javascript errors. But there is a really simple solution for that problem, getfirebug.com hosts a javascript which creates a fallback console object if firebug is not installed.
[sourcecode language="javascript"]
[/sourcecode]
So, now we are on the save side and can play around with the console object. The usually most used method is “log”, it simply prints something to the console. Strings, Arrays, Objects, Dom, XML … everything works, log can also print more than one variable at once.
[sourcecode language="javascript"]
console.log(‘A String’, ['an','array'], document.getElementById(‘domObject’));
[/sourcecode]
Console can write messages with a specific type, so you can print errors and warnings to your console.
[sourcecode language="javascript"]
console.error(‘an error’);
console.warn(‘a warning’);
[/sourcecode]
Outline object members in console with the ‘dir’ method.
[sourcecode language="javascript"]
console.dir({nice:’to’, see:’that’, cool:function(){ alert(‘cool’); }});
[/sourcecode]
If you wanna see all cool features, now and live, there is an example page on bohuco.net/code:
http://bohuco.net/code/firebug-logging/
More infos:
http://getfirebug.com/console.html
Google Code – Fun with Firebug
Playing around with gameQuery
gameQuery, a new jQuery plugin, provides functions for creating browser games. In this early stage gameQuery supports a main-loop, game area (playground), sprites with CSS animations and sounds (not tried yet).
I have played around with gameQuery and here is the result. A simple Pong clone that should work in IE6/7, Chrome and Firefox.
The current gameQuery version is 0.2.5 and so there are some points for improvement. Every sprite needs an animation and every animation needs an image even if you don’t need it. Playground is always position:absolute and it has a black border. Only little things that you can override.
Javascript private members
Die definitive Link-Sammlung:
http://www.crockford.com/javascript/private.html
http://mckoss.com/jscript/object.htm
Wichtig: Private Variablen können nicht aus den public Methoden gelesen werden sondern nur aus den private-Methoden … also MUSS es für die privaten Variablen Setter- und Getter-Methoden geben. Und, die privaten Methoden werden NICHT mit “this” aufgerufen:
[sourcecode language='javascript']
var test = function() {
// private variable
var status = 1;
// private method
var getStatus = function() {
return status;
}
return {
publicMethod: function() {
var status = getStatus(); // NOT this.getStatus();
}
}
}
[/sourcecode]
Schrift-Problem adee
facelift (FLIR) ist ein Javascript/PHP-Lösung die on-the-fly Bilder mit Schriftzügen in den gewünschten Schriften erzeugt. FLIR benötigt im Gegensatz zu sIFR, kein Flash. Die Bilder werden serverseitig mittels PHP (GD-Library) erzeugt und dann automatisch in die Seite eingefügt.
IE6 PNG Fix
Beim CSSGirl wird ein neuer PNG Fix vorgestellt, ich werd ihn nicht gleich ausprobieren aber er scheint wohl besser zu sein als das was es bisher gegeben hat. Es wird SuperSlight mit dem neuen Unit PNG Fix verglichen und jeder hat seine Vor- und Nachteile aber der Unit PNG Fix hat dann doch die Nase vorn.
Firebug Plugins
Firecookie – Lässig, alle aktuellen Cookies einfach in einem Firebug-Tab bearbeiten.
FirePHP – PHP Debug-Messages und Exceptions in Firebug anzeigen.
SongZwa 2
Ich hab heut ein neues ZwischenRelease von SongZwa hochgeladen. Leider gibts immer noch keine Userverwaltung und damit auch keine Playlisten die über eine Session hinaus bestehen bleiben, aber einige andere Sachen hab ich verbessert.
Die größten Änderungen hat es im Player gegeben. Alle Elemente sehen jetzt grafisch gleich aus, die Elapsed-Time-Bar hab ich mit dem Song-Titel kombiniert und alles wurde etwas hin-/hergeschoben und schaut jetzt hoffentlich besser aus.
Die Kommunikation zwischen YouTube-Player und meinem Javascript-Interface sollte jetzt besser funktionieren. Wenn man also im YouTube-Player lauter dreht sollte sich das auch oben in der Lautstärkeanzeige ändern und umgekehrt.
Die drei Interface-Blöcke Search, Playlist und Video lassen sich jetzt ausblenden. Das braucht genau keiner außer rbrthmr weil er sich immer Sachen anhört die ganz grausliche Videos haben … also viel Spaß jetzt beim ausblenden.
Videos die von YouTube als NotEmbedable markiert sind werden jetzt ausgegraut angezeigt. Man kann dennoch draufklicken und man wird gefragt ob man das Video direkt bei YouTube ansehen will.
Und jetzt! Fehlt noch der Link:
http://bohuco.net/songzwa
Some Links for CSS and Javascript
Wieder mal ein Feature das sicher keiner brauch. Aber wenn dich eine nette Grafikerin fragt, kannst auch nicht einfach “so a schaaas” sagen.
Selection Background Color via CSS ändern
Und gleich noch einer … den werd ich demnext sorgar noch wo verwenden müssen, man kann ja nicht erwarten das die User die Browserfunktionen nützen können ???
Textgröße mittels Javascript ändern
Gleich mal merken für die Zukunft …