{ usability + style }

{ javascript }

Detect mobile device via JavaScript

Un semplice snippet per verificare se l’utente sta visualizzando la pagina da un device mobile, tablet, oppure da un desktop. if (navigator.userAgent.match(/(iPod|iPhone|iPad|Android|BlackBerry|IEMobile)/)) {     alert('mobile browser'); }else{     alert('desktop browser') } source

jQuery preload images and callback

Due semplici snippet che permettono di richiamare una funzione dopo essersi assicurati che le immagini interessate siano state caricate. Questo script è valido anche per le immagini già salvate nella cache del browser, che con altri metodi di preload spesso […]

Javascript Ajax call

AJAX si basa su uno scambio di dati in background fra web browser e server, che consente l’aggiornamento dinamico di una pagina web senza esplicito reload da parte dell’utente. Ogni web designer ha avuto a che fare almeno una volta […]

jQuery rollover fadeIn/fadeOut

Semplice snippet per un effetto rollover / rollout morbido in trasparenza, applicabile su elementi multipli senza che si accavallino le animazioni. Fondamentale perciò lo stop() prima di richiamare l’animazione. JavaScript $('.roll').hover(function() { // rollOver $(this).find('img').stop().animate({ 'opacity': 0.5}, 'fast'); }, function() […]

Simple jQuery plugin

Spesso può tornare comodo creare un plugin per richiamare le stesse funzioni su elementi differenti, settare differenti variabili a seconda delle nostre esigenze, e soprattutto, tenere maggiormente in ordine il codice! Ecco 2 strutture base di plugin jQuery, senza e […]

Whac-a-Mole

I started developing this jQuery plugin just for fun, playing with randomness and css3 shapes, inspired by the popular arcade redemption game invented in 1976 by Aaron Fechter. demo

Nicola Franchini
webdesigner, graphic, web developer. I retweet tips, tricks and snippets about wordpress, php, jquery, and other web stuff
loading...
x