Le “linguette”

Giuliano — Tue, 15 Dec 2009 09:36:07 +0000

Quante volte vi sarà capitato di avere problemi di “spazio” nel progettare la grafica per una pagina web?
Troppi elementi da inserire, ma tutti di egual importanza da essere subito visualizzati e raggiunti al primo click del mouse in uno spazio ridottissimo.
La soluzione è semplice ed è sempre stata sotto i nostri occhi da molto tempo.
I “tab”, un tempo solo uno stile grafico per rappresentare un bottone di un menù di navigazione, oggi la soluzione per inserire più elementi all’interno della stessa pagina.

Grazie alle evoluzioni e sperimentazioni continue, possiamo trovare la “linguetta” giusta per svariati utilizzi.

Alcuni esempi:

- Suddivisione di contenuti per argomenti (http://www.gruppocarige.it/grp/carigesgr/jsp/fondi_comuni_tipologia.jsp?cod=36&tipologia=1)
- Flussi grafici (http://www.gruppocarige.it/ws/gruppo/jsp/index.jsp)
- Utilizzo di un piccolo box per più argomenti (http://www.fintyre.it/)
- Slide show di immagini con thumbnails

Inoltre, grazie all’utilizzo dei frame work di JavaScript come jQuery, MooTools, Prototype, possiamo sbizzarrirci nei più svariati effetti grafici.

Alcuni esempi:

dimensioni dei box di contenuto fissi o variabili
effetti di fade in e fade out
effetti di zoom
effetti sui background
effetti sui bordi
effetti di comparsa da parti differenti dello schermo
effetti di scorrimento

Gio

Curiosare nel sorgente javascript di GA…

Carlo — Mon, 20 Jul 2009 08:27:34 +0000

I più curiosi tra voi, nell’analizzare la porzione di codice js che Google Analytics dice di inserire nelle pagine del vostro sito per poterlo monitorare, avranno senz’altro notato che in esso è presente un riferimento al file http://www.google-analytics.com/ga.js che consente di ricevere e inviare tutte le informazioni base visibili poi sul nostro report.

Come potete notare dall’immagine a fianco, si tratta di un normalissimo file javascript ma con alcune caratteristiche, tra cui spiccano:

l’eliminazione degli spazi superflui, compresi gli “a capo”
la denominazione in lettere delle variabili e delle funzioni utilizzate

Per poterlo rendere “umanamente” leggibile basta andare all’url del sorgente, selezionarlo tutto, copiarlo e poi incollarlo nello strumento Javascript Beautifier, che ce ne renderà una versione decisamente più digeribile per i nostri occhi.
Da subito si noterà tra l’altro il numero di versione del file, che è passato dalla 4.3 alla 4.3.1, probabilmente in concomitanza con l’introduzione di Bing tra i motori di ricerca riconosciuti.

*Carlo*

WMC » javascript

Le “linguette”

Curiosare nel sorgente javascript di GA…