Category Archives: links

Flex, una fluida griglia animata in jQuery

Flex è un plugin jQuery che permette di creare una fluida griglia animata in jQuery.
Al passaggio del mouse su una piastrella, quest'ultima si espanderà.
Flex prende spunto dalla vecchia homepage di adidas.com.

Link: http://jsonenglish.com/projects/flex/

[jQuery] Come rendere un intero div cliccabile

Molte volte capita di dover rendere cliccabile un div e, come ben sapete, purtroppo non è possibile inserirlo all'interno del tag "a" perché altrimenti riceverete un errore dal W3C validator.
Nel tutorial di oggi vi mostreremo come risolvere questo problema scrivendo poche righe di codice jQuery.

Codice HTML:

blah blah blah. link

Codice Javascript:

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

Creare dei pulsanti creativi con i CSS3 e Javascript

In questo articolo, lo staff di tympanus vi fornirà un set di pulsanti creativi, creati solamente utilizzando i CSS3 e Javascript.

Link: http://tympanus.net/Development/CreativeButtons/

Add-on per mostrare contenuti in slide a tutto schermo!

Quello che vi presentiamo oggi si chiama Canvas add-on ed è appunto un add-on per i vostri siti web che vi permetterà di mostrare contenuti in slide a tutto schermo!

Cliccate QUI per la demo!

Una gallery stile Polaroid con JavaScript!

Volete una gallery molto carina e originale per il vostro sito? Allora quello che vi proponiamo oggi fa per voi! Si tratta di una galleria flat in stile Polaroid che metterà le foto in ordine sparso!

Cliccate QUI per la demo!

Un magnifico effetto lente per JavaScript!

Magnifier.js è una libreria per JavaScript che vi permetterà di creare un fantastico effetto lente per le vostre immagini! Avrete anche la possibilità di fare zoom in e zoom out!

Cliccate QUI per la demo!

Implementazione del filesaver con HTML5!

FileSaver.js implementa l'HTML5 W3C saveAs () FileSaver interface nei browser che non lo supportano nativamente.

FileSaver.js è la soluzione per salvare i file sul client-side, ed è perfetto per webapps che hanno bisogno di generare file, o per il salvataggio di informazioni riservate che non devono essere inviate ad un server esterno.

Cliccate QUI per la demo!

Come creare bellissimi Photosets con jQuery e CSS!

Oggi per voi un nuovo tutorial per la creazione di bellissimi Photosets con jQuery e CSS. E 'completamente personalizzabile, infatti si potrà scegliere il layout desiderato! Tutte le immagini si adattano perfettamente in una sola riga, ma la loro larghezza viene regolata di conseguenza in modo che tutte le immagini della stessa riga possano riempire tutta la larghezza, conservando le loro proporzioni individuali.

Requisiti: jQuery e CSS
Demo: https://medium.com/coding-design/7742e6f93d9e
Licensa: Licensa Free

Come aggiungere neve animata al vostro sito!

Vi piacerebbe aggiungere della bellissima neve animata al vostro sito? OXP ha creato un plugin che ti aiuta a creare e controllare la neve sul tuo sito web usando HTML5! C'è un'interfaccia astratta che consente di controllare come si comporta la neve senza immergersi nel codice sorgente.

Requisiti: HTML5
Demo: http://www.onextrapixel.com/examples/let-it-snow/
Licensa: Licensa Free