{ utility + user experience }

{ snippet }

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 […]

CSS3 rollover transition

Snippet analogo a quello proposto in precendenza e supportato da jQuery, questa volta sfruttando la proprietà “transition” offerta dal CSS3, associandola agli attributi “color” per i link testuali e “opacity” per le immagini. browser supportati: Chrome, Safari, FireFox (4+), Opera […]

WHOIS lookup & domain IP

Capita spesso di dover verificare a quale indirizzo IP stia puntando un determinato dominio, o più semplicemente controllare lo stato di un nome a dominio per effettuare una nuova registrazione o un rinnovo, così ho deciso di mettere insieme alcuni […]

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() […]

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