Area sviluppo Tesene

Questo breve post è un elenco di risorse utili ad uso personale per rendere più semplice la vita a chi si trova a dover scrivere codice non banale in javascript.

Lo strumento più utile è sicuramente Firebug (http://www.getfirebug.com/), di cui consigliamo di leggere la documentazione sia della Command Line API che della Console API (Firebug’s docs)

Altri strumenti utili sono i seguenti:

(more…)

Così Google ha definito il suo ultimo servizio Google Doctype.

In particolare, con questo termine si riferisce agli standard aperti (open standards): HTML, Javascript, CSS e altri su cu il web si basa.

Il principio di base è che ci sono milioni di utenti che possono accedere al web con browsers sia open source che proprietari, spesso scarsamente compatibili tra loro.

Google ha basato il suo business su questo e vuole fornire il suo contributo perché altri sviluppatori possano costruire nuovi contenuti.

In particolare Google raccoglie delle mappe di compatibilità aggiornate dei vari browsers e anche vari suggerimenti riguardanti la sicurezza o l'uso di javascript per effettuare operazioni più o meno semplici. I browser supportati sono i principali: Internet Explorer (IE 6, IE 7, IE 8), Firefox (FF 2, FF 3), Safari.

Inoltre, in alcune sezioni, come ad esempio quella riguardante i CSS, ci sono i link alle pagine corrispondenti del w3c, Mozilla developer center, MSDN, blooberry.com, sitepoint.

L'indirizzo a cui si trova quest'enciclopedia rientra sotto Google Code ed è: 

http://code.google.com/p/doctype/

Come promesso ieri, pubblico un altro esempio di utilizzo di Flash per effettuare l'upload multiplo di files e immagini, che sostituisce il post pubblicato precedentemente su questo blog.

Seguendo il collegamento seguente si può scaricare un esempio funzionante. 

(more…)

E' stata recentemente segnalata una vulnerabilità  che potrebbe coinvolgere i blog fatti con Wordpress, fino alla versione 2.3.2

A questo scopo, oltre ad effettuare l'aggiornamento alla versione 2.3.3, ho preso spunto per aggiungere un'ulteriore protezione che consiglio a tutti i possessori di blog.

Mettere nella cartella di amministrazione wp-admin un file .htaccess con il seguente contenuto.

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Access Control"
AuthType Basic
order deny,allow
deny from all
# whitelist work IP address
allow from 217.133.100.62
allow from 81.174.31.74

In questo modo posso impedire a chiunque tranne che a me stesso di accedere al sito.

A questo punto chiunque dovesse provare a collegarsi all'amministrazione da IP diversi da quelli utilizzati da me, si beccherà un bell'errore 403. 

Le sitemaps sono un metodo che hanno i webmaster per informare i motori di ricerca su quali sono le pagine navigabili, con una mappa del sito. Nella forma più semplice, sono un file xml che elenca gli url raggiungibili insieme a qualche metadato relativo ad ogni indirizzo (data ultimo aggiornamento, quanto spesso cambia, l'importanza relativa rispetto agli altri url) in modo da permettere al motore di ricerca un crawling intelligente.

Normalmente per generare il file sitemap.xml, vengono usati degli stumenti gratuiti online, che però si comportano come se volessero fare un attacco di tipo DoS sul proprio sito, in quanto navigano tutte le pagine alla massima velocità possibile, oltre ad avere solitamente delle forti limitazioni sul numero di pagine indicizzate.

Imvece, è disponibile anche un tool gratuito sviluppato in c# disponibile su sourceforge che si chiama Open Sitemap Generator e permette di generare da locale la sitemap del proprio sito. 

Addirittura, permette di generare la sitemap da una versione locale del sito, sostituendo l'url giusto dappertutto e gestisce anche gli indici di sitemap (sitemap_index.xml) per siti di grosse dimensioni.

Il software inoltre è portable e non richiede installazione. 

Per gestire progetti, a livello medio-basso, se non si usano software molto costosi, la soluzione considerata di validità universale è Microsoft Project (MS Project), anche in seguito al fatto che è già presente in alcune licenze della suite Office, che la media delle alternative è abbastanza macchinosa da usare.

Se però la vostra azienda ha già comprato licenze di Office che non comprendono Project e quindi l'upgrade risulterebbe burocraticamente anticonomico, o se comunque pensate che sia inutile provare un software prima di spendere qualche centinaio di euro per comprarlo, esiste un'alternativa.

Questa alternativa si chiama OpenProj ed è un simpatico programma Open Source sviluppato con tecnologia Java. Questo significa che lo stesso software funziona in qualsiasi versione di Windows, Linux, Unix, Mac Os X, è usato in 125 stati e si può liberamente scaricare qui: http://sourceforge.net/project/showfiles.php?group_id=199315

Viene pubblicizzato come sostituto completo di MS Project, e fa Gantt Charts, Network Diagrams (PERT Charts), WBS and RBS charts, Earned Value, in particolare i diagrammi di Gantt sono molto simili a quelli del prodotto Microsoft, ed oltre a offrire più possibilità (i diagrammi WBS - Work Breakdown Structure - è il vero diagramma WBS, dove Project fino alla versione 2003 chiama WBS un'altra cosa), anche se nella versione gratuita mancano molti degli strumenti automatici di Microsoft Project.

C'è anche da dire che sono caratteristiche che comunque non è detto che vengano utilizzate, così come in Excel ben pochi ne utilizzano le caratteristiche più avanzate ed in ogni caso, a me ad esempio piace essere padrone del progetto e non mi piace farmi fare la pianificazione, la schedulazione, la redistribuzione delle risorse o il crashing da un software che comunque non può conoscere le criticità e le infinite variabili presenti in qualsiasi progetto o commessa. 

Questo post è giusto per rispondere ad una delle domande più frequenti di chi inizia a fare siti Web: che font si possono usare per fare le pagine Web?

La domanda è collegata al fatto che i visitatori vedono i siti con i loro browser ed hanno a disposizione solo i fonts che ci sono sul loro computer. Per questo motivo, se anche un sito dovesse essere fatto con un costosissimo e bellissimo font, risulterebbe visibile solo a pochi utenti.

Sul Web solo pochi font sono presenti su tutti i computer. E comunque, dato che la maggior parte dei visitatori ha a disposizione PC con installato Windows e prodotti Microsoft, anche questi hanno un'importanza non del tutto trascurabile.

(more…)

Dopo 3 anni di sviluppo, ieri è stata rilasciata la versione 1.0 del Dojo Toolkit.

Una descrizione completa del pacchetto sarebbe troppo lunga ed inutile da fare qui.

Le principali novità sono le seguenti:

• Le Grid. In pratica delle tabelle con tipo excel, con tutti gli optional per gestire grandi quantità di dati efficientemente. Ad esempio permettendo di ordinare i dati per colonne, gestire il resize e altre formattazioni complesse.
• I grafici. Il pacchetto dojo.charting supporta il vari tipi di grafico, di sorgenti di dati e di temi. Il bello è che sono grafici fatti interamente in HTML, Javascript e CSS.
• Supporto completo per a11y e i18n.
• Universal data access.
• dojox.gfx3d possibilità di disegnare anche scene vettoriali 2D e 3D, il tutto senza bisogno di usare immagini.
• Look and Feel migliorato.
• Meccanismi di templating per i widgets
• Stabilità migliorata (e ci mancherebbe pure nel passaggio dalla versione 0.9 alla 1.0 ndr).
• Supporto per OpenAjax Alliance Hub 1.0 che garantirà l'interoperabilità tra toolkits diversi.

Kris Zyp ha sviluppato un'estensione di Firefox per testare il codice JSON.

Questa estensione si chiama RESTTest e permette di costruire richieste HTTP per testare direttamente la risposta del server. RESTTest usa l'oggetto XmlHttpRequest permette quindi di testare velocemente le richieste XHR e di individuare eventuali problemi di sicurezza. Supporta tutti i metodi HTTP e permette di inviare richieste HTTP con headers e dati definiti ed esaminare il risultato per testare i codici sorgenti.