Tag : javascript

BEST JQUERY Effects and Plugin

Has this user visited this site before?: Ravelrumba:
http://www.ravelrumba.com/blog/firstimpression-js-library-detecting-new-visitors/
Incredible animation – Jmpress.js:

http://shama.github.com/jmpress.js/

http://shama.github.com/jmpress.js/examples/impress/#/overview

Superscroll/parallax – Superscrollorama:

http://johnpolacek.github.com/superscrollorama/

Sliding Website – REVOLVER:

http://2.s3.envato.com/files/27577254/index.html#/homepage

http://codecanyon.net/item/revolver-sliding-website-plugin/2278396?ref=jqueryrain&ref=jqueryrain&clickthrough_id=74039323&redirect_back=true

Tooltip:

http://onehackoranother.com/projects/jquery/tipsy/

Advance Multiple Responsive Slider:

http://www.idangero.us/sliders/moover/

Custom CSS Buttons & jQuery Events Tutorial:

http://www.jquery4u.com/dynamic-css-2/custom-css-buttons-jquery-events-tutorial/#.UB7XYURDTpT

Endless Scroll:

http://www.beyondcoding.com/demos/endless-scroll/

Filtry:

http://luis-almeida.github.com/filtrify/

Full screen background – Backstretch:

http://srobbin.com/jquery-plugins/backstretch/

Pagination: Jpages:

http://luis-almeida.github.com/jPages/mosaic.html

Textualizer:

http://kiro.me/projects/textualizer.html

Website Tour and page Instruction:

http://www.jquery4u.com/plugins/web-tour-instructional-plugins/#.UB7fikRDTpT

Hovercards:

http://designwithpc.com/Plugins/Hovercard#demo

Calendar like Google! Full Calendar:

http://arshaw.com/fullcalendar/

SPECIAL – ICONS

http://brankic1979.com/icons/

Big Background: maxImage Image Scaling

Ecco alcuni link utili per progettare siti con grandi background che si adattano al viewport scalando o tagliando l’immagine di sfondo:

http://www.aaronvanderzwan.com/maximage/maxatorigimagesize.php

http://plugins.jquery.com/project/maximage

http://plugins.jquery.com/node/14178

http://www.w3avenue.com/2009/10/17/maximage-jquery-image-scaling/

http://www.web-sheeps.com/rec/43-jQuery-maxImage-plugin

Interactive shopping cart with jQuery

shopping_cart

Una selezione di alcuni esempi e script per creare un carrello elettronico 2.0; con l’utilizzo di jQuery possiamo creare effetti come il drag & drop o il fly to basket…. spicy up your e-commerce!

CSS3 support for Internet Explorer 6, 7, and 8

Seganlo un javascript che promette cose molto interessanti: rendere la famiglia IE ( Internet Explorer 6, 7 ed 8 ) compatibile con molte delle novità introdotte da CSS3 … non ci resta che testare!

CSS3 support for Internet Explorer 6, 7, and 8

Using RSS Feeds in your web pages

Problema: Un modo pratico e veloce per creare un box che mostri  feed rss esterni nelle pagine di un sito.

Soluzione: Feed2JS

Ancora devo testarlo, ma un collega me ne ha parlato molto bene, sembra che sia anche ben customizzabile.

Forms – Forms – Forms

Ecco tre link per imparare a sviluppare o velocizzarne la creazione interessanti Form di contatto!

Enjoy the form!

jQuery Cool Things

Ecco una raccolta di plugin e tutorial per arricchire i vostri siti di moderni effetti grazie alla libreria jQuery:

  • AnythingSlider – Il classico slider per visualizzare a rotazione qualsiasi elemento HTML
  • Horinaja – Altro slider (disponibile anche per altre librerie diverse), con la possibilità di gestione del mouse wheel
  • Gritter – Permette di creare notifiche tramite un sistema ispirato al mitico Growl dei sistemi Apple – demo
  • MooFlow – Un plugin coverflow non per jQuery ma per MooTools
  • Featured Content Slider – avete gia capito di cosa si tratta….
  • Menu Background Image Animations – Effetto davvero carino che si presta a molte personalizzazioni

jQuery Image Gallery/Slideshow Plugins

jquery gallery tutorial

Dopo questo veloce cambio di tema, vi propongo uno degli articoli più interessanti: un utilissimo link ad una raccolta sensazionale di plugin per jQuery, utili per creare gallery e slideshow di immagini nei vori progetti Web.

jQuery Image Gallery/Slideshow Plugins

Html 5, Silhouettes and PHP Image Gallery

Dopo le vacanze tutti hanno fretta… bene, ecco alcune risorse che potrebbero aiutarvi un po’ sia che siate creativi o sviluppatori.

Html5 e CSS3, una serie di schede tecniche e trucchi da tenere sempre sott’occhio quando stiamo sviluppando.. – Link ; Link; Link; Link. Link, Link.

Ottimo sito che raccoglia centinaia di Shiluette, sia vettoriali sia forme per Photoshop, che volete di più?

Plogger è una galleria di immagini in Php gratuita distribuita tramite licenza open-source.

Webslide è un’applicazione javascript gratuita per mostrare le vostre immagini on-line, come se fossero delle presentazioni powerpoint, interessante alternativa alle varie lightbox.

Reflection.js – Cool image effect

blog_box

REFLECTION.js  2.0

Questo semplice javascript vi permettere di ottenere un effetto di riflesso a dissolvenza per tutte le vostre immagini.

Ormai arrivato alla versione 2.0, Reflection.js è testato in tutti imaggiori browser in uso: Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+

Disponibile anche una versione plugin per wordpress ma sviluppata su na versione più datata di questo script.

Se lo avete provato fateci sapere, io credo che lo testerò presto.