Sieht es auf dem Bild schon beeindruckend aus, haut es einem vom Hocker, wenn man es aufruft und direkt sieht. Animierte 3D-Wolken, fast ausschließlich mit CSS3. Ich bin wirklich beeindruckt und fast sprachlos, aber ich wollte euch das einfach nicht vorenthalten. Jeder Webdesigner, der sich von Tabellen abgewendet hat (Ja, es gibt immer noch Deppen, die Tabellendesigns produzieren) und dem CSS3 schon ein Begriff ist, der wird wissen was ich meine.

CSS3 3D-Clouds

Das war es dann auch schon wieder!
Euer Wishu

Über Sinn und Unsinn des Plugins kann man sich sicherlich streiten. Alle Blogger werden sich aber einig sein: Das hat dem Internet gefehlt! Katzen. Egal was, Alles wird zu einer Katze. So wie es auch in der echten Welt sein sollte. Ich tippe einen Stuhl an, er wird zu einer Katze. Eine kaputte Mikrowelle? Wird zur Katze! Die zweit ehemals besten Freunde? Einfach antippen und sie werden zur Katze. Die Welt als Katze, wäre sie nicht viel schöner?

Placekitten jQuery Plugin Beispiele

Das war es dann auch schon wieder!
Euer Wishu

via The Next Web

Auf HTML5Please.us kann man sich sehr anschaulich vor Augen führen, welche HTML5 und CSS-Techniken in welchem Browser wie funktionieren, noch besser: Es wird vorgeschlagen, ob man es schon nutzen kann, wenn ja ob man was beachten sollte oder ob man es doch lieber komplett lassen sollte. Sehr schön gemacht, mit weiterführenden Informationen und auf jeden Fall für jeden Webdesigner und Webentwickler einen Blick wert.

HTML5Please.us

Das war es dann auch schon wieder!
Euer Wishu

Wie so viele Infografiken ist auch diese leider nur auf englisch verfügbar, sodass sie hier wohl nicht jeder lesen kann, wer allerdings im Bereich Webdesign arbeitet, ist der englischen Sprache zumeist mehr oder weniger mächtig. Ich warne schon einmal vor, es ist wirklich recht viel Text, allerdings wie oben bereits erwähnt, wirklich interessant – zumindest wenn man sich dafür interessiert. Am Ende der Infografik finden sich dann noch Vorhersagen für die nächsten Jahre.

A Brief History of Web Standards

Das war es dann auch schon wieder!
Euer Wishu

(via)

Ich persönlich werde das Update im Blog wohl erst heute Abend vornehmen und bei WishuLoad bis zur nächsten Version warten. Somit wird nach nächste WishuLoad-Release wohl nur ein Release Bugfix und Skript-Update. Zum Originalbeitrag auf englisch geht es übrigens hier: http://blog.jquery.com/2011/01/31/jquery-15-released/

Damit der Klick auf diesen Link nicht unbedingt notwendig ist, hier noch die Links zu den neuen Versionen von jQuery:

• jQuery Minified (29kb Gzipped)
• jQuery Regular (207kb)

Die Versionen unterscheiden sich hierbei nur in einem Punkt. Die Minified ist lediglich so komprimiert, dass die Ladezeit optimiert wurde, lesbar ist sie dadurch allerdings nicht mehr wirklich. Die Regular-Version ist eben die, die sauber strukturiert ist, dafür aber auch zehn sieben mal so groß.

add_filter('script_loader_src', 'my_script_loader_src', 10, 2);
function my_script_loader_src($src, $handle) {
    if ($handle == "jquery")
        return "http://code.jquery.com/jquery-1.5.min.js";
    return $src;
}

Das war es dann auch schon wieder!
Euer Wishu

Zuerst dachte ich ja ich habe mich verlesen, als ich “What the Hex?” las oder dachte an einen Schreibfehler des üblichen “What the Heck?” (zu deutsch “Was zum Henker/Teufel?”). Doch es ist wirklich Hex gemeint und mit Hex ist hier Hexwert gemeint. Also dieser 6-stellige Wert mit dem wir Webdesigner unseren Seiten ihre Farben zuweisen.

Daraus hat Andrew Yang ein kleines Spiel gemacht, in welchem es darum geht den oben stehenden Hexwert einer der unten stehenden Farben zuzuweisen. Und ich muss sagen, ich weiß schon, warum ich immer Paint.NET öffne, wenn ich mal den Hexwert für eine Farbe brauche. Ich persönlich scheitere bei diesem Spiel ziemlich. Gerade mal die Variante mit 2 Farben schaffe ich einigermaßen.

Als Schwierigkeitsgrad gibt es 10 Stufen. Entweder 2-10 oder 48 für die richtigen Profis. Wer da allerdings ohne zu schummeln auf Anhieb das richtige Kästchen trifft, der hat eindeutig etwas zu viel Zeit vor dem PC oder vor allem vor der 32-Bit-Farbpalette verbracht.

