Programmazione | Pecciola

Archive for the ‘Programmazione’ Category

6 tool javascript di validazione e testing

agosto 6th, 2010 by Pecciola | 2 Comments | Filed in Javascript

javascript 6 tool javascript di validazione e testing

Sappiamo bene come il Javascript sia un linguaggio di script utilissimo, ma allo stesso tempo ostico per certi versi. Essendo, infatti, eseguito lato client, quindi direttamente dal browser web, è soggetto a molte interpretazioni tali da non poter esser mai sicuri che una funzionalità sia eseguita correttamente su tutti i client.

A tal proposito, però, esistono alcuni validi strumenti di validazione e test che possono essere di enorme aiuto per il programmatore al fine di controllare al meglio la qualità del codice javascript prodotto.

JSLint

Ottimo servizio online creato da Douglas Crockford (Javascript Architect per Yahoo) per controllare e convalidare il codice javascript.

Utilizzo del servizio molto intuitivo poiché occorre solo copiare il codice sorgente nell’area di testo bianca e premere il pulsante “JSLint”.
Con le opzioni a disposizione sarà possibile anche ottenere una validazione più “soft” controllando solo gli errori più importanti oltre che la classica valutazione completa del codice.

JSUnit

JsUnit è una vero e proprio Unit Testing framework JavaScript. Include una piattaforma per test automatici su browsers multipli e macchine anche on sistemi operativi differenti. Il suo sviluppo, che continua ancora ora, è iniziato nel lontano 2001.

J3Unit

Anche J3Unit è un framework che funge da vera unità di testing framework per JavaScript. J3Unit consente di testare i vostri JavaScript direttamente nel web browser. Novità di questo progetto è che, a differenza di Selenium, questo progetto supporta pienamente le funzionalità della libreria JS prototype.
Inoltre la libreria in caso di debug non locale usa JUnit e Jetty per il debug. Da qui il nome J3Unit (Javascript, JUnit e Jetty).

YUITest

YUI Test è un’altra soluzione di test per controllare la qualità del vostro JavaScript. Anche con YUI Test vi sarà facile aggiungere una unit-testing ai vostri progetti JavaScript.

Regular Expression Tool

Regular Expression Tool è una utility disponibile gratuitamente online che consente di testare il vostro codice RegEx molto facilmente. Se volete assicuravi della bontà delle vostre espressioni, non dovete fare altro che sottoporle a questo comodo test.

JavaScript Regular Expression Tester

Altra utility, molto simile alla precedente, per testare dettagliatamente le espressioni utilizzate nel vostro JavaScript. Interfaccia intuitiva per consentire l’uso di questo servizio anche ad utenti alle prime armi con questo linguaggio di script.

PHP – Come rimuovere i tags html da una stringa

luglio 29th, 2010 by Pecciola | No Comments | Filed in Php

Rimuovere i tags html da una stringa : innanzitutto a quale scopo?

Una delle regole fondamentali di ogni webmaster dovrebbe essere quella di non fidarsi mai di ciò che proviene dal web. Chi lascia informazioni sul nostro blog, ad esempio, potrebbe inviare volontariamente o meno, dati “contaminati” che potrebbe danneggiare o mettere a repentaglio la sicurezza del blog.
(continua…)

JSLint : controllare online la qualità del codice javascript

luglio 24th, 2010 by Pecciola | No Comments | Filed in Javascript

200x200 JSLint : controllare online la qualità del codice javascript

Ho sentito parlare di JSLint, ma non vi ho mai posto attenzione. Lo faccio ora scrivendoci su un post in modo da farlo conoscere anche a voi.

Per Wikipedia, ecco la definizione di un programma Lint :

In computer programming, lint was the name originally given to a particular program that flagged some suspicious and non-portable constructs (likely to be bugs) in C language source code. The term is now applied generically to tools that flag suspicious usage in software written in any computer language.

Potreste già aver intuito di cosa si tratta. E’, probabilmente il miglior ‘syntax checker’ online per Javascript.

Creato da Douglas Crockford (Javascript Architect per Yahoo), questo utile servizio serve per controllare e convalidare il codice javascript.
Il programma, come da definizione, prende lo spunto da Lint, un validatore di codice sorgente scritto in C da cui ne ricava il nome e le funzioni.

