This is a little bookmarklet generator i put together this morning:
http://jsfiddle.net/QMeuV/1/embedded/result/ Continue reading “JSfiddle Bookmarklet Generator with jQuery & Codemirror”
…dev, tech problems and solutions.
This is a little bookmarklet generator i put together this morning:
http://jsfiddle.net/QMeuV/1/embedded/result/ Continue reading “JSfiddle Bookmarklet Generator with jQuery & Codemirror”
mashcloud.net is an experiment on collaborative realtime audio editing and music creation.
I did the project within the frame of my BA thesis in audio production last year.
As I moved the code to github this week, I wanted to give a quick overview of the project and its technical underlyings, just in case someone might be interested :)
Continue reading “mashcloud.net – mashup soundcloud audio tracks”
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
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.
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(https://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?
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 :)
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!
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.
Continue reading “Juitter prettyDate”