Das Standard-Spiel fängt mit 6 Farben an, aus denen man die richtige wählen muss:

Wenn man falsch liegt, wird einem der Hexwert angezeigt, den die gewählte Farbe hatte und die Farbe wird entfernt. Übrig bleiben 5 Farben:

Wenn man die richtige Farbe gewählt hat, färbt sich der Hexwert in die entsprechende Farbe, alle anderen Farben verschwinden und man bekommt einen “New Game”-Button:

Auch wenn ich bei diesem Spiel in 90% der Fälle falsch liege, macht es mir trotzdem einen Riesenspaß. Aus diesem Grund wollte ich es euch einfach mal empfehlen. Ich bin mir sicher, dass es neben dem Spaß auch noch einen kleinen Lerneffekt hat.

Ich möchte mich an dieser Stelle dafür entschuldigen, dass ihr sicherlich durch diesen Tipp einige Minuten eurer wertvollen Arbeitszeit geopfert habt. Ich kann es auf jeden Fall nachvollziehen.

Das war es dann auch schon wieder!
Euer Wishu

Die Frage ist nun nur, wie lange das dauern würde. Bei einem Tag sollte man das Passwort auf jeden Fall ändern, denn so viel Ausdauer haben unsere geliebten Cracker. Bei einem Jahr wird es da schon schwieriger und man kann sich eigentlich sicher fühlen, doch es geht immer noch ein Stück besser.

Ich habe mein eigenes System hinter wichtigen Passwörtern. Ich kenne es nicht. Klingt vielleicht blöd, aber es ist sicher, denn wenn ich es nicht kenne, kann es auch niemand anderes kennen. Wie ich das mache? Ich merke mir einfach den Weg, den meine Hände auf der Tastatur zurücklegen und wann ich auf SHIFT drücken muss. Fragt nicht, warum ich es so mache, ich habe selbst keine Ahnung, wo ich das genau her habe.

Auf jeden Fall weiß ich durch die Seite howsecureismypassword.net jetzt, dass es gar nicht so falsch scheint, denn es würde wohl über eine Million Jahre dauern um es automatisiert zu knacken. Das würde sich nicht mal lohnen, wenn ich Bill Gates wäre.
Ein anderes Passwort von mir, welches ich für sicher hielt, welches nicht der Sicherheit meines wichtigen Passworts entspricht, braucht hingegen nur 4 Tage. Ein Sonderzeichen hinten dran und schon dauert es bereits 252 Tage.

Mich würde mal interessieren, wie lange man für eure Passwörter braucht. Wer dem Ganzen nicht traut, kann sich hier vergewissern, dass es keine Backdoor gibt, welche die Daten irgendwo hinsendet.

Das war es dann auch schon wieder!
Euer Wishu

Ok, manche finden es vielleicht schick, doch hier möchte ich kurz meine Meinung dazu sagen und eine Möglichkeit geben das Fade-In auszublenden.

Nun möchte ich noch einmal genau erklären, was gemeint ist.

Auf dem Bild sieht man deutlich den Unterschied. Beim Aufruf von Google.de sieht man nur noch das Logo, das Suchfeld und die Buttons. Erst nachdem man die Maus bewegt hat (Oder auch per Tab durchnavigiert) sieht man den ganzen Rest der Seite. Ich persönlich finde das eher unangenehm und habe mich deswegen nach einer Lösung umgesehen.

Der Fade-in auf Google.de lässt sich ganz einfach deaktivieren. Google bietet sogar selbst eine Möglichkeit den Fade-in zu deaktivieren. Nein ich meine dort nicht den Tipp mit dem JavaScript deaktivieren. Ich meine den zweiten Punkt – das Greasemonkey-Skript.

Google erklärt sogar für alle Browser, wie dies einzufügen ist. Wer kein Englisch kann, hier eine kurze Anleitung.

Firefox: Mit Firefox lässt sich das Skript einfach in das Add-On Greasemonkey einfügen und man sieht sofort den Unterschied.
Safari: Für Safari gibt es das so genannte GreaseKit. Ich habe damit jetzt keine Erfahrung, denke aber, dass es das gleiche wie Greasemonkey ist.
Opera: Das wird hier erklärt: How to Install User java script in Opera.
Chrome: Um es in Chrome zu integrieren muss man in den dev Channel wechseln.
Internet Explorer: Zu schlechter Letzt noch der unsägliche IE. Dafür muss man den IE7Pro installieren. Das ist in sofern schon mal schlecht, weil es nicht der IE8 ist. Dann muss man das Skript als nogooglefade.ieuser.js in C:\Program Files\IEPro\userscripts abgelegt werden. Nun muss das Skript nur noch aktiviert werden.

Schlusswort

Sicherlich ist das Fade-in von Google gewöhnungsbedürftig und Geschmackssache. Ich mag es aber nicht. Genau aus diesem Grund habe ich es deaktiviert und bin glücklich damit.

