CSS3 3D-Clouds – 3D-Wolken mit CSS3 und einem Schuss JavaScript

Als ich gerade auf Google+ etwas von CSS3-Clouds gelesen habe, dachte ich mir ok, coole Sache. Ich rechnete mit einer kleinen mit CSS3 erstellten 2D-Grafik mit 2D-Wolken die übereinander gelagert die Landschaft zieren. Das 3D hielt ich dann in dem Moment, mit den Layern für gerechtfertigt. Dann klickte ich auf den Link. Sprachlosigkeit machte sich breit. Ich kenne viele WebGL-Demos, viel Flash und auch einiges mit JavaScript und CSS3, aber dass sowas mit CSS3 möglich ist, hätte ich nie erwartet.

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

Placekitten jQuery Plugin – Mach aus deiner Website eine Katze

Ein typischer Fall von »Wie geil ist das denn?«. Placekitten.js – Ein Plugin für jQuery, welches jedes Element je nach Größe in eine Katze verwandelt. Also zumindest in ein (meist) passendes Bild einer Katze. Mit einer Anbindung an placekitten.com greift das Plugin scheinbar auf eine größere Datenbank von Katzenbildern zu. So reichen Breite und Höhe und man bekommt ein passendes Bild. Standardgröße hier im Blog für Blogbeiträge ist 560×360 und liefert mir dieses Bild:

Ü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

Einmal HTML5 bitte – HTML5Please.us

Hach ja. HTML5. Selten war ein Hype um eine Sprache so groß. Jeder der sich mit Webdesign und/oder Webentwicklung beschäftigt, wird unweigerlich mit HTML5 und CSS3 konfrontiert. Beide gerne auch zusammen genannt, bzw. zusammen gemeint. Doch was geht? Was kann man jetzt schon machen? Was sollte man besser erstmal lassen? Diese Fragen zu beantworten ist oft nicht ganz einfach. Vorausgesetzt die vorgestellte Seite wird auch in Zukunft gepflegt, ist es ab jetzt ein Kinderspiel.

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

Eine »kurze« Geschichte von Webstandards

Eigentlich mag ich ja keine Infografiken. Zumindest im Normalfall, denn manchmal können diese unproportionalen Dinger wirklich mal ganz praktisch oder informativ sein – Klar, sind ja auch Infografiken. In der heutigen Infografik geht es um die Entwicklung der Webstandards von 1962-2011 und es stehen in der tat interessante Fakten drin.

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)

jQuery bekommt mal wieder ein Update – 1.5 ist da

Das – in meinen Augen – führende JavaScript-Framework jQuery hat gestern Abend ein Update bekommen. Version 1.5 hat es jetzt und ist damit – wie in jeder Version – um einiges schneller geworden. Zudem wurden 83 Fehler behoben und 460 Tickets geschlossen. Viel gibt es dazu auch an sich gar nicht zu sagen, außer dass man sich die Mühe auf jeden Fall machen sollte in jedem seiner Projekte ein Update durchzuführen.

Weiterlesen

Wie sicher ist mein Passwort?

Im Internet gibt es viele, die an unsere Passwörter wollen, damit sie unsere Accounts hacken können. Ich bin davon bisher glücklicherweise verschont geblieben, doch ich habe auch seit geraumer Zeit immer ein sicheres Passwort. Doch was ist sicher? Man sagt ja ein gesunder Mix aus Zahlen, Klein und Großbuchstaben und Sonderzeichen ist sicher, das stimmt schon, doch geknackt werden kann es trotzdem.

Weiterlesen

Google Fade-in und wie man ihn weg bekommt

googleGoogle hat sich einen neuen Streich geleistet, als sie die Startseite von Google verändert haben. So hat man bei Besuch von Google.de nur noch die Suchbox und die Buttons. ‘Schön aufgeräumt’ – könnte man denken, aber wer die andere Startseite gewohnt ist, fühlt sich zunächst unwohl.

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.

Weiterlesen

PNG-Alphatransparenz auch im Internet Explorer 6

Wie man aus mehreren meiner Artikel weiß, habe ich etwas gegen den Internet Explorer 6 und möchte ihn auch gar nicht mehr weiter unterstützen. Auf vielen Seiten geht das aber nicht anders, da der Großteil der Besucher aus mehreren Gründen nicht zu einem Update in der Lage ist. Aus diesem Grund kann man auf Seiten nur vereinzelt PNG-Grafiken benutzen, welche Halbtransparenzen beinhalten, denn diese kann der IE6 nicht richtig darstellen – mit DD_belatedPNG ist es möglich diese Funktion nachzurüsten.

Weiterlesen

Google Chrome ist der schnellste

Nach dem gestrigen Artikel von rami über Google Chrome, habe ich mich noch etwas weiter über diesen infomiert. Meine subjektive Meinung zu diesem Browser: Er ist ganz schick, kommt aber weder an Opera noch an Firefox 3 ran. Bei der Geschwindigkeit allerdings hängt Google Chrome sämtlich Browser ab.

Weiterlesen