http://stackoverflow.com/questions/1789169/jquery-unexpected-sortable-behaviour/1789775#1789775

Still i would suggest wrapping the code with if( $.browser.msie ) { } because the fix is not needed on other browsers. Mind you that $.browser is deprecated.

One possible fix includes hacking shoppurl in the functions.php file of the Shopp plugin – simply replace get_bloginfo('url') with get_bloginfo('url', 'display').

So if we want to add translation für shopp product summaries, we simply have to take that function, adjust it to our needs and call it at the right spot. Without further ado – add the code below to your functions.php and you are done.

function tao_qtrans_modifyProductSummary() {
	global $q_config;
	echo "<script type="text/javascript">\n";
	echo "if(jQuery('#summary').size()>0) {";
	echo $q_config['js']['qtrans_is_array'];
	echo $q_config['js']['qtrans_xsplit'];
	echo $q_config['js']['qtrans_split'];
	echo $q_config['js']['qtrans_integrate'];
	echo $q_config['js']['qtrans_switch_postbox'];
	echo $q_config['js']['qtrans_use'];
	$el = qtrans_getSortedLanguages();
	foreach($el as $language) {
		echo qtrans_createTitlebarButton('product-summary', $language, 'summary', 'qtrans_switcher_product-summary_'.$language);
		echo qtrans_createTextArea('product-summary', $language, 'summary', 'qtrans_switcher_product-summary_'.$language);
	}
	echo "qtrans_switch_postbox('product-summary','summary','".$q_config['default_language']."');";
	echo "jQuery('#summary').hide();";
	echo "}";
	echo "\n</script>\n";
}

if( function_exists('qtrans_createTitlebarButton') &&
	function_exists('qtrans_createTextArea') ) {
	add_filter('admin_footer', 'tao_qtrans_modifyProductSummary');
}

Now if you want to import large amounts of already subscribed users, using the mailchimp api is the best solution. Scanning the mailchimp api docs of the listBatchSubscribe action I was not able to find any documentation on how to import subscribers to specific interest groups – should have read the listSubscribe docs too . It turned out it is really simple. Just add an array of group information to your data rows using the key ‘GROUPINGS’ and you are good to go. Group information must contain the key ‘groups’ – a comma separated list of interests and either the group id or the name of the group you want to add your data to. ID, name and values of groups can also be listed using the listInterestGroupings method.

A simple example:

