Web Design

Mantenere lo sfondo fisso con i CSS

Wednesday, July 30th, 2008

Una proprietà molto interessante che si può sfruttare con i CSS è il comando

background-attachment: fixed;

che permette di mantenere bloccato lo sfondo ad esempio di una pagina e scorrere tutto il resto.

Ecco un esempio in cui è possibile vedere la scritta che scorre e lo sfondo rimane fisso e centrato. Per realizzarlo è bastato mettere il comando fixed alle proprietà del background del body, la cui immagine di sfondo è il surfista che compie l’evoluzione.

Ovviamente la stessa proprietà potrà essere utilizzata specularmente in ogni componente in cui è possibile inserire uno sfondo.

Google Assistenza Webmaster

Saturday, April 12th, 2008

Google Webmasters ToolsPer chi si avvicina al mondo del SEO e del Web Marketing, suggerisco di dare un’occhiata al nuovo sito messo in piedi da Google per aiutare i webmasters a districarsi nel sempre più competitivo mondo del web design: avrete una prima infarinatura su come realizzare pagine ottimizzate per i motori di ricerca, o meglio per IL motore di ricerca, visto che tutte le impostazioni alla fine vengono fatte considerando sempre i parametri di Google, che è quasi in regime di monopolio.

Link: Google Assistenza Webmasters

Paymo Time Tracker

Friday, February 29th, 2008

Segnalo un programmino freeware veramente utile per tenere traccia del tempo impiegato nello sviluppo di un lavoro, il suo nome è Paymo Timetracker.
Paymo
In pratica tramite questo servizio on line, ma utilizzabile anche in remoto sul proprio computer è possibile valutare in maniera efficace quanto tempo si è dedicato a un determinato progetto, per valutarne i costi.
Il software è gratuito se utilizzato fino a un massimo di 3 persone contemporaneamente su un progetto, oltre questo numero diventa a pagamento.
E’ disponibile per ogni tipo di sistema operativo, Windows, Mac OS e Linux.

Link: Paymo

Strumenti SEO e Web Design

Friday, January 25th, 2008

Vi segnalo alcuni utili strumenti per il SEO e il Web Design:

Linkdiagnosis
LinkDiagonosis
Add on di Firefox che permette di tenere traccia dei link verso il nostro sito e della loro qualità, compresi i nofollow. E’ possibile anche studiare l’uso delle ancore nei link verso il sito analizzato.

Seo Book Keywords Suggestion Tools Forse il migliore strumento freeware per individuare keywords.

Keyword Suggestion Tools Utility on line gratuita che permette di analizzare qual’è l’insieme di keywords maggiormente cercate su un determinato argomento.

SEO Tools Keyword Suggestion Tool Strumento gratuito che fornisce una lista delle parole chiave rispetto a un determinato argomento.

Google Adwords (Strumento parole chiave) Realizzato da Google in supporto al programma Adwords per le campagne pubblicitarie, ma può essere utilizzato tranquillamente anche per le keywords del sito.

Copyscape Strumento che permette di cercare i furbetti che fanno copia e incolla con il testo del vostro sito.

Vi segnalo anche qualche strumento a pagamento:

Wordtracker Per individuare le keywords da utilizzare nel vostro sito.

Keyword Discovery Strumento per individuare le keywords da utilizzare, estremamente costoso.

Web Position Disponibile in due versioni, è un buono strumento per ottimizzare i siti web.

Se ne conoscete altri, vi invito a segnalarli. Grazie!!!

Far comparire l’icona di un sito sull’iPhone

Thursday, January 24th, 2008

Geekissimo questa mattina ha divulgato, come suo solito devo dire, una notizia davvero interessante per chi realizza siti web. Infatti spiega la semplicissima procedura per far comparire l’icona di un sito sul display dell’iPhone.
Non la chiamo Favicon per non confonderla con la Favicon tradizionale 16×16 o 32×32, visto che qui l’immagine dovrà avere le dimensioni di 45×45 e essere salvata in .png, chiamamola iPhoneicon :P .
Link: Geekissimo iPhoneicon
Riassumo brevemente la semplice procedura:

  1. Creare un’icona 45×45 formato .png (consiglio di farla un po’ fashion e in stile 2.0 per addattarla al meglio all’iPhone)
  2. Salvare l’immagine con il nome apple-touch-icon.png
  3. Inserire l’immagine nella directory principale del sito o meglio ancora inserire il tag
    <link rel="apple-touch-icon" href="/Graphics/iphone-icon.png" />

Se invece volete leggere l’articolo originale, che spiega anche come installare l’icona sull’iPhone:
Ask Dave Taylor