von Christian am 6. Juli 2011
microjs
microjs ist eine Website mit einer grossen Sammlung an sehr kompakten JavaScript-Frameworks / Bibliotheken die jeweils auf ein bestimmtes Thema spezialisiert sind.
Auf der Seite kann man aus verschiedenen Kategorien auswählen und bekommt dann jeweils passende Frameworks angezeigt. Angenommen man möchte gerne irgendetwas mit 2D-Grafik / Canvas machen, dann wählt man die entsprechende Kategorie und bekommt zum Beispiel "TurtleWax" (eine von LOGO inspirierte Bibliothek), "ExplorerCanvas" (HTML5 Canvas für IE) und einige Andere angezeigt.
Bei Interesse kann man sich auch selber mit eigenem Code beteiligen 
Veröffentlicht in JavaScript, Webseiten |
von Christian am 5. Juli 2011
Bilder mit Google Maps zoomen
Es gibt ja eine Unmenge von Flash- und Java-Anwendungen die man dafür nutzen kann um Bilder mit einer quasi beliebigen Auflösung auf Websites darstellen zu können. Eine weitaus praktischere Lösung ist aber meiner Meinung nach, die Google-Maps API dafür zu "missbrauchen".
Im Grunde ist die Weltkarte bei Google-Maps ja nichts anderes als eine gigantische Bitmap von der jeweils nur Ausschnitte angezeigt werden.
Vor einiger Zeit hatte ich schonmal "angedroht" etwas zu dem Thema zu schrieben bin aber Mangels Motivation und/oder Zeit nie dazu gekommen. Daher möchte ich einfach mal auf diesen (englischen) Artikel von Mike Couturier hinweisen in dem er erklärt wie es funktioniert.
Wer übrigens den C# Code nicht kompilieren kann, der in dem Blog zu finden ist (keine Ahnung warum er da keine kompilierte Version von bereitstellt) der kann die nötigen Kacheln z.B. auch mit dem Deep Zoom Composer für Windows erstellen (oder irgendeinem der anderen Tools die so im Web rumschwirren).
Veröffentlicht in JavaScript |
von Christian am 4. Juli 2011
ChopSlider in Aktion
Normalerweise stelle ich ja keine Sachen vor die es noch nicht gibt, aber heute mache ich mal eine kleine Ausnahme. ChopSlider ist ein Image-Slider der wirklich beeindruckend ist.
Der Slider nutzt CSS 3 (funktioniert aber auch auf alten Browsern) um geradezu atemberaubende Übergänge zwischen Bildern hinzubekommen. Da werden die Bilder in Blöcke geschnitten die durch die Gegend wirbeln oder in Streifen zerlegt die aus dem Bild gescrollt werden, und vieles mehr.
Schaut euch einfach mal die Demos auf der Seite an. Die finale Version soll am 18. Juli herauskommen und kann dann von jedem benutzt werden.
Veröffentlicht in jQuery |
von Christian am 1. Juli 2011
Paper.js
Um Paper.js sehr kurz zu beschreiben könnte man vielleicht soetwas schreiben wie: HTML5-Canvas auf Drogen
Das Framework erlaubt es, Grafiken mit Pfaden, (verschachtelten) Ebenen, Gruppen, etc. zu erstellen und zu kontrollieren (z.B. sind Routinen für die Tastatur- und Mausinteraktion eingebaut). Was man damit dann alles anstellen kann (und wie einfach das alles mit Paper.js geht) seht ihr am Besten wenn ihr Euch die Beispiele und die Tutorials anschaut.
Da das Ganze auf dem Canvas-Objekt aufbaut funktioniert es übrigens nicht auf dem Internet Explorer vor Version 9 (und ich denke mal, dass das einer der Fälle ist wo eine Browser-Beschränkung absolut Sinn macht – mit ExCanvas oder Ähnlichem wäre das vermutlich so lahm, das es sich kaum lohnen würde).
Veröffentlicht in JavaScript |
von Christian am 30. Juni 2011
CSS3 Buttonize Framework
Da die Standard-HTML-Formularbuttons ja "netterweise" je nach Betriebssystem und verwendetem Browser unterschiedlich aussehen nutzen viele Leute heutzutage eigene Buttons für die Navigation und für Formulare.
Das CSS3 Buttonize Framework ist ein CSS3-Framework welches die Erstellung von gut aussehenden Buttons sehr erleichtert. Man kann damit sehr einfach Buttons erstellen die auf allen modernen Browsern gleich aussehen. Dabei kann man einfach über diverse CSS-Klassen bestimmen welche Farbe ein Button hat, ob ein Icon angezeigt werden soll und Einiges mehr.
Wen die "Einschränkung" auf moderne Browser nicht stört sollte sich die Buttons anschauen – praktisch sind sie auf jeden Fall.
Veröffentlicht in CSS
Letzte Kommentare