webentwicklung | dresden | webdevelopment | programmierung | webdesign | css | flash | ajax

Mit ‘ajax’ getaggte Artikel


Jul 20

Color Powered mit 3 nützlichen WebApps

colorpoweredColor Powered ist eine kleine Webdesign Firma welche ansprechende Webseiten kreiert und zusätzlich mit jQuery Funktionalitäten ausstattet.  Im Laufe der Zeit haben sie 3 Web Applications entwickelt, welche sie in ihren Projekten einsetzen und freundlicherweise als Open Source Tools zur Verfügung stellen.

Color Box ist eine auf jQuery basierende LightBox die individuell an alle Bedürfnisse angepasst werden kann. Sie ist schnell und leichtgewichtig (nur 9KB).  Die zweite WebApp ist ein Blend Effekt, der ebenfalls auf jQuery basiert. Damit kann der Standard CSS-Zustand :hover mit mehreren Blend-Funktionen ersetzt werden. Die dritte und letzte Web Application ist ein auf PHP und jQuery basierende Rating-Script. Das ganze funktioniert ohne Datenbank-Setup oder Administration, weil es mit einer eigenen SQLite Datenbank ausgestattet ist.

colorBox1colorBox2colorBox3

sites-32x32 Hier gehts zu den WebApps: ColorBox, JQuery Blend, JQuery/PHP StarRating

Jul 02

jQuery TOOLS – die fehlende UI library fürs Web

jQuery TOOLSDie Macher von Flowplayer haben jetzt eine neue UI-Bibliothek für jQuery veröffentlicht. jQuery TOOLS ermöglicht AJAX Animationen und Effekte mit minimalem Code Aufwand. In einer übersichtlichen Demo Galerie sind alle Basisanimationen und -möglichkeiten aufgelistet und durch Demonstrationen und Quellcodebeispiele unterlegt.

So lassen sich durch nur wenige zeilen JavaScript schöne und flüssig ablaufende Effekte erzielen. jQuery TOOLS setzt vorallem auf Geschwindigkeit. Durch intelligente Ansätze wie z.B. weniger HTTP-Requests, gzip Komprimierung und minimaler JavaScript Quellcode wird die Geschwindigkeit der kompletten Webseite und auch der Animationen selbst optimiert.

In einem eigens dafür eingerichteten Forum werden Hilfestellungen gegeben, Tipps ausgetauscht und Probleme diskutiert. Eine runde Sache!

indexjquery1jquery2


Jun 23

moousture – Steuerung von Webseiten durch Gesten

logoMaXPert hat eine nette Erweiterung zum JavaScript-Framework mootools geschrieben. Mit moousture lassen sich Mausgesten erkennen und dadurch bestimmte Aktionen auslösen. So kann man zum Beispiel ein Menü einblenden lassen, sobald der Benutzer mit der Maus einen Kreis auf dem Bildschirm zeichnet. Die Erweiterung wurde komplett in JavaScript geschrieben und folgt den objekt orientierten Standards.

Man kann sich komplett eigene Gesten ausdenken, diese nach Lust und Laune auf seiner Seite einbauen und zum Beispiel die ganze Navigation auf Basis von Gesten gestalten.

Das ganze Zielt natürlich auch auf mobile Geräte ab, wo eine Gestensteuerung über die Toucheingabe wahrscheinlich noch mehr Sinn macht als auf einem normalen Rechner. So soll die Erweiterung schon jetzt mit dem iPhone und multitouch-kompatibel sein.

sites-32x32 Link zur Projektseite und weiteren Demos: moousture

Download Download des mouse gesture Frameworks