Jon Raasch's Blog

Jon Raasch's Blog » widgets http://jonraasch.com/blog Web development and design blog from Portland based developer Jon Raasch Tue, 31 Aug 2010 19:08:31 +0000 en hourly 1 http://wordpress.org/?v=3.0 jQuery Contra Plugin – Up, up, down, down, left, right, left, right, B, A, enter http://jonraasch.com/blog/jquery-contra-plugin http://jonraasch.com/blog/jquery-contra-plugin#comments Tue, 05 Jan 2010 15:35:47 +0000 Jon Raasch http://jonraasch.com/blog/?p=520 http://jonraasch.com/blog/jquery-contra-plugin/feed 3 Appending Style Nodes with Javascript http://jonraasch.com/blog/javascript-style-node http://jonraasch.com/blog/javascript-style-node#comments Tue, 22 Dec 2009 15:00:47 +0000 Jon Raasch http://jonraasch.com/blog/?p=456 http://jonraasch.com/blog/javascript-style-node/feed 3 TranslateThis – A Javascript Translation Widget for Noobs and Nerds Alike http://jonraasch.com/blog/javascript-translation-widget http://jonraasch.com/blog/javascript-translation-widget#comments Tue, 08 Dec 2009 23:16:38 +0000 Jon Raasch http://jonraasch.com/blog/?p=411 TranslateThis is a new Javascript widget that provides 52 languages of translation by leveraging the Google Language API. Installing TranslateThis couldn't be easier—simply copy and paste the widget code anywhere on your website, you don't have to upload any files or change any settings. Besides being easy to use, TranslateThis also provides many attractive features for developers. First off, requests to the Language API run in Javascript, so the translation is pretty fast. Additionally, the script is lightweight, weighing in at just over 11kb with another 7kb of imagery. And since it doesn't depend on any Javascript library, TranslateThis can be implemented on any website without additional overhead. Finally, TranslateThis has been tested in all modern browsers and its user interface is designed to be straightforward and seamless. Get your own TranslateThis Widget Read the TranslateThis Documentation

What can you customize in TranslateThis?

]]> http://jonraasch.com/blog/javascript-translation-widget/feed 0 10 Advanced jQuery Performance Tuning Tips from Paul Irish http://jonraasch.com/blog/10-advanced-jquery-performance-tuning-tips-from-paul-irish http://jonraasch.com/blog/10-advanced-jquery-performance-tuning-tips-from-paul-irish#comments Fri, 20 Nov 2009 01:55:12 +0000 Jon Raasch http://jonraasch.com/blog/?p=382 http://jonraasch.com/blog/10-advanced-jquery-performance-tuning-tips-from-paul-irish/feed 11 Yet Another Featured Posts Plugin for WordPress (YAFPP) http://jonraasch.com/blog/yet-another-featured-posts-plugin http://jonraasch.com/blog/yet-another-featured-posts-plugin#comments Tue, 29 Sep 2009 14:27:14 +0000 Jon Raasch http://jonraasch.com/blog/?p=355 http://jonraasch.com/blog/yet-another-featured-posts-plugin/feed 56 Book Review : Learning jQuery 1.3 http://jonraasch.com/blog/book-review-learning-jquery-1-3 http://jonraasch.com/blog/book-review-learning-jquery-1-3#comments Mon, 14 Sep 2009 17:06:04 +0000 Jon Raasch http://jonraasch.com/blog/?p=332 http://jonraasch.com/blog/book-review-learning-jquery-1-3/feed 1 10 Things Every Good Web Developer Should Know (A Checklist) http://jonraasch.com/blog/10-things-every-web-developer-should-know-2 http://jonraasch.com/blog/10-things-every-web-developer-should-know-2#comments Wed, 12 Aug 2009 15:40:54 +0000 Jon Raasch http://jonraasch.com/blog/?p=299 (more…)]]> http://jonraasch.com/blog/10-things-every-web-developer-should-know-2/feed 10 QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler http://jonraasch.com/blog/quickflip-2-jquery-plugin http://jonraasch.com/blog/quickflip-2-jquery-plugin#comments Mon, 13 Jul 2009 21:15:45 +0000 Jon Raasch http://jonraasch.com/blog/?p=114 Download QuickFlip 2 for jQuery Read the QuickFlip documentation QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS. It provides an attractive alternative to other slower and more resource heavy Flash and jQuery flip animations. However if you want a smoother option with a depth effect try jQuery Flip!, although this only works with background colors (not images) and hides the panel content before flipping.]]> http://jonraasch.com/blog/quickflip-2-jquery-plugin/feed 70 YouTubin’ Plugin for jQuery http://jonraasch.com/blog/youtubin-jquery-plugin http://jonraasch.com/blog/youtubin-jquery-plugin#comments Mon, 15 Jun 2009 18:47:16 +0000 Jon Raasch http://jonraasch.com/blog/?p=91 YouTube videos clean, easy and unobtrusive. In its simplest form, YouTubin' grabs any links that point to a YouTube page and replaces them with an embedded video. To do so, YouTubin' leverages SwfObject 2 if available, but otherwise just embeds the video through standard markup. Advanced options include flagging specific video elements using a jQuery selector and setting a variety of swf properties such as dimensions, flash version, flashvars and params. Youtubin' can even be used to cause the video to embed once a link is clicked rather than when the page loads. Download YouTubin' jQuery Plugin]]> http://jonraasch.com/blog/youtubin-jquery-plugin/feed 6 Scrolling Parallax: A jQuery Plugin http://jonraasch.com/blog/scrolling-parallax-jquery-plugin http://jonraasch.com/blog/scrolling-parallax-jquery-plugin#comments Tue, 02 Jun 2009 16:55:25 +0000 Jon Raasch http://jonraasch.com/blog/?p=59 parallax effect to the scrollbars and mouse wheel. This allows a background image or anything else to scroll at a different pace than the web page when a user scrolls around. The parallax effect that results is an easy way to create an illusion of depth on your website. Basic use of the Scrolling Parallax plugin is extremely easy. Simply pass the path to an image, and the plugin takes the image and stretches it to the window width and 150% of the height. The extra 50% of the height is scrolled down along with the document, smoothly reaching the end at the same time as the page. The Scrolling Parallax plugin is also very versatile. There are a wide variety of options including scrolling faster, slower, looping and reversing the animation and tiling the background to name a few. Addtionally you can attach the parallax to any piece of markup, as well as pass an image path as described above.]]> http://jonraasch.com/blog/scrolling-parallax-jquery-plugin/feed 14