Utilizzarlo è davvero banale : occorre solo copiare il codice sorgente nell’area di testo bianca e premere il pulsante “JSLint”. Potrete, modificando le opzioni, ottenere una validazione “soft” che cercherà solo gli errori più importanti (tipo funzioni utilizzate prima di essere dichiarate, variabili non utilizzate ecc) oppure anche un check completo.

Logicamente, quest’ultima opzione scoverà in media moltissimi errori (anche se tanti saranno solo a livello di “notice”) che non sono fondamentali per risolvere errori di funzionamento del codice.

Eccovi un video dimostrativo :

7 Estensioni Firefox per analizzare i vari aspetti del codice sorgente di una pagina web

luglio 22nd, 2010 by Pecciola | No Comments | Filed in Firefox, Html

mozillafirefox 7 Estensioni Firefox per analizzare i vari aspetti del codice sorgente di una pagina web

Non occorre esser necessariamente esperti webmaster, web-design o seo per avere spesso la necessità di dover analizzare il codice sorgente di una pagina web.

Ormai, conosco anche amici poco esperti che hanno questa necessità per i più svariati motivi e non rientrano in nessuna delle 3 categorie di cui sopra.

(continua…)

CSS – La proprietà z-index

luglio 19th, 2010 by Pecciola | No Comments | Filed in css

Al termine dell’articolo di qualche giorno fà che trattava di posizionamento relativo, statico, fisso e assoluto, a qualcuno potrebbe esser sorto un dubbio : gli oggetti posizionati in uno dei seguenti metodi appena elencati potrebbero occupare aree già occupate da oggetti statici?

Certo che si. Prendete l’esempio grafico qui sotto (anche molto estremizzato, forse) dove, come vedete, alcuni blocchi (DIV#1 e DIV#5) con position:absolute si sovrappongono al blocco statico e senza posizionamento preciso (DIV#4).

La regola dice che quando un oggetto statico e uno non statico si sovrappongono, quello non statico si dispone su un livello superiore rispetto all’altro, coprendolo.

E quando ad incontrarsi sono, invece, due o più oggetti non statici?

In tal caso tutto è regolato dalla proprietà z-index che ammette come valore un intero positivo, negativo o nullo in modo tale che oggetti con z-index maggiore coprono oggetti con z-index minore. Tutto è abbastanza semplice.

Vediamo un esempio tratto da un tutorial css di html.net.

Supponiamo di dover simulare una partita di poker : abbiamo una scala reale e la vogliamo rappresentare graficamente. Quale miglior proprietà della z-index per ‘dipanare la matassa’ che potrebbe sembrar complicata?

Il tutto potrebbe venir rappresentato al meglio così :

Il codice nell’esempio delle carte sarà, banalmente, questo:

#ten_of_diamonds {
position: absolute;
left: 100px;
top: 100px;
z-index: 1;
}
#jack_of_diamonds {
position: absolute;
left: 115px;
top: 115px;
z-index: 2;
}
#queen_of_diamonds {
position: absolute;
left: 130px;
top: 130px;
z-index: 3;
}
#king_of_diamonds {
position: absolute;
left: 145px;
top: 145px;
z-index: 4;
}
#ace_of_diamonds {
position: absolute;
left: 160px;
top: 160px;
z-index: 5;
}

Come avrete notato si tratta un codice molto semplice dove spicca, per ogni selettore, la proprietà z-index con il relativo valore che ne sancisce l’importanza.

Alcune veloci precisazioni finali. A parità di z-index, il blocco posizionato più in basso copre il (i) blocco (blocchi) posizionati più in alto. Infine, tale proprietà non si applica mai ai blocchi statici.

AnyWhereInDB : ricercare valori nelle tabelle di un database

luglio 18th, 2010 by Pecciola | 2 Comments | Filed in Database, Php

anywhereindb interface AnyWhereInDB : ricercare valori nelle tabelle di un database

Per chi lavora spesso con database enormi con un numero elevatissimo di tabelle, potrebbe essere molto difficoltoso ricercare all’interno delle tabelle stesse valori particolari.

Inoltre, la ricerca globale non fà parte della funzionalità di base dell’SQL. Ci viene incontro, invece, un’ottima applicazione scritta completamente in PHP : AnyWhereInDB.

