Non sei loggato | Registrati | Login

JavaScript Utility versione 2 Aggiungi

News / Software

Benvenuto! Se sei un nuovo visitatore ti consiglio di iscriverti al mio Feed RSS in modo da essere sempre aggiornato riguardo l'uscita di nuovi articoli oppure sbirciare tra i tutorials ed i progetti.
Per avere un'idea del best-content presente in questo blog puoi leggere il post intitolato "Ed ora è il momento di rilanciare alcune iniziative! (1a parte e 2a parte)".
Buona navigazione e grazie per la visita!

Patrick J. O’Neil ci mette a disposizione delle utility Javascript che possono risultare molto utili:

  • JavaScript Tester: serve a testare porzioni di codice (utile soprattutto per le espressione regolari);
  • JavaScript Validator: validatore di codice JS basato su JSLint;
  • JavaScript Formatter: per formattare codice JS;
  • JavaScript Obfuscator: per evitare che altri modifichino ed usino poi il vostro codice è possibile offuscarlo;
  • JavaScript Compactor: utile per comprimere il codice che quindi risulta più leggero da scaricare.

Ebbravo Patrick!

Daniele Simonin 12 Novembre 2007 alle 10:36 Aggiungi commento

Gestione degli utenti (registrazione e login) con PHP e MySQL Aggiungi

News / Software

PHP User Class è una classe molto utile che serve per gestire la registrazione e la fase di login degli utenti del sito che stiamo sviluppando (usando PHP e MySQL).
Come ogni classe che si rispetti facilita di molto il lavoro dello sviluppatore che non ha quindi la necessità di reinventare ogni volta la ruota.
Mediante l'utilizzo di PHP User Class è possibile scrivere cose del genere:

  1. if ($user->is_loaded() && !$user->is_active())
  2. echo 'Please activate your account first';

oppure:

  1. if ( !$user->login($_POST['username'],$_POST['password']) )
  2. echo 'Wrong username and/or password';

Naturalmente ci sono altre funzionalità ed è per questo che vi consiglio di leggervi la documentazione e vedere altri esempi.

Ah, è Open Source!

Daniele Simonin 9 Novembre 2007 alle 21:46 Ci sono 2 commenti

Feed description e post similari Aggiungi

News / Melodycode.com

Chi mi segue via feed noterà che ora i post sono completi e non più "spezzati" con l'aggiunta inoltre di una lista dei post similari (alla fine di ciascun articolo).
Il plugin utilizzato è Similar Posts Feed.

Commenti sempre ben accetti :)

Daniele Simonin 8 Novembre 2007 alle 10:53 Aggiungi commento

Una lista di cose per fare una lista Aggiungi

News / Pensieri

Bhe ci mancava! Ecco i passi da seguire per fare una lista-di-qualche-cosa:

  1. Scegliere l'argomento (ad esempio scegliamo di fare la lista dei 10 plugin più interessanti per Firefox);
  2. Andiamo su Google e cerchiamo "best plugins firefox", "migliori plugin firefox" e così via;
  3. Visitiamo i siti che appaiono nei risultati della ricerca e cerchiamo di estrapolare i plugin più importanti;
  4. In base alle informazioni appena ricevute creiamo la nostra lista (più lunga è e meglio è);
  5. Ora spammiamo ovunque la nostra lista appena creata e siamo apposto!

Facile no?

Daniele Simonin 8 Novembre 2007 alle 10:19 Aggiungi commento

Aggiornato Wordpress ed aggiunta la lista degli articoli correlati Aggiungi

News / Melodycode.com

Articoli correlati
Dopo aver aggiornato Wordpress (era da un po' che non lo facevo) ho deciso di utilizzare il plugin Similar Posts per elencare sotto ogni post gli articoli ad esso correlati.
Se prendiamo come esempio il post intitolato "Questa è la storia di FeedBurner ed il suo bug", la lista degli articoli simili è visibile nell'immagine sopra.
Naturalmente non sempre c'azzecca bene però conviene sempre darci un'occhiata ;)

Daniele Simonin 7 Novembre 2007 alle 21:23 Aggiungi commento

Offuschiamo la mail, ma l’accessibilità? Aggiungi

News / Surfing

