The developers - Torna alla home

(15/03/2011)Comunichiamo a tutti che questo sito dopo ben 4 anni e mezzo di attività chiude. Il sito rimarrà sempre online poiché non ci sembra giusto privare le persone di tutto il lavoro che si è portato avanti in questi anni e che di certo o almeno speriamo sarà di aiuto ancora a qualcuno. Tuttavia il sito non sarà più aggiornato con nuovi articoli e potrebbero essere ignorati i nuovi commenti. Grazie a tutti per averci seguito con passione e averci dato la voglia di costruire tutto questo... forse un giorno ci risentiremo... chissà! Vi lascio con la frase che forse più di tutte a spinto la creazione di questo sito: Il sapere umano appartiene al mondo.

Post riguardanti la gategoria ‘Programmazione web’

ColorBox gestire la dimensione delle immagini

E’ da molto tempo che ero alla ricerca di un plugin per jquery che mi permettesse di ottenere il classico effetto lightbox molto caro a noi webmaster e girando su la rete ne ho trovato diversi ognuno con delle caratteristiche interessanti. Per farci un’idea di quante soluzioni sono disponibili possiamo dare una letta a questo articolo.

Il plugin che però mi ha colpito di più per l’elevata possibilità di personalizzazione è però senza dubbio Colorbox plugin è facilmente installabile (basta semplicemente prendere spunto dagli esempi) e tramite diverse istruzioni già implementate è possibile alterarne il comportamento. Leggi il resto…

Be Sociable, Share!

Commenta

Css3 e angoli arrotondati *UPDATE*

Da Oggi anche opera supporta le funzionalità descritte in questo articolo! Infatti con l’uscita della versione 10.50 che introduce molte novità (assolutissimamente da provare!) è stata introdotta la compatibilità con diversi standard CSS3 tra cui anche il border radius. Ci basterà usarlo cosi: “border-radius: 5px;”. Ora è veramente ie l’unico che manca! :D

