InnerFade with jquery What is it? InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs. The call Examples A newsticker (with animationtype: 'slide') <ul id="news"><li><a href="#n1">1 Lorem ipsum dolor</a></li><li><a href="#n2">2 Sit amet, consectetuer</a></li><li><a href="#n3">3 Sdipiscing elit,</a></li><li><a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a></li><li><a href="#n5">5 Nec Lorem. A list with images and links Elements with classes <div class="fade"><p> 1 </p><p> 2 </p><p> 3 </p><p> 4 </p><p> 5 </p><p> 6 </p><p> 7 </p><p> 8 </p><p> 9 </p><p> 10 </p></div><div class="fade"><p> A </p><p> B </p><p> C </p><p> D </p><p> E </p><p> F </p><p> G </p><p> H </p><p> I </p><p> J </p><p> K </p><p> L </p><p> M </p><p> N </p><p> O </p><p> P </p><p> Q </p><p> R </p><p> S </p><p> T </p><p> U </p><p> V </p><p> W </p><p> X </p><p> Y </p><p> Z </p></div> Download
55 jQuery Animate Resources | Have Fun With jQuery Animate Back in the day most people would use Flash on their website in order to enhance their website with stunning animation. Now, jQuery is a power house programming language that webmasters have at their disposal. Now slowly but steadily jQuery has stolen all the limelight from Flash and has fascinated the developers with its unmatchable features. jQuery is known as write less do more script. jQuery Animate in such a wonderful tool that you don’t even have to consider using flash anymore. We are presenting a whopping list of tutorials and plugins which will show you how you can create wonderful animations using jQuery. Advertisement Create a Cool Animated Navigation with CSS and jQuery Author is going to build a really cool animated navigation menu using just CSS and jQuery. More Information on Create a Cool Animated Navigation with CSS and jQuery Create a Realistic Hover Effect With jQuery Learn how to Create a Realistic Hover Effect With jQuery Bubble Engine – Plugin for jQuery Dream Night txt
Loupe plugin First you need to include the jQuery library, since ClassyLoupe is a plugin. You can download it from the jQuery website or link it directly from the Google CDN. Also, you'll need the jquery.mousewheel and jquery.easing plugins, and those files are already in the package ready to be included. Secondly, you need to include the jQuery ClassyLoupe javascript and the css file into your page. Next, you implement the actual image(s) that will be magnified/zoomed by the Loupe. As the last step, you trigger the ClassyLoupe() function on the element you just created. Σημαντικές βελτιώσεις στο OpenOffice 3.2 Η δωρεάν σουίτα εφαρμογών OpenOffice που ανήκει στη κοινότητα του ανοιχτού λογισμικού, κυκλοφόρησε σήμερα την έκδοση 3.2 και παράλληλα δημοσιοποίησε μερικά ενδιαφέροντα στατιστικά στοιχεία. Σύμφωνα με την επίσημη ανακοίνωση, το OpenOffice 3.2 έχει σημαντικά βελτιωμένη ταχύτητα εκκίνησης των εφαρμογών του η οποία φτάνει έως και το 40% σε σύγκριση με τη προηγούμενη έκδοση. Επιπλέον έχουν γίνει προσπάθειες για μεγαλύτερη συμβατότητα στο άνοιγμα εγγράφων που έχουν δημιουργηθεί με το Office 2007 καθώς και αρχείων τα οποία προστατεύονται με κωδικό. Το Calc, η εφαρμογή που είναι υπεύθυνη για τη δημιουργία λογιστικών φύλλων, έχει τη μερίδα του λέοντος στο σύνολο των αλλαγών που έχουν γίνει στη σουίτα του OpenOffice. Από το επίσημο ντεμπούτο του τον Απρίλιο του 2002 μέχρι σήμερα, το OpenOffice έχει "κατέβει" 300 εκατομμύρια φορές ενώ οι μισές από αυτές έχουν προέλθει από την επίσημη ιστοσελίδα της σουίτας. Download: OpenOffice 3.2 (Αγγλική έκδοση) | Ελληνική έκδοση
Fancybox - Fancy lightbox alternative How to Create Animated Photo Gallery using jQuery (Slider Kit) How to create photo gallery using Slider Kit (jQuery) Today we will continue overviews of available photo galleries. Next gallery will Slider Kit. This is free jQuery photo gallery. By default this gallery expect already prepared html data (with all images and thumbs). Ok, lets start, and lets check prepared demos and download ready package: Live Demo 1 Live Demo 2 Live Demo 3 download in package Lets start coding ! Step 1. As usual, we start with the HTML. index.html You can notice, that currently we have empty UL inside ‘sliderkit-nav’. Now, make attention to class of our main gallery ‘photosgallery-std’. In our package you will find ‘index2.html’ and also ‘index3.html’. Step 2. Here are used CSS files: css/main.css As usual – our main file for demo layout – very easy. css/sliderkit-core.css, css/sliderkit-demos-ie6.css, css/sliderkit-demos-ie7.css, css/sliderkit-demos-ie8.css and css/sliderkit-demos.css Step 3. Here are all JS files: js/main.js js/main2.js And here are code for our third sample:
jQuery Quicksand plugin Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Download Version 1.4 Demos & Docs Fork on GitHub Powered by jQuery – Made by @razorjack from agilope, icons design by Artua Design by @riddle 30 Bookmarklets για να αναλύσετε την απόδοση και επισκεψιμότητα του website σας (SEOmoz) We all work hard at the SEO process - analyzing sites, gathering data, researching potential problems and identifying the solutions. Today's post is on how to work smarter and faster using bookmarklets for SEO. No matter your browser, these plug-and-play links will let you get your job done faster and easier, and look like a pro in front of bosses and clients. The list isn't completely comprehensive, but it covers 95%+ of the SEO data points I retrieve on a monthly basis and a few extras I don't personally use that may be valuable to others. It also has a section at the end on how to make your own bookmarklets for any site, tool or service you use. SEO Bookmarklets Sections: Just follow the instructions from this highly "meta" image :-) Site Indexation Queries Backlink Data Queries Specialized Search Queries Domain & Traffic Data Queries Social Media Data Queries How to Construct Your Own Bookmarklets javascript:location.href=' p.s. Update:
ColorBox - customizable lightbox plugin for jQuery 1.3 & 1.4 A lightweight customizable lightbox plugin for jQuery View Demos Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content.Lightweight: 10KB of JavaScript (less than 5KBs gzipped).Appearance is controlled through CSS so it can be restyled.Can be extended with callbacks & event-hooks without altering the source files.Completely unobtrusive, options are set in the JS and require no changes to existing HTML.Preloads upcoming images in a photo group.Currently in use on a million-plus websites. Instructions & Help The FAQ has instructions on asking for help, solutions to common problems, and how-to examples. Usage Colorbox accepts settings from an object of key/value pairs, and can be assigned to any HTML element. Settings Public Methods Event Hooks Hey,