http://jonraasch.com/blog Web development and design blog from Portland based developer Jon Raasch Thu, 29 Jul 2010 16:35:00 +0000 en hourly 1 http://wordpress.org/?v=3.0 http://jonraasch.com/blog/10-javascript-performance-boosting-tips-from-nicholas-zakas http://jonraasch.com/blog/10-javascript-performance-boosting-tips-from-nicholas-zakas#comments Wed, 10 Feb 2010 16:55:06 +0000 Jon Raasch http://jonraasch.com/blog/?p=709

Nicholas Zakas is a Javascript guru and principle front-end engineer for the Yahoo! homepage. Zakas just announced his new book High Performance JavaScript, which you should order today. Zakas is pretty much the man when it comes to Javascript performance, and in June he gave a Google Tech Talk entitled Speed Up Your Javascript. While [...]]]> http://jonraasch.com/blog/10-javascript-performance-boosting-tips-from-nicholas-zakas/feed 8 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

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 3 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

There were a lot of good speakers at today’s jQuery Summit, but Paul Irish‘s talk on jQuery Anti-Patterns for Performance & Compression was my stand-out favorite. Covering a number of advanced jQuery performance optimization techniques, this speech put my knowledge of jQuery optimization to shame. Before Paul’s talk my understanding of jQuery performance tuning was [...]]]> http://jonraasch.com/blog/10-advanced-jquery-performance-tuning-tips-from-paul-irish/feed 11 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

For the past couple years jQuery has been gaining in popularity, from a hot script with easy CSS selectors released by John Resig in 2006, all the way to jQuery 1.3.2, probably the most widely used Javascript library today. The jQuery core has been constantly expanding, offering new methods and performance tuning with every release, [...]]]> http://jonraasch.com/blog/book-review-learning-jquery-1-3/feed 1 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 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 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 http://jonraasch.com/blog/contact-pop-jquery-plugin http://jonraasch.com/blog/contact-pop-jquery-plugin#comments Thu, 07 May 2009 15:52:46 +0000 Jon Raasch http://jonraasch.com/blog/contact-pop-jquery-plugin http://jonraasch.com/blog/contact-pop-jquery-plugin/feed 49 http://jonraasch.com/blog/10-javascript-resources http://jonraasch.com/blog/10-javascript-resources#comments Fri, 30 Jan 2009 21:54:15 +0000 Jon Raasch http://jonraasch.com/blog/10-javascript-resources Core Javascript Guide. Javascript can be a really confusing language at first and going through each of these pages will make you comfortable with Javascript's peculiar syntax and methods. (It's way better than w3schools.com) ]]> http://jonraasch.com/blog/10-javascript-resources/feed 6 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 4