Realizzazioni siti web mediante css e ottimizzazione per i motori di ricerca.

Una delle cose che sempre più spesso vengono sottovalutate quando si fanno siti web, in particolare quando si utilizzando strumenti di editing visuale come il FrontPage o il DreamWeaver, è l’uso dei simboli. In pratica vediamo che sulla tastiera ci sono determinati simboli e semplicemente premendoli questi vengono inseriti come testo all’interno della pagina sulla quale si sta lavorando.

Nulla di più sbagliato.

(more…)

In giro per la rete ci sono tonnellate di esempi di layout a due, tre, quattro colonne e chi più ne ha più ne metta. Il problema è che molto spesso sono tutti dei copia e incolla. Pochi sono gli autori che si prestano a scrivere codice e purtroppo in questo caso nemmeno i miei siti preferiti contenevano un codice che funzionasse perfettamente.

In particolare, quando mi occorre qualcosa, io mi dirigo in prima battuta su ALA, ma stavolta l’articolo che ho trovato conteneva delle imprecisioni nel codice proposto al punto che mettere uno sfondo dietro all’elemento portante del css, visto in Firefox, non funzionava.

Ho così iniziato a googlare e finalmente sono approdato su questo sito, che ho aggiunto nei preferiti, dove ho trovato questo articolo che è stato in grado di illuminarmi. Consiglio a tutti una lettura di 3 Column CSS Layout - Fluid, Multi-Column Stretch

Il concetto di fondo è sempre lo stesso: il tempo è denaro, gli aggiornamenti software e hardware se non necessari si possono evitare, quindi figuriamoci il restyling del sito internet. Inutile. Sarà per questo che ogni giorno che navigo trovo milioni di siti web fatti ancora con le tabelle, non conformi al W3C, non validabili perché sintatticamente sgrammaticati.
Insomma degli obbrobri in tutto e per tutto. E puntualmente mi domando, ma perché perdo un mondo di tempo a fare i siti dei miei clienti compatibili e conformi agli standard. Poi apro lo stesso sito su IE, Firefox, Opera (che sono allo stato attuale i browser più utilizzati) e allora mi rispondo da me. Il sito visitato è a malapena conforme con IE. Negli altri browser le scritte un po’ a destra un po’ a sinistra, sfondi che si sovrappongono. Insomma lo sfacelo. E allora la mia domanda trova puntualmente risposta. Perché voglio dare un prodotto compatibile, duraturo nel tempo, ma soprattutto fruibile dalla maggior parte dei dispositivi.

(more…)

Uno dei miei ultimi lavori prevedeva la realizzazione di uno scroller che fosse facilmente modificabile dall’utente finale. La soluzione più rapida è stata quella di fargli un file XML da far leggere allo script di scrolling contenuto nella pagina e felice lui che con poco se l’è cavata, contento io che non sono dovuto andare ad impazzirmi con chissà che cosa.
Visto che il javascript è un codice di “pubblico dominio”, prima che lo script vada in giro per il mondo gratis senza riconoscimenti, lo firmo prima e lo regalo a tutti.
La demo la potete trovare qui: www.web-ma.com/code/scroller.
Buon divertimento a tutti.