Archivio

Archivio per aprile 2009

Risorse vettoriali gratuite by DragonArtz

DragonArtz, risorse vettoriali gratuite
Dragonartz è un blog targato Wordpress che mette a disposizione una ricca collezione di risorse vettoriali. Si possono trovare composizioni di tutti i tipi come sfondi, icone, motivi, disegni e molto altro sempre curati in modo particolarmente dettagliato. Ogni creazione viene messa a disposizione per il download in formato eps, svg e png e la varierà dei disegni rende il sito un’ottima risorsa e fonte di ispirazione. Prosegui la lettura…

Categorie:Risorse Tag: , ,

Hoverbox: galleria immagini semantica in CSS

Galleria immagini con fogli stile
In alcuni progetti capita di dover organizzare alcune immagini nella pagina senza appesantire eccessivamente il layout. Partendo dalla base di un tutorial trovato in rete ho riadattato una galleria di immagini fatta totalmente in HTML e CSS rendendola più leggera e semanticamente corretta.
Prosegui la lettura…

Categorie:CSS Tag: ,

CSS Sprites: ottimizzare le immagini di una pagina web

CSS Sprites
CSS Sprites è una tecnica che, sfruttando le potenzialità dei figli di stile, consente di avere una singola immagine che racchiude diversi elementi grafici; consiste sostanzialmente nell’assemblare in un unico file le varie parti che compongono la grafica di un elemento o di una pagina web.

Pensiamo ad esempio alla casistica più comune dove vogliamo realizzare un pulsante che abbia un effetto di rollover al passaggio del cursore. Normalmente si avrebbero due immagini: la prima per lo stato “spento” e la seconda per lo stato “acceso”. CSS permette invece di unificare le due immagini in un singolo file mostrando la parte interessata tramite l’ausilio delle proprietà CSS.
Prosegui la lettura…

Categorie:CSS Tag: , ,

H1 come logo o titolo principale?

L’uso corretto dei tag heading all’interno di una pagina web è di estrema importanza per avere una strutturazione dei contenuti semantica e lineare. Attraverso questi tag i crawler possono determinare le sezioni e la loro suddivisione logica:

  • <h1> determinerà l’argomento principale della pagina
  • <h2> per le varie sezioni dell’argomento
  • <h3> per le sottosezioni
  • ecc…

Prosegui la lettura…

Perchè gli utenti usano ancora browser obsoleti?

Fortunatamente il passaggio a browser più veloci e sicuri, ma soprattutto più attenti agli standard web come Firefox, Safari e Chrome sta allontanando l’utenza media da prodotti come il problematico Internet Explorer 6. Il motivo principale per cui nel corso degli anni questi nuovi browser hanno preso piede dovrebbe essere attribuito alla consapevolezza dei navigatori del fatto che ci sono valide alternative ai prodotti Microsoft che offrono come detto enormi vantaggi. Purtroppo analizzando i volumi di ricerca degli ultimi anni ci si accorge che le ragioni che hanno spinto la scelta di adattare un browser alternativo sono derivate dalla diffusione di pop-up e spyware e gli altri malware diffusi tramite i network peer to peer.
Volumi ricerca keywords
Paradossalmente la vera diffusione di Firefox sarebbe dovuta al fatto che è stato uno dei primi ad offrire la funzione di “blocco pop-up” che limitava drasticamente lo scaricamento accidentale di materiale pericoloso da parte di utenti poco esperti. Un’ulteriore conferma si ha prendendo in considerazione la diminuzione della migrazione a nuovi browser con l’uscita di prodotti come Google Toolbar, Yahoo Toolbar, MSN Search Toolbar e Windows Live Toolbar che estendono rapidamente le funzionalità.

Anche l’avvento di client torrent come BitTorrent (più sicuri e affidabili) e il lancio dell’ormai noto iTunes store hanno ridotto considerevolmente il numero di spyware in circolazione dando una valida alternativa legale allo scaricamento di musica in modo totalmente sicuro.

Purtroppo l’utenza media ha ancora una conoscenza limitata delle risorse che internet ci mette a disposizione e a rimetterci sono anche in gran parte gli sviluppatori costretti a garantire una maggiore compatibilità per venire incontro all’utilizzo di browser come Internet Explorer 6.

Categorie:Web Tag: , , ,