Roel Van Gils ha "creato" un sistema carino per offuscare la mail che utilizza essenzialmente PHP e JS.
Il sistema è semplice:

  • La stringa mailto:sales@yourcompany.com viene convertita in contact/sales+yourcompany+com (vengono quindi sostituiti i simboli che contraddistinguono una mail);
  • Alla stringa viene applicato il ROT13 (traslazione delle lettere) ottenendo una cosa simile a contact/fnyrf+lbhepbzcnal+pbz;
  • Tramite JS viene fatto il procedimento opposto e ripristinato il tutto nella forma originaria.

Faccio notare come sistemi del genere ce ne possono essere migliaia perchè il succo principale è il seguente: html incomprensibile che poi viene trasformato con JS che si sa non essere interpretato da tutti gli spam-bot.
Chi per vari motivi (volontari o meno) ha il motore Javascript disabilitato cosa fa? S'attacca! Compromessi...

Daniele Simonin 7 Novembre 2007 alle 10:55 Aggiungi commento

Analisi dei colori di un’immagine con PHP Aggiungi

News / Surfing

Mikko Koppanen ha creato uno script molto utile e di facile comprensione che permette di prelevare da un'immagine i colori più "utilizzati".
Il procedimento è semplice:

  • Carica l'immagine (new Imagick());
  • La riduce a 10 colori (quantizeImage());
  • Preleva i 10 colori (uniqueImageColors());
  • Cambio luminosità dei colori in bright, average e dark (modulateImage()).

Idea semplice, leggera ed efficace :)

Daniele Simonin 6 Novembre 2007 alle 21:46 Ci sono 2 commenti

Il ritorno del Sudoku Aggiungi

News / Fun

Sudoku
Per chi è a lavoro e vuole bruciarsi ulteriormente il cervello consiglio di giocare a Sudoku Online ;)

Daniele Simonin 5 Novembre 2007 alle 09:06 Ci sono 2 commenti

3 Tecniche diverse per il RollOver in CSS Aggiungi

News / Codice

Colin Cochrane ha scritto un ottimo articolo che spiega in maniera piuttosto semplice 3 tecniche per implementare il RollOver in CSS.

CSS Preloading

  1. #rollover{background:url("/images/1.gif");}
  2. #rollover:hover{background:url("/images/2.gif");}

Risulta essere la tecnica più naturale per implementare il RollOver, ma il ritardo del caricamento della seconda immagine è spesso un problema.

Image Visibility Swap

  1. #rollover{background:url("/images/2.gif");display:block;height:50px;width:50px;}
  2. #rollover:hover img{visibility:hidden;}

Il HTML è il seguente:

  1. <a id="rollover" href="http://www.domain.com"><img src="/images/1.gif" alt="My Rollover's Inactive Image" /></a>

Non si fa altro che mascherare un'immagine per visualizzarne un'altra.

Multistate Image

  1. #rollover{background:url("/images/multi.gif") bottom;display:block;height:20px;width:100px;}
  2. #rollover:hover{background-position:top;}

Non è altro che un utilizzo degli Sprites CSS.

Come avete notato sono stato molto breve nello spiegare le 3 tecniche, perchè? C'è già tutto scritto nell'articolo citato sopra ;) Chi ha già smanettato con i CSS leggendo queste poche righe di codice capirà al volo la logica che ci sta dietro.

Daniele Simonin 4 Novembre 2007 alle 14:24 Aggiungi commento

TinyLoad, upload, distribute, share Aggiungi

News / Surfing

Tinyload
Da del.icio.us si scoprono una marea di risorse interessanti: Tinyload permette di uppare qualsiasi file (massimo 100Mb) che verrà poi distribuito sui più famosi sistemi di file storage come Megaupload, RapidShare, ecc...
Ad upload completato vi verrà fornito un indirizzo Web che conterrà i vari link per il download :)
Quanto durerà questa comodità? Credo che molte di queste piattaforme dopo che se ne accorgeranno, escluderanno l'ip del server di Tinyload, un po' come accade su Youtube se cerchiamo di scaricare/convertire flv tramite alcuni servizi online (non tutti per fortuna).

Daniele Simonin 3 Novembre 2007 alle 13:05 Aggiungi commento

Feed

infoPillole (by Wikipedia)

Ultimi commenti

Calendario

Luglio 2008
L M M G V S D
« Giu    
 123456
78910111213
14151617181920
21222324252627
28293031  

Archivio

Categorie

News casuali

Ultimi tutorials

Progetti

Alcuni miei lettori

Have a break