Dopo aver raggiunto il primo fondamentale traguardo con il vostro sito web, attirare nuovi visitatori, l’obiettivo sucessivo dovrebbe necessariamente essere quello di portali a compiere una determinata azione come ad esempio compilare un form, acquistare un prodotto o visitare una pagina particolare.
Progettare un sito come strumento di business deve necessariamente prendere in considerazione l’aspetto appena presentato: non basta che il visitatore entri nel vostro “negozio virtuale”, ma deve anche comprare qualcosa.
Questo articolo vuole presentare alcuni suggerimenti trovati in internet, e metabolizzati in anni di esperienza nella progettazione di siti web, per l’implementazione di una delle più efficaci tecniche per spingere l’utente a interagire con il vostro sito: il Bottone!
Continua a leggere…
Quasi tutte le applicazioni di un certo livello dovrebbero essere strutturate su livelli: in particolare la parte di logica (estrazione ed elaborazione dei dati) e quella di presentazione (creazione del codice da presentare all’utente) dovrebbero esserlo. A maggior ragione, in realtà più complesse, spesso sono figure differenti ad occuparsi di questi 2 aspetti, facendo così diventare questo approccio una necessità.
All’atto pratico la cosa risulta ancora più utile quando uno sviluppatore si deve improvvisare web designer, o quando un web designer deve mettere le mani nel codice.
I template engine vengono incontro a questa esigenza al prezzo di un minimo sforzo per essere integrati in un software.
Continua a leggere…
Come accade in molte altre discipline, anche il lavoro del web designer è contaminato da quello che si vede in giro, e soprattutto dalle idee che hanno avuto altri siti.
Navigare alla cieca il web alla ricerca di un’ispirazione non è sicuramente l’idea migliore per trovare uno spunto interessante per il proprio layout. In queste occasioni la cosa migliore è consultare quei siti che giornalmente raccolgono i più bei layout apparsi nel web segnalati dagli utenti stessi.
Oltre che fonte di ispirazione la consultazione regolare di queste directory si può rivelare un’interessante strumento per monitorare le nuove tendenze del web, o cosa fanno le altre web agency o i web developer freelance: la maggior parte delle volte i siti raccolti infatti appartengono a queste tipologie di utenze.
Continua a leggere…
Probabilmente tutti conosco le modal window ma non tutti sanno che si chiamano cosi: per lo meno io non lo sapevo fino a poco tempo fa!
Comunque sia citanto da Wikipedia, le modal window, lightboxes o in qualsiasi modo vi piaccia chiamarle, sono delle finestre figlie di quella principale che richiedono un’interazione da parte dell’utente prima di poter ritornare ad interagire con la pagina principale.
Continua a leggere…
Questa nuova versione dei fogli di stile non è ancora stata ufficializzata, ma molte delle ultime release dei moderni browser supportano i CSS3 in maniera non ufficiale: quanto si è visto fino ad ora lascia ben sperare perchè le nuove caratteristiche che sono state introdotte permetto di realizzare dei layout che fino a prima sarebbero stati impossibili, o estremamente complicati da implementare.
Attualemente il supporto alle nuove caratteristiche dei CSS3 è limitato alle ultime release dei più moderni browser, ma anche nella migliore delle situazioni il supporto è ancora parziale.
Qui sotto una tabella comparativa sul supporto ai CSS3 sulle ultime versioni dei browser:
|
Firefox 3.5 |
Google Chrome |
Internet Explorer 8 |
Safari 4 |
Opera 10 |
| PROPRIETA |
|
| @font-face |
SI |
NO |
SI |
SI |
SI |
| Canvas |
SI |
SI |
NO |
SI |
SI |
| Canvas Text |
SI |
SI |
NO |
SI |
NO |
| HTML5 Audio |
SI |
SI |
NO |
NO |
NO |
| HTML5 Video |
SI |
SI |
NO |
NO |
NO |
| rgba() |
SI |
SI |
NO |
SI |
SI |
| hsla() |
SI |
SI |
NO |
SI |
SI |
| border-image |
SI |
SI |
NO |
SI |
NO |
| border-radius |
SI |
SI |
NO |
SI |
NO |
| box-shadow |
SI |
SI |
NO |
SI |
NO |
| Multiple backgrounds |
NO |
SI |
NO |
SI |
NO |
| opacity |
SI |
SI |
NO |
SI |
SI |
| CSS Animations |
NO |
SI |
NO |
SI |
NO |
| CSS Columns |
SI |
SI |
NO |
SI |
NO |
| CSS Gradients |
NO |
SI |
NO |
SI |
NO |
| CSS Reflections |
NO |
SI |
NO |
SI |
NO |
| CSS 2D Transorms |
SI |
SI |
NO |
SI |
NO |
| CSS 3D Transforms |
NO |
SI |
NO |
SI |
NO |
| CSS Transitions |
NO |
SI |
NO |
SI |
NO |
| Geolocation API |
SI |
SI |
NO |
NO |
NO |
Continua a leggere…
Gli obiettivi principali di questo nuovo standard, ancora in fase di discussione, sono innanzi tutto di creare una netta separazione tra la struttura di una pagina, definita dal markup HTML, la sua resa visiva, definita dai fogli di stile, e i veri e propri contenuti.
Inoltre vengono forniti nuovi strumenti agli sviluppatori per rendere più multimediali ed interattive le pagine: questi comprendono nuovi elementi strutturali, API, comandi per controllare i FORM e molto altro.
Continua a leggere…
Purtroppo esistono molte limitazioni all’utilizzo delle trasparenze alpha delle immagini PNG nei siti web a causa di alcune limitazioni dei browser: effettivamente sarebbe meglio dire del browser Internet Explorer 6.
Esistono comunque 2 diverse tecniche per risolvere questo tipo di problema: la prima consiste nell’utilizzare specifici codici CSS di Internet Explorer; la seconda nel ricorrere a script Javascript.
Continua a leggere…
Recentemente, navigando per il web, mi capita sempre più spesso di incontrare siti che non ottimizzati per Internet Explorer 6 e altri che proprio non si riescono a vedere con questo browser.
Inoltre leggendo i post di altri blog che parlano di web continuo a leggere articoli in cui si decreta la morte ufficiale del supporto ad Internet Explorer 6 con l’inizio di questo anno.
Personalmente non posso che trovarmi d’accordo con questa scelta!
Continua a leggere…
Il poter utilizzare font non di sistema all’interno dei propri siti web è il sogno di molti web designer: è però noto a pochi che sia davvero possibile farlo senza dover rinunciare all’indicizzazione dei contenuti. La scelta più immediata, e sicuramente più semplice per quanto riguarda lo sviluppo, è convertire tutti i testi che utilizzano font non di sistema in immagini: questa tecnica però a volte non è praticabile, soprattutto se i contenuti di un sito vengono generati dinamicamente utilizzando un CMS.
Fortunatamente esistono ormai diverse tecniche per poter utilizzare font non di sistema anche in siti dinamici, oltretutto senza sacrificare l’indicizzazione dei contenuti da parte dei motori di ricerca.
Prima di ricorre ad una qualsiasi di queste tecniche è meglio consultare uno dei tanti siti che riportano delle liste dei font preinstallati sui diversi sistemi operativi: potreste anche essere fortunati!
Continua a leggere…
