RSS Feed
2012/02/04

jquery pump effect

Ivo Bathke, 2011/07/25 18:02

some new loader effect?
this is a small jquery plugin that renders something like a pump or glow effect by switching two css classes with jquery UI transitions in an endless loop.
the loop can be stopped by applying a stop class to the element.

watch the demo on this almost autogenerated github page:
Demo

» read more

Ajax Deeplinks mit jQuery Address

Ivo Bathke, 2011/04/04 14:49

Aus der Reihe: feine jQuery Plugins, um nicht zu sagen essentielle jQuery Plugins, heute:
jQuery Address

Damit kann man sehr einfach Deeplinks in Ajax getriebenen Seiten realisieren.

So lassen sich zum Beispiel verschiedene Zustände in einer Ajax Seite navigierbar machen, wie zum Beispiel einzelne Tabs via Link öffnen oder auch Akkordion Zustände.
Oder man kann Ajax Bereiche SEO technisch erfassbar machen.

» read more

[Jquery]Namespaces via CSS-Selector adressieren

Johannes Heinen, 2010/04/29 23:38

Vielleicht braucht es mal jemand, jedenfalls lassen sich “genamespacete” Tags in einer DOM (XML)document Instanz recht einfach mittels \: als Separator adressieren. Ein Beispiel: Ich möchte ein Dublin-Core Metadatum aus einem beliebigen Feed lesen:

(function($) {

  $('item').each(function() { $(arguments[1]).find('dc\:creator').[...]() } );

})(jQuery);

Dies entspricht wohl rein syntaktisch nicht ganz dem entsprechendem CSS3-Proposal (einzusehen unter http://www.w3.org/TR/css3-selectors/#typenmsp). Ich habe beide Möglichkeiten interessehalber auch einmal in einem aktuellen FF3.6 und Chromium getestet:

<style type="text/css">
/*<![CDATA[*/
  @namespace hanswurst url(http://www.meins.int)

  hanswurst|kaese
  {
    color: red;
  }
/*]]>*/
</style>
<hanswurst:kaese>
  Hanswurst liebt käse
</hanswurst:kaese>

Ergebnis: Naja, klappt nicht. Eventuell hat jemand eine Idee oder kann mich korrigieren?

generierte Reflexions-Effekte mit Silverstripe bzw jQuery

Max Girkens, 2010/04/29 12:01

Musste neulich so einen “Web 2.0 Mirror FX” haben und bin über 2 interessante Lösungen gestolpert:

Silverstripe & GD:
http://www.ssbits.com/web-2-0-mirrored-images/

jQuery & Canvas:
http://www.digitalia.be/software/reflectionjs-for-jquery#demo

weitergehende Erklärungen dazu spare ich mir jetzt mal, sind ja beide gut dokumentiert :)

jQuery hover – Schluss mit Geflimmer

Max Girkens, 2010/04/22 16:58

meine Entdeckung des Tages:
jQuery hover Intent Plugin.

Mit der WebCam wird die Absicht des Users erkannt und nur ein Event getriggert wenn der MouseOver wirklich gewollt ist.

Möglicherweise ist es technisch etwas anders gelöst. Aber der Effekt ist gut!

jQuery UI 1.8

Max Girkens, 2010/03/24 15:12

die jQuery UI ist jetzt in Version 1.8 erschienen.

neben einer optimierten Codebasis

jQuery UI Core 71% smaller

gibt es auch wieder ein paar neue Widgets.

Wie z.B. das position widget, das ausgefallenere Positionierungs-Spielereien erlaubt:
» read more

Juitter prettyDate

Ivo Bathke, 2010/01/27 12:07

Juitter ist ein Twitter Widget basierend auf jQuery. Damit kann man Twitter nach gewissen Keywords durchsuchen und die Anzeige als Widget mit wenig Code auf seiner Seite einbinden. Das alles ist rein clientseitig, was es noch einfacher macht.

Das geht so:
Juitter (1.0) runterladen, in sein Projekt kopieren.
» read more

jQuery 1.4 ist draussen

Max Girkens, 2010/01/19 18:16

… und das seit dem 14.1.
Es gibt zu dem Release eine Intro/Tutorial-Reihe ähnlich dem Symfony Adventskalender.
14days of jQuery heisst das ganze und findet hier statt:
-> jquery14.com/
» read more