trucchi-cssUna delle tante novità che sono in cantiere con i css3 sarà la possibilità di poter ottenere angoli arrotondati per div e qualsiasi altra cosa si voglia semplicemente attraverso il css e una direttiva che quasi sicuramente verrà chiamata border-radius.
Naturalmente ci sarà una fase di passaggio verso la quale i browser si adatteranno al nuovo standard e integreranno questa fantastica funzione che ci permetterà di ottenere layout accattivanti con pochissimo sforzo.
Se stai visitando il sito con firefox, safari o chrome noterai però che già utilizzo questa funzione (:. Ciò è dovuto al fatto che una cerchia di browser sta già fornendo supporto per alcune direttive tra le quali abbiamo il famigerato border radius.
Come ottenere allora un div con angoli arrotondati tramite css? Leggi il resto…

Be Sociable, Share!

Tag associati: ,

Commenti (4)

Ubuntu e Estensione Html validator firefox

ubuntulogoOggi ho provato ad installare Html validator su Firefox, naturalmente su la mia Ubuntu. Per chi non lo sapesse Html Validator è un’utilissima estensione per firefox che ci aiuta a validare secondo lo standard W3C le nostre pagine Internet utilizzando diversi algoritmi in base alle proprie esigenze.
Potete trovare l’ultima versione per linux in questa pagina. Purtroppo una volta cliccato sul link, installata l’estensione e ravviato firefox nulla funziona :(
Un gelido messaggio di errore appare sul sito dell’estensione:

FATAL ERROR: The dynamic C library contained in the extension file could not be found

Mi sono subito catapultato alla ricerca di qualche soluzione su internet ma non facevano al caso mio o erano incomplete… dopo un qualche smadonnamento di rito sono riuscito però a far funzionare il tutto. Leggi il resto…

Be Sociable, Share!

Commenti (2)

Header di wordpress in base alla pagina

Non so voi ma io ho ormai fatto cosi tante modifiche al mio template di wordpress che possiamo considerarlo quasi un piccolo frankstein! (: Una delle prima difficoltà che si incontrano quando si comincia a modificare un tema wordpress in modo “non banale” diciamo è quella di eseguire porzioni diverse di codice in base alla pagina che viene caricata.
Voi mi direte: “E’ si chissà ora che cavolo ci cacci fuori quando so anni che esistono i template di pagina su wp!”. Già ma se bisogna modificare una parte dell’header che di solito viene richiamato in tutti i template? Che? creiamo un header statico della pagina interessata? non penso sia una valida alternativa…. addio modulazione! No no!.
La soluzione più semplice quando si usano i permalink di wordpress (se non si usano i permalink si può richiamare o catturare in get l’id) è quella di controllare lo slug di pagina e comportarci in base a quest’ultimo. Leggi il resto…

Be Sociable, Share!

Tag associati: ,

Commenti (3)

Risorse per il crossbrowsing testing *UPDATE*

logo diversi browserDiciamo che avete appena terminato di realizzare il vostro sito e non vedete l’ora di metterlo online per far ammirare a tutto il mondo il vostro capolavoro. Distrattamente però durante la fase di realizzazione avete controllato il comportamento di tutte le funzionalità del vostro sito solamente con un solo browser… certo lo so che avete rispettato il w3c ma mi dispiace dirvelo non tutti i browser si comportano in modo identico di fronte a un dato css o codice js e peggio ancora quando si tratta di browser datati che implementano le varie funzionalità in modo totalmente fuori standard! Come non parlare dopo delle risoluzioni degli schermi che spesso danno molti problemi? (anche se in maniera minore dato che di solito un sito ben strutturato rimane comunque accessibile con qualche piccola sbavatura estetica… ad esempio le barre di scorrimento orizzontale). Leggi il resto…

Be Sociable, Share!

Commenta

Trasparenza png su ie6

Png LogoDa molto tempo ero alla ricerca di un modo per poter abilitare la trasparenza delle immagini png anche su ie6. Come la maggior parte di voi saprà questo browser (abbastanza vecchiotto e che farebbe bene a togliersi dalle scatole) non gestisce bene le trasparenze di questo formato che ormai viene utilizzato moltissimo in ambiente web per creare effetti quali ombreggiature e sovrapposizioni di immagini. Al posto della trasparenza viene visualizzato uno sfondo monocromatico tendente sul grigio. Se si gira la rete sopratutto per chi mastica sufficientemente l’inglese si trova materiale a bizzeffe su come ovviare a questo fastidioso problema.
Premetto quindi che questa non vuole essere affatto una guida ma solo una raccolta di link con dovuti commenti e descrizioni su come risolvere la cosa.
Ci sono molti trick in giro che vanno dal semplice uso di css in accoppiata con dei filtri messi a disposizione da internet explorer, l’uso di javascript e behavior per intrefacciarlo con i css e infine si può scomodare anche jquery.
Di Seguito una lista di links che mi hanno aiutato a risolvere questo problema, senza stare a reinventare l’acqua caldaLeggi il resto…

Be Sociable, Share!

Tag associati: , , , ,

Commenta

Fonts e compatibilità sistemi operativi

font_doctorCome sappiamo tutti la maggior parte dei problemi relativi al crossbrowsing che affliggono un webmaster sono dovuti ai diversi motori di renderizzazione che “animano” i vari browser presenti in circolazione. A tutto questo trambusto però ci si aggiungono anche vari problemi dovuti alle piattaforme (Sistemi Operativi) in qui questi browser vengono eseguiti.
Esistono vari problemi che prendono vita quando si esamina un sito sui diversi os principali e sarebbe impossibile parlarne di tutti in modo esaustivo su un singolo articolo per questo oggi voglio focalizzare la mia e la vostra (si spera ^__^) attenzione su le incompatibilità dovute al supporto nativo dei fonts.
Non tutti sanno che i vari fonts esistenti non sono presenti o compatibili con tutti i sistemi operativi utilizzati dagli utenti (con questi intendiamo i 3 os più utilizzati ossia Windows, Mac e Linux). Questo può creare problemi… se si specifica una tipologia di font nei css del nostro sito e magari si utilizzano molto per la formattazione le dimensioni relative ai font (come em) se tali font non sono presenti o supportati si rischia di ottenere un rendering del sito veramente molto degradato.
Per non parlare poi di font particolari che si scaricano da Internet, non vi aspettate che utilizzandoli nel proprio sito siano visibili anche dagli utenti, questi font particolari vengono di solito utilizzati dai grafici per inserire scritte nelle immagini (solo in questo caso si è sicuri che il tutto funziona bene) e se volete utilizzarli nel testo dovete per forza farli scaricare e installare dagli utenti… cosa molto sconsigliata. Leggi il resto…

Be Sociable, Share!

Tag associati: , ,

Commenta

Risolvere problemi css di ie con ZOOM

lente-di-ingrandimentoMolto spesso quando si realizzano siti internet e si mette mano quindi direttamente sul css per dare la giusta formattazione e disposizione ai vari elementi del sito stesso si rischia di cominciare ad avere i capelli bianchi prima del tempo. Un css che sembra solido e funzionare bene sui vari browser risulta invece completamente “sballato” su le varie versioni di ie. Per risolvere la cosa ormai esistono vari trick come creare fogli di stile separati per ie e linkarli al sito attraverso commenti condizionali o anche dei trucchi attraverso il css stesso. Voglio però oggi presentarvi una tecnica più semplice che di solito utilizzo come primo tentativo quando un sito che sto realizzando non funziona propriamente su internet exploer. Questa tecnica fa uso della proprietà ZOOM: una proprietà css implementata solo dai browser di casa microsoft e ignorata dagli altri che se da un lato può essere una cosa positiva dato che viene interpretata solamente da ie e quindi può essere inserita all’interno del css generale dall’altro ha anche un aspetto negativo… non essendo una proprietà standard andrà a svalidare il nostro css. Leggi il resto…

Be Sociable, Share!

Tag associati: , ,

Commenti (2)

Antispam per form html alternativo

spamSalve a tutti,
Voglio parlarvi di una tecnica che ho appreso qualche anno fa e che mi è ribalenata in mente in questi giorni in cui ho rimesso mano ad alcuni script php. Purtroppo non ricordo la fonte tramite la quale ho imparato questo simpatico trick ma posso dirvi che è senz’altro utile quanto semplice. Possiamo inserire un semplice meccanismo antispam abbastanza robusto del tutto trasparente all’utente!.Avete capito bene: niente più complicatissimi captcha invasivi che fanno perdere tempo agli utenti o non permettono del tutto l’accesso alle risorse del sito ai diversamente abili.
Il trucco è molto semplice e si basa su un dato di fatto: la quasi totalità di spambot presenti nella rete segue un semplice algoritmo e cioè “riempi tutti i campi di testo e invia i dati”, che poi si traduce al semplice passaggio dei valori dei campi tramite l’url se si parla di GET o tramite il protocollo HTTP se si parla di POST. In questo modo si simula la normale attività di un normale utente.
Allora noi andiamo controcorrente e inseriamo un campo di testo che non deve essere riempito. Leggi il resto…

Be Sociable, Share!

Tag associati: , , ,

Commenti (4)

Sono davvero utili i template engigne per php?

php logoDa qualche tempo sto provando diversi template engigne per php. Fondamentalmente per chi non lo sapesse un template engigne è in genere una classe scritta in php stesso che introduce funzionalità che consentono al programmatore di dividere la logica di elaborazione dei dati (come i dati vengono ricavati) dalla logica di presentazione (come i dati vengono visualizzati). In genere forniscono anche altre feature come il caching dei template ma la caratteristica principale è quella che vi ho appena descritto. Ve ne sono a disposizione molte, tra cui smarty e xtemplate ad esempio.
Ora non voglio di certo mettere in discussione l’utilità di separare le due logiche: la grafica del sito può essere cambiata con estrema facilità e il programmatore php può quando vuole modificare il meccanismo tramite il quale vengono ricavati i dati senza dover dipendere dal modo in cui i dati vengono visualizzati all’utente finale. Tale modo di lavorare è ottimo quando ci sono due team al lavoro, uno su la logica di elaborazione e l’altro su quella di presentazione. I team possono lavorare in modo indipendente.
La mia domanda è però questa: Sono realmente necessarie queste librerie per ottenere questa funzionalità? Non basta il solo php utilizzato in modo corretto?.
Il linea di massima queste librerie introducono una nuova sintassi che viene utilizzata all’interno dell’xhtml per far visualizzare i dati elaborati dello script php… in pratica si lavora normalmente con il php solo che invece di rendere subito disponibili i dati stampandoli a video vengono associati ad opportune variabili che poi vengono richiamate tramite la sintassi del template engigne nei template htm. Ciò vale anche per quando si deve scorrere un array di dati…. c’è l’opportuno costrutto del template engigne. In questo modo si costringe chi lavora alla parte di presentazione ad imparare una nuova sintassi (perché non quei pochi costrutti php necessari a visualizzare i dati allora?), si introduce molto overhead dovuto all’elaborazione del template perché la libreria deve appunto parsare i file di template e sostituire tutte le chiamate alle associazioni con i dati relativi e in ultimo si costringe il programmatore php a cambiare stile di programmazione. Leggi il resto…

Be Sociable, Share!

Tag associati: , ,

Commenta