Blog di Delta Marketing su siti internet e comunicazione
Posts tagged HTML
Google +1 nel mio sito
Jan 3rd
Sono sempre più presenti nelle pagine web i sistemi che consentono ai visitatori di esprimere il proprio giudizio sui contenuti presenti in una pagina o rilanciarne i contenuti tramite apposite funzioni legate ai principali social network.
Anche Google sta diventando sempre più sociale e non mi stupirei se i vari +1 accumulati dai nostri contenuti venissero calcolati al fine di determina la SERP del motore di ricerca.
Panorami e virtual tour
Dec 16th
Un’ottima soluzione per la creazione di panorami 360° o tour virtuali è http://www.easypano.com/it/ un sito che offre 4 pacchetti per soddisfare tutte le esigenze di montaggio e navigazione delle foto, dai semplici panorami a veri e propri tour virtuali navigabili, fino ad arrivare alla creazione di tour intorno ad un oggetto di piccole dimensioni, funzionalità che ci consente di far ruotare la telecamera intorno allo stesso.
I panorami creati possono essere georeferenziati su Google Maps, arricchiti con hotspot e link, arricchiti con musiche di sottofondo ed infine esportati in vari formati tra cui il nuovissimo HTML5.
Il pacchetto più impressionante della suite è sicuramente Tourweaver che consente oltre al montaggio della foto la possibilità di rendere navigabili interi ambienti composti da più stanze, restituendo ai visitatori un’esperienza indimenticabile.Ecco un interessante esempio.
Non memorizzare immagini nella cache con PHP
Dec 3rd
Finalmente abbiamo completato il nostro sistema di pubblicazione delle immagini in basato su interfaccia web e sviluppato in PHP.
Ultimo problema da risolvere era la memorizzazione nella cache del browser delle immagini caricate, più esattamente capitava che quando si pubblicava una nuova immagine che doveva sostituire la precedente e che aveva lo stesso nome_file, veniva visualizzata non la nuova immagine ma quella che doveva essere sostituita, nel nostro caso all’interno dell’anteprima dei file uplodati.
Sfondi che si adattano in CSS
Nov 21st
Una selezione di CSS che consentono di adattare le immagini di sfondo delle nostre pagine internet in modo che riempiano completamente il fondo del browser e seguano la moda attuale, che utilizza questo strumento per compensare la differente dimensione dei monitor dei visitatori.
Seguendo i link sotto riportati troverete esempi, codice da scaricare e istruzioni per l’implementazione.
1 - adapt.960.gs
2 - srobbin.com
3 - www.quackit.com
Buona visione!
HTML5 come provarlo e qualche esempio da Microsoft
Feb 15th
Dopo il post precedente riguardo HTML5 vi segnalo che Microsoft ha messo online un sito dedicato a mostrare le potenzialità ed eventualmentemettere in evidenza eventuali vulnerabilità del nuovo linguaggio, sono infatti presentati due prototipi di applicazioni, completi chiaramente di codice sorgente. E’ anche presente una sezione di feedback dove gli utenti possono segnalare impressioni, osservazioni ed eventuali errori.
Se cercate anche qualche altro esempio di applicazione realizzata con questo nuovo linguaggio potete visitare il sito di Internet Explorer 9 dove tra le gli altri esempi un interessate Sudoku in HTML5 è veramente piacevole.
Realizzare sito in Russo
Nov 20th
Finalmente online la versione in Russo del sito di Allavelli, dopo varie ricerche e confronti tra i vari caratteri cirillici disponibili siamo riusciti a realizzare delle pagine funzionanti correttamente sia per quanto riguarda i testi inseriti nel codice HTML che per quelli presenti all’interno del database e visualizzati tramite funzioni ASP.
Per far funzionare il tutto è stato sufficente sostituire la dichiarazione del charset normalmente utilizzato ossia charset=iso-8859-1 con quella riservata per il russo ossia charset=windows-1251.
Video di YouTube sovrapposto a Lightbox
Nov 20th
Se vi capita di mettere nella stessa pagina un video di YouTube e utilizzare in contemporanea Lightbox, potreste trovarvi nella sfortunata situazione in cui il video copre le immagini ingrandite della galleria, ossia il lettore in flash “salta” sopra le immagini.
Inizialmente potreste pensare di risolvere il problema utilizzando lo z-index e modificando quindi il livello di profondità del video stesso, ma come abbiamo provato anche noi il sistema non funziona, il videl di YouTube sarà sempre in primo piano.
La soluzione consiste nell’effettuare un paio di modifiche al tag object ed embed utilizzato, ecco come:
- inserite dopo l’object tag il seguente codice:
- aggiungere il seguente codice appena prima del type = “application / x-shockwave-flash”:
wmode=”transparent”
< param value=”transparent” name=”WMode” / >
Un esempio potrete trovarlo visualizzando il codice di questa pagina di esempio.
In arrivo HTML5
Nov 20th
Dopo anni di attesa, sembra stia prendendo forma HTML 5, la rivoluzione che da anni tutti i programmatori web stanno aspettando. HTML 5 presenta nuove caratteristiche che permettono di definire più chiaramente la struttura di ogni documento introducendo nuovi tag quali: menu, nav, footer, figure e article che permetteranno di aumentare il valore semantico delle nostre pagine.
Vengono inoltre aggiunti nuovi tag per la gestione direttamente in HTML di audio e video senza la necessità di utilizzare plug-in esterni, potremocosì visualizzare filmati e ascoltare file MP3 fermarli, reglarne il volume ecc.
Altra cosa che tutti noi aspettavamo era il cahing dei dati nativo, che permetta ad HTML 5 di creare una cache delle nostre pagine web direttamente nel browser. oltre ciaramente a nuove funzionalità che integrano nelle pagine il drag&drop.
Mi sono tenuto per ultimo la cosa che più ho apprezzato, sebbene stupida rispetto a quanto sopra detto sembra che nella nuova versione avremo a disposizione strumenti di validazione dei form che non necessitano l’utilizzo di Javascrit!!! Potremo così controllare: tipo di dati, dimensioni massime e minime e se richesti o meno, finalmente!!
Lo strumento che per il momento mi ha lasciato più stupefatto comunque è il nuovo tag CANVAS che permette direttamente di disegnare elementi vettoriali all’interno della pagina, non solo permette di ciclare una serie di funzioni di pulizia schemo e disegno in modo da realizzare delle vere e proprie animazioni.
Se volete seguire lo sviluppo dello standar o semplicemente visualizzare degli esempi potete andare a questo indirizzo: www.whatwg.org.
MooTools per aggiungere interattività con Ajax
Nov 20th
MooTools è un framework di sviluppo basato si Javascript e quindi Object oriented che permetterà di aumentare le funzionalità e soprattutto l’interattività delle pagine internet.
Abbiamo iniziato a saggiare tale tecnologia e ad implementarla all’interno di due nostri siti. Sull’homepage di www.laplayalagodimonate.it è stata implemtentata una galleria fotografica che fa scorrere automaticamente e interfalli predefiniti alcune fotografie senza sover utilizzare Flash, l’altro esempio, molto più interessante lo potete vedere all’interno del sito www.deltamarket.com nella pagina di richiesta preventivo, visibile da questo link. In questo caso MooTools è utilizzato per effettuare un controllo sui dati inseriti all’interno del form di richiesta informazioni e permette il controllo dei dati inseriti e la visualizzazione di messaggi ad essi legati, richiedendo ad esempio la compilazione del campo e-mail con un indirizzo valido.
L’implementazione di MooTools all’interno di siti, partendo da codice disponibile in rete pare molto semplice e permette di raggiungere un buon grado di personalizzazione delle funzionalità. Nei prossimi post cercherò di inserire altri esempi che andremo sicuramente ad utilizzare al fine di meglio comprendere ed imparare l’utilizzo di Mootools. Nel frattempo qui potrete trovare alcuni esempi tra i quali abbiamo pescato il codice utilizzato nelle nostre pagine sopra riportate.
http://speckyboy.com/2008/04/09/41-of-the-best-mootools-ajax-example-downloads/
Quadratini al posto di caratteri accentati
Nov 20th
E’ capitato recentemente e ci ho sbattuto un pò la testa, i caratteri accentati, correttamente presenti all’interno del database, venivano sostituiti nella fase di visualizzazione della pagina che li leggeva con dei quadratini!!!
Paura!! Che dare? Ho cercato un pò in rete ed ecco trovata la soluzione: è bastato inserire nella parte HEAD della pagina la definizione corretta “charset=iso-8859-1″ al posto di “charset=UTF-8″.
In particolare questa istruzione fornisce al browser il set di caratteri da utilizzare per interpretare i contenuti della pagina, Infatti il charset utilizzato per la corretta formattazione di documenti in italiano è ISO-8859-1 (Latin 1) che rappresenta il set di caratteri tipico dell’europa occidentale, tale charset contiene le lettere dell’alfabeto, i numeri, la punteggiatura e vari simboli tipici della nostra lingua e delle altre lingue dell’europa occidentale.
Se volete approfondire l’argomento