$batch = array(
   array(
      'EMAIL' => 'test@yourdomain.com',
      'FNAME' => 'Test',
      'LNAME' => 'Test',
      'GROUPINGS' => array(
          array('name' => 'MyGroup', 'groups' => 'Value1, Value3'),
          array('id' => 15, 'groups' => 'Value2'),
      )
);
$chimp->listBatchSubscribe($list_id, $batch, true, true, true);

Now i recently became a part-time linux user (again). Sadly there was no useful native client for SimpleNote available. Of course there is the standard web-interface and there is even a google chrome extension that allows working with SimpleNote.

Once again, i totally forgot emacs. Sometimes called an operating system on its own and this operating system really has support for SimpleNote through simplenote.el.

Installation is really simple:

(require 'simplenote)
(setq simplenote-email "")
(setq simplenote-password "")
(simplenote-setup)

Happy note-taking.

The result is a small jQuery plugin that can display and update a users activity stream.

Setting up the plugin is really simple – just include it using

<script src="https://raw.github.com/wbg/jQuery-GooglePlus-Widget/master/js/jquery.googleplus.widget.min.js"></script>

And start it using

$(function() {
  	       $('#target').googleplusWidget({api_key:'API KEY',user_id:'USER ID'}).trigger('start_gplus');
});

You can register an API key using the google api console: https://code.google.com/apis/console/

Get it on github

Details about this bug on the apple discussion board. And the corresponding entry on adobes bug tracker.

Ars Technica did a great review covering all the new stuff in lion. Read it at arstechnica.com.

Sadly by default, these post types are not available in your main wordpress RSS / ATOM feed, but luckily this can easily be fixed.

Just paste the following Code in your functions.php and all entries of all your custom post types are added to your RSS / ATOM feed.

add_filter('pre_get_posts',
	create_function('$query',
		'if ($query->is_feed) $query->set("post_type","any");
		return $query;'
	)
);

If you want to be more specific about what to add to your feed, simply change “any” to an array of post_types. For example:

add_filter('pre_get_posts',
	create_function('$query',
		'if ($query->is_feed)
			$query->set("post_type",array("post", "my_custom"));
		return $query;'
	)
);

As you are accessing the wordpress query object, the same technique can also be used to change the post order in your feed, or add custom category filters etc…

The filtering of iframe tags is performed on the clientside by the javascript editor tinymce as well as on the serverside by the wordpress whitelist filter. Therefor, to disable iframe filtering, it is neccessary to add two hooks to either a plugin or the functions.php of your theme:

Disable iframe filtering in tinymce

Simply add the following code to your functions.php – this adds iframes as valid elements for tinymce:

add_filter('tiny_mce_before_init', create_function('$a', '$a["extended_valid_elements"] = "iframe[id|class|align|frameborder|height|name|scrolling|src|width|title|style]";return $a;'));

Disable server-side iframe filtering

Add this code to your functions.php – it adds iframes to the whitelist of wordpress:

global $allowedposttags;
$allowedposttags["iframe"] = array("id" => array(),"class" => array(), "align" => array(),"frameborder" => array(),"title" => array(),"style" => array(),"name" => array(),"scrolling" => array(),"src" => array(),"height" => array(),"width" => array());

Also hab ich mir heute ein wenig Zeit genommen um mir zwei bekannte – Drupal & Typo3 – und ein paar mir weniger bekannte – Concrete5, CMS Made Simple, SilverStripe – anzusehen.

Concrete5

Erster Versuch Concrete5, das explizit seine Features für Entwickler in den Vordergrund stellt. Am Setup gibt es nichts zu bemängeln, sehr übersichtlich und nach ein paar Klicks abgeschlossen. Um Dinge wie SEO URLs oder eine sitemap.xml muss man sich nicht kümmern – es funktioniert einfach. Das Admin interface muss man wohl mögen, mein Fall ist es nicht, aber die Möglichkeit Inhalte im Frontend mit Versionierung und instant Preview zu bearbeiten ist super. Die Erweiterbarkeit hab ich mir nur kurz angesehen, finde es aber auf den ersten Blick etwas verwunderlich, dass die Entwickler zwar jede Menge Zend Klassen verwenden, aber gerade fürs MVC auf eine handgestrickte Framework zurückgreifen.

Silverstripe

SilverStripe war enttäuschend: Obwohl der Install-Check problemlos durchlief brach die eigentliche Installation mit einem anglichen Fehler im php date.timezone Setting ab. Das wäre nicht weiter schlimm und leicht zu beheben, aber: wenn die Installation abbricht wird kein Rollback durchgeführt – um die Installation zu wiederholen muss zuerst von Hand die _config gelöscht und die erstellten Tables entfernt werden. Manche Taoisten würden in dem Fall von einem “absoluten no-go” sprechen.

CMS made Simple

Die Installation von CMS made Simple ist ähnlich wie bei Concrete5 sehr schnell und problemlos abgeschlossen, wenn der install Folder nach erfolgreicher Installation noch automatisch gelöscht würde wäre alles perfekt. SEO URLs funktionieren leider auch nicht automatisch, dafür wirkt das Backend sehr aufgeräumt. Leider gibt es aber ein paar Kleinigkeiten die die Eingabe von Inhalten etwas umständlich machen. Es ist zum Beispiel nicht möglich Bilder direkt über den Content Editor hochzuladen – man muss diese erst über die getrennte Image Manager Seite hochladen (kein Multiupload), bevor Sie eingefügt werden können.
Das Template System von CMS made Simple basieren auf Smarty. Templates können damit sehr angenehm bearbeitet werden und das System dürften vielen Frontend-Entwicklern ein Begriff sein.

Drupal & Typo3

Bleiben noch die zwei altbekannten Drupal und Typo3. Und bei beiden war ich überrascht, wie viel Feinschliff die Systeme erfahren haben. Typo3 hat mittlerweile eine wirklich einfache Installationsroutin. Auch werden zB SEO URLs nun automatisch und ohne zusätzliche Extensions aktiviert. Das Admin Interface hat ebenfalls viel von seiner Unübersichtlichkeit verloren. Als Nutzer der alten Varianten muss man sich zwar etwas umgewöhnen (wo legt man jetzt Domain Records an?), der Schulungsaufwand für neue Nutzer dürfte aber um einiges geringer sein. Selbiges gilt für Drupal – einfache Installation, sehr brauchbares Admin Interface, aber hier noch ein wenig mehr getan werden um die grandiose Featurevielfalt besser vor Einsteigern und Redakteuren zu verbergen.
Ebenso wie für Wordpress sind für Drupal und Typo3 eine große Mengen an freien Erweiterungen und Themes verfügbar – damit können viele Problemstellungen bequem ohne Eigenentwicklungen gelöst werden.

Mein Fazit

Drupal und Typo3 kommen für mich wieder für sehr viele Projekte in Frage. Der Entwicklungsfokus in Richtung Social Media empfiehlt Drupal dabei eher für Community-Lastige Projekte. Typo3 wirkt durch die tollen Möglichkeiten für strukturierte Workflows und das genial einfache Caching System perfekt für Seiten mit einem großen Anteil an statischen Inhalten. Von den drei neuen Systemen finde ich concrete5 durch das brauchbare Frontend-Editing und die einfache Erweiterbarkeit am interessantesten.

If your bluetooth devices like mouse or keyboard stop working in OS X and reconnecting etc. do not solve the problem:

Open your Terminal and execute the following:

sudo killall blued

This restarts your bluetooth daemon and your devices should be working again.

Watch the demo first.

Howto

The code is pretty simple and straightforward. In essence you need a video tag to play the video, some canvas elements that act as your video slices and finally some css transforms to animate the canvas elements.

Video

HTML5 <video> makes playing videos (nearly) as simple as displaying an image on your website. The only thing slightly problematic is the codec support in different browsers. To satisfy all class A browsers, you would need at least three videos with different encodings (ogg, webm, h.264), but as these demo only covers webkit, at least ogg is not needed.

To embed the video you can use something like this:

<video id="video" loop autoplay controls style="display:none">
<source src="trailer_480p.m4v" type="video/mp4">
<source src="trailer_480p.webm" type="video/webm">
</video>

This defines a video element with some additional parameters: The source tags define the video files in different encodings, the loop, autoplay and controls attributes should be self explanatory.

To encode videos in h.264 i simply use handbrake, Miro Video Converter does a good job at creating WebM videos. Both tools are available for free.

Javascript

The javascript code is not that complicated either. In essence you just need to update some canvas elements with the video content periodically. This is simply done by rendering the video to the canvas element. The code is really straightforward:

var canvas1 = document.getElementById('canvas1')[0];
var ctx1 = canvas1.getContext('2d');
// ... repeat for remaining canvas elements
var video = document.getElementsByTagName('video')[0];
video.addEventListener('play', function() {
	setInterval(function() {
		ctx1.drawImage(video, 0,0, 854, 480);
		// ... repeat for remaining canvas elements
}, 33); }, false);

A possible speedup could be achived by rendering the video to a single large hidden canvas element an render this to the visible elements. Still I did not bother to test the speed improvements for this small example.

CSS3

As slices of the video are rendered to different canvas by now, you can use standard css3 transformation effect on them. To get at least minimal speed on mobile browsers, you should always use 3d transforms instead for their 2d counterparts as those are hardware accelerated e.g. translate3d(10px,10px,0px) instead of translate(10px, 10px). More details on CSS3 transforms can be found here.

The Movie

Last but not least: the excelent open source movie used for this demo is of course Big Buck Bunny (c) copyright 2008, Blender Foundation. A truly amazing achievement of the open source community.