In questo caso l’indicizzazione della pagina può risultare compromessa, penalizzando il sito.

Esempio pratico:

Se usiamo WordPress, modificando la data di pubblicazione di un articolo viene modificato anche il suo indirizzo url.

Ad esempio, in questo indirizzo

http://www.consulenza-web.com/2012/01/gratis-costa-troppo/

si nota chiaramente che la data dell’articolo è parte fondamentale dell’indirizzo: se cambiassimo la data cambierebbe di conseguenza anche l’url dell’articolo.

Perchè è importante farci attenzione?

I motori di ricerca (come Google) navigano il web alla ricerca di nuovi contenuti seguendo i link che trovano in pagine già conosciute.

Quando una nuova pagina viene scoperta il motore salva il suo indirizzo ed elabora delle parole chiave che associa alla pagina stessa: questa è l’indicizzazione.

Successivamente il motore torna a rilegge la nostra pagina ad intervalli di tempo regolari alla ricerca di aggiornamenti, nuovi commenti, nuovi link da seguire. Per farlo utilizza l’indirizzo precedentemente salvato.

Se questo indirizzo non esiste più il motore ottiene l’informazione: “il sito ha eliminato una pagina”. Se molte pagine di un sito non vengono trovate però l’informazione peggiora in “il sito è in stato di abbandono“.

Ogni pagina rimossa provoca un piccolo danno alla considerazione che il motore di ricerca ha del nostro sito web.

Per evitare questo effetto basta prendere un semplice accorgimento:

Risolvere il Problema:

Il server web Apache ci mette a disposizione un semplice strumento per risolvere il problema: il redirect 301 eseguito via HTACCESS:

Redirect 301 /vecchio_indirizzo/ /nuovo_indirizzo/

NOTA: nella root del sito web crea un file con il nome “.htaccess” quindi modificalo con un editor di solo testo quale Coda o Eclipse inserendo le istruzioni che ti servono.

In questo modo il motore di ricerca, tentando di leggere il vecchio indirizzo, viene istruito circa l’avvenuto spostamento, aggiorna il suo database e le pagine dei risultati di ricerca contenenti i riferimenti al nostro sito mantenendo la visibilità raggiunta dall’articolo.

@ThePeg

Segnala presso:

L’argomento:

Queste versioni di Internet Explorer non supportano le Media Query (nè HTML5… anzi, non supportano nulla!) ma fortunatamente esistono delle librerie che – via javascript – risolvono il problema.

• css3-mediaqueries-js - supporto esteso alle media query CSS3
• respond.js – supporto ottimizzato alle media query CSS3 per il “mobile first” responsive design

Io utilizzo respond.js perchè mi interessa solamente intercettare le dimensioni dello schermo ed agire di conseguenza sulla presentazione della pagina web ed è proprio su questa libreria che si concentra l’errore segnalato in questo post.

L’errore:

Questa libreria va in errore quando il foglio di stile contiene delle regole vuote:

body {}

La soluzione:

La semplicissima soluzione consiste nell’inserire almeno uno spazio all’interno delle parentesi graffe:

body { }

Conclusioni:

Molti di voi sostengono – a ragione – che questo tipo di istruzioni non dovrebbero esistere in un foglio di stile in quanto sono un semplice spreco di spazio e di tempo di caricamento. Sono pienamente d’accordo!

Tuttavia in piena fase di sviluppo molti sviluppatori usano scrivere il set completo di “css handler” per definire le regole interne in un secondo momento. In questo caso – in progettazione – questo bug può far perdere tempo prezioso e la soluzione proposta in questo articolo diventa utilissima!

Segnala presso:

Diventa molto utile, ad esempio, quando si vogliono creare applicazioni web interne ad una rete locale e renderle accessibili come fossero dei siti web normali.

1. Apri Terminale (Applicazioni -> Utility)
2. Copia/incolla il seguente comando:
   sudo /Applications/TextEdit.app/Contents/MacOS/TextEdit /etc/hosts
3. Digita la password di accesso al computer
4. Aggiungi le regole necessarie al file di hosts
5. Salva il documento ed esci da TextEdit e da Terminale

