Follow me on Twitter Facebook Flickr Subscribe Feeds
 

May 27th, 2010  |  Accessibilità, browser, Web Designing No Comments »

Progettare siti web per browser testuali

In un articolo di qualche settimana fa ho realizzato uno script per identificare i browser testuali. Nell’articolo di oggi vedremo come progettare le pagine web per browser testuali e quali sono i tag supportati e quali quelli ignorati da tali browser.

Come per la volta precedente, utilizzeremo Lynx come browser per effettuare le prove ma una qualunque alternativa è altrettanto valida. Prima di procedere ripassiamo un pò di teoria riguardante l’accessibilità e il funzionamento di questi browser.

Read more →

May 25th, 2010  |  php 2 Comments »

PHP: visualizzare il sito web mentre è in manutenzione – versione 2

Qualche settimana fa ho pubblicato un articolo su una semplicissima soluzione per consentire l’accesso in manutenzione ai soli addetti ai lavori. Da una seguente discussione con un utente è nata l’idea di migliorare lo script rendendolo più usabile e un pò più sicuro ma mantenendo la semplicità che lo contraddistingue al fine di non costringere il programmatore a destinare più tempo alla progettazione dell’area manutenzione rispetto al progetto stesso.

I problemi sollevati giustamente dall’utente Loige erano due:

  • Sicurezza
  • Usabilità espressa in termini di comodità nel dover aggiungere ad ogni pagina il parametro di accesso.

Vediamo quindi di fornire una versione leggermente modificata dello script che va a migliorare il problema di usabilità. Il problema della sicurezza è stato volutamente trascurato per un motivo importante. Rendere più sicuro lo script significa in qualche maniera dedicare abbastanza tempo alla sua realizzazione, a questo punto risulta molto più comodo realizzare un classico sistema di login che risolve il problema alla radice. In questo articolo, invece, vedremo una semplice soluzione adatta alla maggior parte delle situazioni di manutenzione temporanea.

Read more →

May 20th, 2010  |  CSS, Font, javascript 4 Comments »

Google Font API: includere facilmente font non standard nei nostri progetti

Una bella notizia per tutti coloro che hanno l’esigenza di utilizzare Font non standard all’interno di pagine web e non vogliono ammattire da soli con il @fontface e con il supporto dei font di Internet Explorer.

Google ha infatti rilasciato una nuova API che consente di utilizzare facilmente font non standard contenuti all’interno del suo repository richiamando semplicemente un file Javascript. Tale script trasforma automaticamente il test attraverso il font-face senza bisogno di ulteriori azioni da compiere.

Read more →

May 18th, 2010  |  browser, php 2 Comments »

PHP: come riconoscere e gestire i browser testuali

Generalmente il controllo del browser viene effettuato lato client attraverso i commenti condizionali oppure attraverso Javascript. Tale scelta è dovuta alla maggiore affidabilità di tali strumenti e soprattutto perchè la necessita di determinare il browser è dovuto a motivazioni stilistiche o che, semplicemente, riguardano il solo lato client.

Ci sono alcuni casi però in cui si ha bisogno di verificare il browser utilizzato dall’utente anche nel lato server. Uno di questi casi è sicuramente quando si necessita di reindirizzare utenti che visitano il sito con browser testuali su pagine ad essi dedicate. Nel mio portfolio personale, infatti, effettuo tale controllo preliminare sul browser attraverso PHP dato che l’elaborato layout causerebbe non pochi problemi agli utenti ipovedenti o comunque disabili.

Read more →

May 14th, 2010  |  CSS No Comments »

CSS3: focus su un elemento utilizzando gli effetti di transizione

Tempo fa mi occupai della gerarchia dei selettori in jQuery e fornii come esempio finale un semplicissimo script che poneva il focus su un elemento utilizzando l’effetto opacità. Nell’articolo di oggi mi occuperò di realizzare lo stesso effetto, animazioni comprese, utilizzando semplicemente il CSS3 e le sue nuove proprietà senza alcuna riga di codice Javascript.

Per realizzare l’effetto abbiamo bisogno della proprietà transition disponibile nella nuova specifica e della proprietà opacity già piuttosto famosa.

Read more →

  • Page 1 of 2
  • 1
  • 2
  • >