Prima build di Firefox 4 con JägerMonkey

14 settembre 2010 - Fonte: http://www.ealmuno.com

Viene rilasciata oggi la prima build di Firefox 4 con il tanto discusso componente JagerMonkey che permette l’esecuzioni di JS in meno tempo.

(...)
Leggi il resto su ...

Leggi il seguito »

Inseriamo una mappa con le API 3

21 luglio 2010 - Fonte: http://www.lucaeandrea.com

Con l’introduzione della versione 3 delle API di Google map non è più necessario generare una chiave univoca per ogni sito dove dobbiamo inserire le nostre mappe e questo semplifica molto le cose quando procediamo alla pubblicazione di un sito dall’area di sviluppo in produzione perché non ci dobbiamo preoccupare di generare una nuova chiave.

Ma ora andiamo più nello specifico e vediamo come iniziare da markup della nostra pagina dove inseriamo un div con ID map.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
...

Leggi il seguito »

Recuperare la password con ajax

5 maggio 2010 - Fonte: http://www.lucaeandrea.com

Oggi vi spiego come poter creare una piccola richiesta di password smarrita utilizzando Jquery e una chiamata ajax.

ipotizziamo di avere una tabella degli utenti così strutturata che memorizza le password in chiaro (solo a scopo didattico e per questo articolo).

CREATE TABLE user(
    id bigint AUTO_INCREMENT,
    username varchar(50) NOT NULL,
    password varchar(30) NOT NULL,
    nome varchar(80) NOT NULL,
    cognome varchar(80) NOT NULL,
    ins_date datetime,
    upd_date datetime,
    lastlogin datetime,
    status tinyint(1) DEFAULT 1
    PRIMARY KEY (`id`),
    KEY `username` (`username`,`password`)
) ENGINE=MyISAM

Ora Creaiamo la nostra pagina base come mostrato qui sotto

</p>
<pre><!DOCTYPE...

Leggi il seguito »

HTML 5 Anche per Internet Explorer

8 marzo 2010 - Fonte: http://blog.mirkoweb.org

Salve ragazzi,
come avrete notato il classicissimo Internet Explorer, anche detto IE, ancora non supporta il nuovissimo HTML 5 (come fanno già FireFox 3.6 e Google Chrome 4), la soluzione al problema è veramente molto semplice, ci basterà richiamare uno JavaScript (con verifica del Browser da parte di xHTML) che abiliterà HTML 5 anche in IE. Basterà quindi inserire questo codice:

<!--[if IE]>
 <script  src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Nel tag <head> della vostra pagina e tutto sarà risolto!

Spero che vi sia stato utile ;)...

Leggi il seguito »

Un’immagine per il nostro loader in Ajax

8 giugno 2009 - Fonte: http://www.slevino.org/blog

ajaxloader

Chi di noi non vorrebbe aggiungere qualche piccolo effetto 2.0, che riguardi magari la nuovissima tecnologia Ajax, all’interno del proprio sito web?

Oggi grazie a Ajaxload è possibile creare una piccola gif raffigurante il loader, l’immagine che ci indica il caricamento! Sono disponibili più di 20 loader standard che possono...

Leggi il seguito »

Realizzare l’effetto “turn off the lights” con jQuery

20 maggio 2009 - Fonte: http://www.markdvl.com

turn-off-the-lights

Alcuni video su YouTube hanno una fantastica funzionalità chiamata "Turn the lights down" che in poche parole rende opaca tutta la pagina mettendo in risalto il video da visualizzare come succede al cinema quando si spengono le luci.
Janko at warp speed ha realizzato un tutorial che consentirà di implementare questo effetto sulle pagine dei propri siti o blog grazie all’usilio di jQuery.

...

Leggi il seguito »

Librerie ed esempi per lavorare con Canvas

1 marzo 2009 - Fonte: http://rat86.netsons.org/blog

Canvas è una estensione dell’HTML standard che permette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting.

In questo articolo mostro una serie di librerie widget per lavorare con Javascript Canvas

Vi ricordo inoltre che è possibile iscriversi gratuitamente ai nostri feed: RSS feed.

Processing.js

http://ejohn.org/apps/processing.js/screens/Picture%2014.pngJohn Resig : processo di visualizzazione in Javascript

...

Leggi il seguito »

[JS] Semplice protezione con password

28 febbraio 2009 - Fonte: http://blog.advanced-techno.net

Questo semplice script in javascript, permette di proteggere una pagina con una password.
Prima che si carichi (in base a che punto viene messo il codice), apparirà una finestrella dove dovrete inserire la password.
SE (if) l’input della finestrella è uguale alla password da voi scelta Allora vi fa accedere alla pagina; SENNò (else) ricarica la pagina.

nopasteNoPaste

Avvertimento: E’ sconsigliato utilizzare script in javascript per proteggere una pagina, perchè per un malintenzionato basterà disattivare javascript per accedervi...

Leggi il seguito »

Anteprima del vostro codice con Rendurr

18 febbraio 2009 - Fonte: http://blog.advanced-techno.net

http://rendur.com/rendr22.jpg
Ecco Rendurr 2.0, un fantastico sito web 2.0 che permette di creare codice HTML, CSS, e JS, e di averne direttamente l’anteprima.

Ottimo per i neo-webmaster :)

Se questo post ti è piaciuto offrici un caffè!

...

Leggi il seguito »

[JS] Hello,World!

17 febbraio 2009 - Fonte: http://blog.advanced-techno.net

Hello, World!
Ecco un esempio di Hello,World! in Javascript
nopasteNoPaste

Cos’è Hello,World!

Se questo post ti è piaciuto offrici un caffè!

...

Leggi il seguito »