Das war es dann auch schon wieder!
Euer Wishu

Das Problem hatte ich erst wieder bei der Erstellung meines neuen Designs für den Wishu-Blog. Der RSS-Button oben im Header hat Alphatransparenzen und ist somit im IE6 mit einem grauen Hintergrund unterlegt. Ich könnte jetzt das Bild natürlich bearbeiten, sodass es den blauen Hintergrund meines Headers annimmt, doch das würde wieder zusätzliche Arbeit machen, wenn sich die Farbe dort mal ändert.

Ich könnte es ebenso in ein GIF-Bild umwandeln. Die Halbtransparenzen werden dann umgewandelt und man kann es ohne grauen Hintergrund einfügen. Doch leider werden die runden Ecken dadurch ziemlich pixelig und ausgefranst. Also fällt diese Möglichkeit auch weg.

Also bleibt nur noch die Möglichkeit dem IE6 beizubringen Alphatransparenzen auch darzustellen. Dazu gibt es mehrere Skripte, welche unter dem Begriff PNGfix bekannt sind. Ein PNGfix bringt dem IE6 mit JavaScript bei, die Alphatransparenzen darzustellen und somit die Bilder ohne Kompromisse zu rendern.

Wenn man sich also nicht mehr Arbeit machen möchte und auch verpixelte Ränder nicht ertragen kann, ist die einzige Alternative der PNGfix.

Mein Lieblingsskript ist an dieser Stelle DD_belatedPNG. Mit diesem Skript kann man leicht Klassen oder Elemente bestimmen, auf die diese Möglichkeit angewendet werden soll, somit hat es vielen Skripten etwas voraus, welche zum Beispiel nur den img-Tag unterstützen oder eine zusätzliche Klasse in dem Element unterstützen.

Im Head-Bereich jeder Seite – oder auch in der Header-Datei, welche per PHP inkludiert wird – muss folgender Code eingefügt werden:

<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('.png_bg');
</script>
<![endif]--> 

Dazu muss man noch die unkomprimierte (nur für Entwickler) oder komprimierte (Platzsparender) Version des Skripts einfügen und die Klassen, IDs und/oder Elemente bestimmen, welche betroffen sein sollen. Dies tut man indem man einfach in der Funktion die Klassen, IDs und/oder Elemente mit Komma voneinander trennt.

Ein Beispiel in dem die Klasse wichtig, die ID navi und das img-Tag angesprochen werden:

<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('.wichtig, #navi, img');
</script>
<![endif]-->

Man sieht also, es ist relativ leicht diesem PNGfix zu benutzen und hat somit später wesentlich weniger Aufwand. Und diejenigen, die kein JavaScript aktiviert haben und mit dem IE6 surfen, sind erstens selbst Schuld und zweitens können sie damit sicherlich leben, da sie das ja schon kennen müssten.

Das war es dann auch schon wieder!
Euer Wishu

Im neuen JavaScript-Benchmark, zeigt Google Chrome eindrucksvoll, was er kann. Bei den anderen 5 großen Browsern (Internet Explorer 6&7, Firefox, Opera und Safari) ist Opera da der Schnellste und der IE6 eindeutig der langsamste. Was Google Chrome allerdings liefert erstaunt wirklich sehr stark.

Mit 1501 Punkten ist Google Chrome weit vorne

Mit 24 Punkten vom IE6 (simuliert im IETester) steht schon einmal fest, dass dieser Browser wie immer der schlechteste ist, doch auch der IE7 mit 31 Punkten kommt nicht hinterher. Danach kommt Safari für Windows, mit 141 Punkten schon sehr weit von den beiden Microsoftunfällen abgeschieden. Dicht gefolgt vom Firefox 3, welche mit 172 Punkten auf dem guten dritten Platz landet, welcher Opera doch nur von hinten sieht. Als einziger von den 5 großen Browsern schafft er es über 200 Punkte, indem er eindrucksvolle 205 Punkte erreicht.

Doch damit hat er sich auch nur den zweiten Platz geholt. Gar nicht mehr im Sichtfeld und schon lange im Ziel bevor der Rest überhaupt richtig anfängt, ist Google Chrome. Überwältigende 1501 Punkte erreicht der neue Browser aus dem Hause Google. (Die Ergebnisse variieren bei allen Browsern leicht bei erneuten Tests)

Das liegt wahrscheinlich auch daran, das die Mitarbeiter von V8 direkt mit an der JavaScript-Implementierung bei Google Chrome mitgearbeitet haben. Dies ist auch dem, leider englischsprachigen, Comic von Google Chrome zu entnehmen. 

Google Chrome hat also durchaus eine Berechtigung in die Reihe der großen Browser aufgenommen zu werden.

Das war es dann auch schon wieder!
Euer Wishu

Quelle: heise.de