background preloader - AJAX loading GIF and APNG spinners, bars and 3D animations generator - AJAX loading GIF and APNG spinners, bars and 3D animations generator
Related:  WebDev

sun loading animation Loading content. Please wait... 1) Click on the box on the right. 2) From the appeared dropdown select the desired preloader Select your preloader 24 Fr / 128x128 Sun watch 20 Fr / 128x128 Sun loader Partly cloudy Sunny 12 Fr / 128x128 Sun 9 Fr / 128x128 Chronos Type in your word, number or letterMaximum length: 30 symbols Word to animate A button corresponds to the image type you need to generate (GIF - Animated GIF, APNG - Animated PNG format). Note: .GIF format supports only absolute transparency or no transparency at all. Image type Set the background of a preloader to transparent. For GIF images all semi-transparent pixels will be in front of the selected background color. Transparent background The color of the preloader itself Foreground color The background color of a preloader. All transparent pixels will be filled with the given background. Background color Identifies the interval of time between frames switching. Animation speed Denotes width and height of a preloader in pixels. Keep original colors

Social Networks Photo Stream Free jQuery Plugin Display photo stream on your web page from eight social networks including picasa, pinterest, dribbble, instragram, deviantart, flickr, youtube or regular news page. It's pretty simple to use and requires jQuery library. Only thing you need is to make a div with a class of the social network that you wish to show images from and call the plugin at the bottom of the page. Size of the images displayed can be defined using simple css. Licence: Free to use on personal and commercial projects including premium themes.

Gif Maker | Create Animated Gifs Online Lorem Ipsum - All the facts - Lipsum generator app01 - 輕鬆向科技Say Hi ! ImagesLoaded PHP: Hypertext Preprocessor Inspired UI - Mobile Apps Design Patterns [iPhone] aFarkas/html5shiv Developing Backbone.js Applications - By Addy Osmani (@addyosmani) Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete page loads. Think of the Ajax shopping cart which doesn’t require a refresh on the page when adding an item to your basket. The rise of arbitrary code on the client-side which can talk to the server however it sees fit has meant an increase in client-side complexity. Thankfully, there are a growing number of JavaScript libraries that can help improve the structure and maintainability of your code, making it easier to build ambitious interfaces without a great deal of effort. Begin with the fundamentals, work your way through the exercises, and learn how to build an application that is both cleanly organized and maintainable. Target Audience Credits <!

Mobile Awesomeness Advertisement 1 2 3 4 5 6 7 8 9 ... 60 Next jQuery Photoset Grid - Style Hatch A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes. Demos & Usage Basic Photoset Grid Simply call photosetGrid(); on a div with the data-layout specified and a number of images inside. Javascript: $('.photoset-grid-basic').photosetGrid(); Custom Options Beyond the basic usage, you can set a number of optional arguments including callback functions that are useful for adding a lightbox for high resolution images. Adding A Lightbox This demonstration of the photoset grid uses the onComplete event to assign a lightbox plugin to view the high resolution images. Adding Photoset Grid to Tumblr Themes Usage Apply the photo set grid layout to a selected div containing images for the grid. Understanding data-layout: Arguments: Installation Bower package manager Credits