Come si scrivere le regole:

All’interno di una rete locale (come anche in Internet) ogni computer è identificato da un indirizzo IP simile a “192.168.0.0.1″.

Questo indirizzo è piuttosto ostico da memorizzare per cui ci siamo abituati ad utilizzare gli URL (www.google.com) per identificare un determinato server ed in particolare una risorsa al suo interno.

Il file hosts permette di mappare a proprio piacere degli URL su determinati indirizzi IP aggiungendo una regola per riga come da esempio:

192.0.0.1 www.google.it
192.22.33.44 www.consulenza-web.com www.adessoweb.biz test.froggle.it

Nel precedente esempio abbiamo aggiunto due righe con il solo scopo di dimostrare che è possibile aggiungere più URL ad uno stesso IP semplicemente accodandoli alla stessa regola.

Dopo aver salvato il file proviamo a digitare “www.google.it” sul browser e ci accorgiamo che il famoso motore di ricerca non c’è più! Questo succede perchè ora il nostro computer cerca di risolvere l’indirizzo “www.google.it” sull’indirizzo IP “192.0.0.1″ come definito nel file hosts da noi modificato.

Segnala presso:

Trovo questo tipo di strumento molto utile ma estremamente limitativo nella definizione della larghezza del layout che fissata a 950px.

Esistono strumenti per creare versioni ad-hoc del foglio di stile ma io ho affrontato il problema da un punto di vista differente realizzando un plugin jQuery che, presa la larghezza di un elemento “.container” (il wrapper della pagina realizzata con blueprint) aggiusta le regole del framework per adattarlo a tale dimensione.

Vai alla Demo »

Segnala presso:

Ovviamente la miglior soluzione possibile è dotarsi di un buon filtro anti-spam (gMail?) perchè qualunque tipo di mail obfuscator si concretizza in un problema di usabilità ed una barriera di usabilità!

Ho comunque creato una soluzione Javascript basata su jQuery che propone un piccolo e semplicissimo approccio al problema.

L’idea di base è pubblicare nel codice sorgente della pagina un indirizzo mail volutamente errato e gestirne una correzione automatica mediante Javascript.

L’errore consiste nello scambiare il primo e l’ultimo carattere dell’indirizzo mail per cui “info@consulenza-web.com” diventa “mnfo@consulenza-web.coi”.

Ovviamente il nuovo indirizzo mail è formalmente corretto ed un qualunque spam bot o mail crowler lo identifica correttamente. Purtroppo per il malintenzionato questo indirizzo produrrà solamente degli invii falliti.

jquery.mcrypt.js

Il plugin qui proposto di occupa di ripristinare automaticamente l’indirizzo corretto in modo che l’utente non percepisca l’errore.

<script>
$('document').ready(function(){
  $('.mailto').mcrypt();
});
</script>

<a href="mailto:mnfo@consulenza-web.coi" class="mailto">mnfo@consulenza-web.coi</a>

Questa porzione di sorgente è sufficiente per creare un po’ di problemi agli spam engine! Ovviamente non è una soluzione definitiva e nemmeno molto elaborata… però è semplice ed efficace per il suo scopo!

Segnala presso:

1. dal menu “apple” (la mela) seleziona “preferenze di sistema”
2. clicca su “spotlight”
3. clicca sulla tab “privacy”
4. aggiungi una cartella o un disco alla lista trascinandolo al suo interno
5. chiudi il pannello preferenze e riaprilo
6. rimuovi l’elemento appena aggiunto

NOTA: questa procedura è resa sicuramente più semplice dall’utilizzo del software iTweax il quale permette, con una semplice opzione, di azzerare l’indice spotlight.

Ecco il post originale:

Un brutto episodio di vita mac-dipendente mi si è verificato alcuni giorni fa. Scrivo ora perchè mi ci è voluto un po’ per riprendermi dallo spavento.

Una bella (??) mattina apro mail e scopro che tutte le mie smart folder sono vuote. Il mio intero sistema di organizzazione del lavoro è basato sulle smart folders!!!!

