Jon Raasch's Blog » downloads

Jon Raasch's Blog » downloads http://jonraasch.com/blog Web development and design blog from Portland based developer Jon Raasch Thu, 13 Oct 2011 15:27:53 +0000 en hourly 1 http://wordpress.org/?v=3.0 5 Asset Management Tricks for Faster Websites http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites#comments Tue, 11 May 2010 17:04:53 +0000 Jon Raasch http://jonraasch.com/blog/?p=1027 user bandwidth is increasing, the filesize of assets has been growing in turn. These factors, combined with the rise of the mobile web, have made bandwidth the primary bottleneck in website performance. Here are 5 simple steps to reduce download times with better asset management on your sites. Read more...]]> http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites/feed 6 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

jQuery Contra Plugin – Up, up, down, down, left, right, left, right, B, A, enter

Remember the code from Contra on original Nintendo? Up, up, down, down, left, right, left, right, B, A, start; it’s also known as the Konami Code and the 30 Lives Code. This famous sequence of buttons from the 80′s isn’t going anywhere: in more recent times it’s been in a Moldy Peaches song, and used [...]]]> http://jonraasch.com/blog/jquery-contra-plugin/feed 4 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 2 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 9 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 37 Flipbook Movies with jQuery http://jonraasch.com/blog/jquery-flipbook-movies http://jonraasch.com/blog/jquery-flipbook-movies#comments Tue, 30 Dec 2008 17:54:01 +0000 Jon Raasch http://jonraasch.com/blog/jquery-flipbook-movies real flipbook. The jQuery Flipbook Plugin is built around my jQuery slideshow tutorial. It's very flexible, providing great options for both new and seasoned developers alike. You can easily make anything from a short film to an image slideshow to a text viewer. ]]> http://jonraasch.com/blog/jquery-flipbook-movies/feed 10 Translate-It: Easy Translation for Multiple Languages http://jonraasch.com/blog/translate-it-easy-translation-for-multiple-languages http://jonraasch.com/blog/translate-it-easy-translation-for-multiple-languages#comments Mon, 01 Dec 2008 05:14:49 +0000 Jon Raasch http://jonraasch.com/blog/translate-it-easy-translation-for-multiple-languages Download Translate-It. The web is a global community with rapidly growing international markets. Translation allows sites to reach broader audiences, and tools like Google Translate and Yahoo's Babelfish have made the web more accessible. While accessing these translation tools is often too cumbersome for your site's visitors, leveraging these tools is relatively simple for developers. (more...)]]> http://jonraasch.com/blog/translate-it-easy-translation-for-multiple-languages/feed 22 QuickFlip jQuery Plugin http://jonraasch.com/blog/quickflip-jquery-plugin http://jonraasch.com/blog/quickflip-jquery-plugin#comments Mon, 20 Oct 2008 15:50:53 +0000 Jon Raasch http://jonraasch.com/blog/quickflip-jquery-plugin jQuery plugin I wrote that uses a CSS trick to cause a div, paragraph or any other piece of HTML markup to flip like a card. With a result similar to the UI animation on the iPhone, this jQuery plugin is easily integrated into your webpage to make any portion appear to flip and show its back. When a flip occurs, the front panel is split in half with Javascript. The right and left halves slide into one another, and afterwards the opposite occurs with the back panel. While it‚Äôs not as smooth as some Flash animation, it all happens so quickly that it really looks like the panel is flipping over (more...)]]> http://jonraasch.com/blog/quickflip-jquery-plugin/feed 34 Lower Case Months Plugin for WordPress http://jonraasch.com/blog/lower-case-months-and-days-plugin-for-wordpress http://jonraasch.com/blog/lower-case-months-and-days-plugin-for-wordpress#comments Fri, 14 Mar 2008 01:49:06 +0000 Jon Raasch http://jonraasch.com/blog/lower-case-months-and-days-plugin-for-wordpress http://jonraasch.com/blog/lower-case-months-and-days-plugin-for-wordpress/feed 9