Si tratta di uno script PHP che implementa una vera e proprie global search all’interno delle tables.

Se avete solo MySQL, l’applicazione necessita di un webserver per girare e, una volta richiamata normalmente via browser occorre entrare con le credenziali così da memorizzare in sessione le informazioni sul db.

Quindi, potete subito e semplicemente eseguire la ricerca come vedete nell’immagine introduttiva.

I risultati sono mostrati in righe, evidenziati e raggruppati per tabella. Infine, genera SQL queries che si posono riutilizzare per altri scopi.

Per default, l’applicazione cerca su campi di tipo varchar e text.

Fonte : Rarst

jTweetsAnywhere : widget jQuery per integrare Twitter sul vostro blog

luglio 17th, 2010 by Pecciola | No Comments | Filed in Blog, JQuery, Twitter

jTweetsAnywhere è un pratico widget jQuery per integrare i vari servizi twitter nel vostro blog.

Sono molte le possibili scelte a disposizione, come, ad esempio, mostrare gli ultimi tweets di un particolare user o di una lista, i risultati di una Twitter search, integrare e personalizzare un TweetBox, aggiungere un bottone “Connect with Twitter” al blog e moltissimo altro ancora.

Inoltre, jTweetsAnywhere ha il supporto per @Anywhere.

Occorre regitrare la propria applicazione per ottenere le API key ed utilizzarle.

Sviluppata da Thomas Billenstein, jTweetsAnywhere è disponibile per il download sotto MIT License. Maggiori info, demos & download sul sito ufficiale jTweetsAnywhere .

jQuery : 10 tutorials con tecniche avanzate

luglio 16th, 2010 by Pecciola | No Comments | Filed in JQuery

Ogni tanto, leggendo articoli sui blog del mio fedele feed reader mi imbatto in tutorials interessanti. Di solito, salvo il link da qualche parte in base all’argomento e poi, alla prima occasione e non appena ho raggiunto un numero consistente di link provvedo a scrivere un post dedicato.

Come in questo caso, in pratica. Infatti, vi propongo alcuni tutorials basati su tecniche avanzate che coinvolgono jQuery, Ajax e php. Ho specificato, per chi legge questo articolo, che si tratta di tecniche avanzate e non di guide di base o introduzioni anche se, comunque, vale la pena dargli un’occhiata e salvare i links più interessanti perché si tratta davvero di tecniche che potrebbero risultarvi utili prima o poi.

Si parte!

Costruire un sistema di voto a 5 stelle con Ajax,jQuery e php

1113 jQuery : 10 tutorials con tecniche avanzate

Creare una navigazione animata in CSS e jQuery

912 jQuery : 10 tutorials con tecniche avanzate

Creare l’effetto Fade In e Fade Out in jQuery

1012 jQuery : 10 tutorials con tecniche avanzate

Creare una scrollbar animata in jQuery sul vostro blog

step1 jQuery : 10 tutorials con tecniche avanzate

Come sottolineare un campo selezionato in un form con CSS e jQuery

285 jQuery : 10 tutorials con tecniche avanzate

Creare una lightbox Facebook-style in jQuery

413 jQuery : 10 tutorials con tecniche avanzate

Costruire un Tag Cloud in jQuery

612 jQuery : 10 tutorials con tecniche avanzate

Creare una postcard animata in jQuery

1812 jQuery : 10 tutorials con tecniche avanzate

Come rendere un’immagine interattiva con jQuery

interactive banner jQuery : 10 tutorials con tecniche avanzate

Creare un sondaggio dinamico con JQuery e php

303 jQuery : 10 tutorials con tecniche avanzate

Luca: Ottima segnalzione, dagli screen sembra buono, ti dirò dopo averlo provato. ciao
Come ottimizzare la struttura di una URL | Pecciola: già sottolineato nel post dedicato all’ottimizzazione...
Pecciola: @Luca : mi sà che fai bene…mi sà!
Luca: Molto carina come funzione, da qualche tempo mi era venuta la voglia di sccriverla ma poi non ho avuto il...
Pecciola: @Stefano : grazie per la segnalazione!
stefano: Ciao, per quanto riguarda il discorso del permalink c’è la possibilità di tornare indietro...