Inizia il panico e la ricerca di una soluzione. Ho provato a recuperare il backup del giorno precedente sia da Time Machine che da Carbon Copy Cloner senza successo. Ho provato ad invocare sia figure mitologiche cristinane che Steve J. senza alcun successo.

Alla fine ho scoperto, grazie al mio rivenditore di fiducia, che il problema era causato dall’indice Spotlight corrotto.

Spotlight è il motore che indicizza i contenuti del mac e permette moltissimi meccanismi di ricerca veloce tra i quali ci sono le smart folders di mail.

Fortunatamente la soluzione è molto semplice: eliminare l’indice Spotlight e forzare una reindicizzazione dell’intero disco fisso.

Personalmente ho utilizzato il software iTweax che rende l’intera operazione istantanea. Un’altra semplice soluzione per forzare la reindicizzazione di Spotlight è fornita direttamente da apple in un articolo tecnico (in inglese).

Segnala presso:

Visualizzazione Errata:

ie8 rendering errato di fieldset con legend nascosto

Visualizzazione Corretta (work-around applicato):

IE8 visualizzazione di un fieldset con legend nascosto (workaround applicato)

Markup Originale:

xHTML:
-----------------
<fieldset>
    <legend>Legenda</legend>
    ....
</fieldset>
CSS:
-----------------
fieldset { border:6px solid #ddd; }
fieldset legend { display:none; }

Spiegazione Workaround:

La soluzione più semplice e cross-browser è inserire uno SPAN all’interno del tag LEGEND e quindi applicare la visibilità nulla a questo elemento:

xHTML:
-----------------
<fieldset>
    <legend><span>Legenda</span></legend>
    ....
</fieldset>
CSS:
-----------------
fieldset { border:6px solid #ddd; }
fieldset legend span { display:none; }

Segnala presso:

ctrl + alt + ò

VirtualBOX è un software di virtualizzazione gratuito. VirtualBOX permette di installare sistemi Windows o Linux sul proprio Mac utilizzando un computer completamente simulato.

Uno dei principali vantaggi di VirtualBOX rispetto ai suoi concorrenti (Parallels Desktop e VM Ware) è il formato del file di computer virtuale il quale è compatibile nei sistemi Windows, Linux e Mac.

Ciò significa che è possibile creare un proprio computer virtuale, salvarlo in una chiavetta USB ed utilizzarlo attraverso un qualunque computer disponibile.

Segnala presso:

Apri iTunes e utilizza la ricerca per isolare il brano che vuoi portare nell’iPhone come suoneria.

Clicca sulla riga del brano con il tasto destro del mouse quindi seleziona la voce Informazioni. Clicca sulla scheda Opzioni e personalizza le impostazioni di inizio e fine del brano.

La durata totale non deve superare i 30 secondi affinchè il risultato sia compatibile con iPhone!

2. Crea un clone AAC del tuo mp3:

Mantenendo selezionato il brano originale utilizza il menu dell’applicazione: Avanzate -> crea versione AAC.

iTunes crea un nuovo file a partire dalla selezione dei tempi precedentemente impostata. Questo è il file da utilizzare come base per la tua nuova suoneria!

3. Esporta il file su desktop:

Trascina il nuovo file sul desktop o in una cartella a piacere per creare una copia estenra ad iTunes. Questa operazione è necessaria in quanto iPhone utilizza l’estensione di file “M4R” per le suonerie mentre il file generato da iTunes utilizza l’estensione “M4A”.

Utilizzando l’opzione rinomina (Windows potrebbe nascondere le estensioni di files, utilizza opzioni cartella per renderle visibili e modificabili) imposta l’estensione “M4R” per rendere il tuo file compatibile come suoneria iPhone.

4. Importa la suoneria in iTunes

Trascina il nuovo file in iTunes e assicurati che venga associato alla tipologia “suoneria” (che trovi nella barra laterale sinistra).

5. Sincronizza il tuo iPhone!

NOTE: eseguendo l’operazione ho notato che l’iPhone non importa suonerie nel cui titolo è presente un apostrofo. Per non incappare in problemi strani consiglio di utilizzare solamente caratteri standard come nome delle suonerie!

Segnala presso: