Verhindert, dass Daten schon beim Laden der Seite an Facebook, Twitter oder Google übertragen werden. Facebook hat sich schon am nächsten Tag beschwert, dann aber einen Rückzieher gemacht.
Alternativ könnte man das ganze Geraffel auch einfach weglassen.
Oder...
Interessante JS- und jQuery-Tipps und -Analysen.---
Vier kleine Kombinator-basierte Funktionen, mit denen eigene Funktionen ähnlich leicht zu benutzen sind wie jQuerys.
So kann z.B. dies:
var items = $('.item'); if (items.length) { do_stuff(items); } items.removeClass('some_class');
geschrieben werden als
$('.item').ergo(do_stuff).removeClass('some_class');
Dank Spaniens WM-Sieg. Für Deutschland hätte es Build Your Own Database Driven Web Site Using PHP & MySQL gegeben.
Ordnet Elemente vertikal so an, dass es möglichst kleine Lücken zwischen ihnen gibt.
Edit: Version 1.1 kann nun Elemente live resizen und dabei animieren: Demo
Besteht aus for(x in document.open);
Ich spiel grad mit <canvas> rum und wollte eine Kurve möglichst fließend durch Punkte führen:
Viele Algorithmen laufen entweder nicht durch jeden Punkt oder setzen voraus, dass man die Pixel selbst malen will, was gerade bei Anti-Aliasing recht mühselig wird. Ich fand dann einen netten Algorithmus von Jean-Yves Quéinec, der Bézier-Splines so hinbiegt, dass eine durchgehende schöne Kurve entsteht. Manchmal gibts noch leicht merkwürdige Kurventeile aber insgesamt funktioniert es gut.
Der Code: smooth_path.js
Die Funktion bekommt ein Array von Punkten und erstellt einen Pfad, den man dann selbst malen kann.
path - Ein Punkte-Array der Form [{x:0, y:0}, {x:10, y:10}, ...]
smoothness - Der Grad der Biegung. 0 glättet nichts, 1.05 macht aus einem Quadrat einen Kreis und auch sonst schöne Kurven, alles andere erzeugt lustige Formen.
joinPath - Falls true werden die Kurven am Anfang und Ende des Pfades aufeinander ausgerichtet, sodass eine durchgehende Form entsteht, wenn Anfangs- und Endpunkt aufeinander liegen.
c - der canvas-Kontext
Wer Fehler findet oder Verbesserungen hat, immer her damit :)
Beispiel:
var canvas = document.getElementById('canvas'); var c = canvas.getContext('2d'); var path = [{x: 100, y: 100}, {x: 20, y: 150}, {x: 200, y: 200}, {x: 100, y: 100}]; var smoothness = 1.05; var joinPath = true; c.beginPath(); smoothPath(path, smoothness, joinPath, c); c.stroke(); c.closePath();
Und eine kleine Demo. Per Maus die Punkte setzen, mit dem Slider die smoothness verändern.
Rotiert Elemente mit Hilfe von -webkit-transform (ab Safari 3.1) und -moz-transform (ab FF 3.5).
Unterstützt leider noch nicht Tranformation mit Perspektive, was zur Zeit aber auch nur in Webkit möglich ist.
Nice. Nur muss man jetzt natürlich die Validierungsregeln an zwei Stellen schreiben, für server- und browser-seitige Validierung. Das Rails-Plugin livevalidation löst das Problem.
Firefox 3 ist extrem lahm beim verlassen einer Seite, wenn man jQuery benutzt und sehr viele (>1000) Elemente an Events bindet.
Beispiel. 5000 divs, dann:
$("div").hover(function() { $(this).addClass('highlight'); }, function() { $(this).removeClass('highlight'); })
Seite läd, funktioniert, man klickt auf nen Link zu ner anderen Seite, wartet ein wenig und...
Stellte sich heraus, dass jQuery beim verlassen der Seite die Eventbindungen aller Elemente entfernt. Genau daran bricht Firefox aber verzweifelt zusammen.
Der Code dafür liegt in jquery-1.3.2.js von Zeile 3106 bis 3111 und verhindert anscheinend Speicherleaks im IE und mouseover-Fehler beim neuladen:
// Prevent memory leaks in IE // And prevent errors on refresh with events like mouseover in other browsers // Window isn't included so as not to unbind existing unload events jQuery( window ).bind( 'unload', function(){ for ( var id in jQuery.cache ) // Skip the window if ( id != 1 && jQuery.cache[ id ].handle ) jQuery.event.remove( jQuery.cache[ id ].handle.elem ); });
In jquery-1.3.2.min.js:
o(l).bind("unload",function(){for(var E in o.cache){if(E!=1&&o.cache[E].handle){o.event.remove(o.cache[E].handle.elem)}}});
Ich hab ihn mal rausgeworfen, wodurch FF die Seite wieder schnell verlässt ohne zu hängen.
Bis jetzt hab ich keine mysteriösen Fehler beim refresh entdeckt. Auch Speicherleaks sind keine große Verschlimmerung der browser-experience für IE-Nutzer...
jQuery Plugin für einfache Bildunterschriften die beim Maus-Hover erscheinen.
Mit dem jQuery Parallax Plugin kann man schicke Scrolleffekte basteln:
jquery-parallax-scrolling.zip - 164 KB
Alles was man braucht sind ein paar Bilder, die dann vom Plugin gekachelt und horizontal verschoben werden. Durch unterschiedliche Geschwindigkeiten entsteht der Eindruck räumlicher Tiefe. Damit es Abstände zwischen den Bildern gibt (z.B. den Planeten und Raumcruisern oben), fügt man diese einfach direkt ins Bild ein:
Um die Geschwindigkeit besser kontrollieren zu können, sollten alle Bilder die gleiche Breite haben.
Auch lustig ist jParallax, mit dem die Ebenen direkt per Mausposition verschoben werden:
John Resig of the Mozilla Corporation, and the creator of the popular jQuery library, talks about the challenges of DOM/JavaScript programming and his preferred strategies for meeting those challenges.
Hier ist mein HTML-Hex-Viewer als Rails-Helper. Er markiert die Bytes, wenn man mit der Maus drüberfährt und färbt optional verschiedene Codesegmente bunt ein (z.B. Header, Text und Data-Segmente einer EXE).
1
Neue Kommentare
Wie soll man sich die entstehung des Bildes vorstellen?
Die Frau hat auf dem Sofa gelegen.
Währenddessen hat der Maler die abstrakte Kunst produziert.
Dann sieht sich das Modell das Bild an, das aber nur ein "Köder" für das eigentliche Bild war, das er dann noch schnell malt.
Die springende textarea tut dies nicht mehr im neuen Design. Hab ich bald fertig.
--wait=5 // wartet 5 Sekunden zwischen jedem Request (empfolen)
--random-wait // variert die Wartezeit (damits nicht so auffällig ist ;)
--limit-rate=300k // limitiert Bandbreite auf 300KB/s
[P.S.: Die Textarea fliegt immer noch ganz nach unten (unter die Tags) bei schmalen Browserfensterchen.]
http://selflinux.org/selflinux/html/vim.html
Merkwürdig. Der Link ist eigentlich korrekt, aber wenn ich draufklicke, werde ich nach
http://navigationshilfe1.t-online.de/dnserror?url=http://www.cosolit.deselflinux/
weitergeleitet.