background preloader

Javascript

Facebook Twitter

jQuery simplyScroll - Logicbox. Jump to: [Features] [Examples] [Download] [Configuration] This product is no longer supported! It was originally created in 2008 and web technology and processing speeds have increased to the point where this scrolling technique is no longer necessary. Please use something else! SimplyScroll is a scroll-tastic jQuery plugin that can animate (scroll) content either automatically or manually, horizontally or vertically, backwards or forwards.

New Features in v2 Auto-scroll in either direction RTL support, normalises browser RTL scroll implementations Touch support Now automatically supports unequal sized elements in loop mode Pause/play button option Features Supports scrolling horizontally and vertically both forwards and backwards Uses DOM ScrollTop/ScrollLeft for optimal performance Supports looped scrolling (infinite effect) Fully customisable via CSS & HTML Supports jQuery 1.2.6 and higher (tested up to 1.7.1) Works on all major browsers (including IE6/7!)

Examples Download Configuration. BigScreen. BigScreen.request(element[, onEnter, onExit, onError]) Request that an element go into full screen. If the element is falsy, the documentElement will be used instead. You can only call this from a user-initiated event, otherwise the browser will deny the request. That means click, key, or touch events. In addition, if your page is inside an <iframe> it will need to have the allowfullscreen (and webkitallowfullscreen and mozallowfullscreen) attribute set on the <iframe>. Finally, BigScreen will try to fall back to full screen for <video> if there is a child <video> in the element you pass and the browser supports it (see BigScreen.videoEnabled)).

You can optionally pass callback functions for when this element enters or exits full screen, or if there is an error entering full screen. BigScreen.exit() Will exit full screen. BigScreen.toggle(element[, onEnter, onExit, onError]) Will request full screen if there is no element in full screen, otherwise it will exit full screen. BigScreen.onexit() jQuery Socialist Social Media Plugin - Create and combine feeds from social networks. In1 | plugins A jQuery Social Plugin to create a single social media stream from multiple social network feeds Socialist is a social feed plugin that combines multiple social media feeds in one place. Use it to combine content and create a social wall from Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS and other social networks. Features Aggregates social feeds from Facebook, Twitter, LinkedIn, Flickr, Instagram, YouTube, Tumblr, Pinterest, RSS Feeds, Craigslist, Google+ and more..

Download from GitHub Socialist supports jQuery 1.6 or newer 1) Simply include the .js and .css files in your HTML document.. 2) Apply jQuery Socialist to any <div> element within your js code.. Options networks An array of network definition objects random true or false; default value is: true isotope headingLength An integer value that indicates the max number of characters to display in the 'heading' field of each result textLength maxResults theme (none) or 'clean'; default value is: (none) Packery. A tidy repository of jQuery plugins. Squishy. Find it on Github Squishy is a jQuery plugin that automatically resizes text to exactly fit the container with no extra work on your part.

You get it to work by linking the script file and including a declaration like the one below in your HTML: <script type="text/javascript"> $(".squishy").squishy(); </script> You can pass the script a number of options to restrict the squishiness. maxSize is used to set the maximum font size, minSize is used to set the minimum font size, maxWidth sets the maximum width of the line of text, and minWidth, the minimum (all in pixels, for now). Much thanks to the guys at Paravel for their work on FitText, on which this script is largely based. I shall call him squishy and he shall be mine. . - Dory. Fluid Width YouTube Videos. This article was originally written on September 2, 2010 and is now being updated to be mo' better. It now handles YouTube videos of different aspect ratios, the new iframe embed method, and with more efficient scripts.

And now a jQuery plugin called FitVids.js that handles the vast majority of videos. The code that YouTube gives you to embed a video is now a very simple iframe. Here's an example: iFrames, including the example YouTube code above, contain external content which cannot really be measured from the parent page. Web Designer Wall recently published an article on how to deal with fluid width video. I love the ideas presented there. The aspect ratio for the videos is pre-defined. If you don't care about either of those things, by all means use that, it's a much cleaner solution. Doing it with jQuery The cool part about this JavaScript solution is that you just copy-and-paste YouTube embed code onto your page and don't think about it. The basics are: View Demo Download Files.

Animation

Paper.js.