How it is possible? First, we have to style the image for it’s final place, and then the magic happens: we can use a desaturate filter for the images, and for hover, we can make it to fade in with CSS transitions.

#single_blog img {

 display: inline-block;
 float: left;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 -webkit-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;

}

What have we done here? We used a filter for the #single_blog_image. With the -webkit solution, all of the browsers can use the filtered image, and at the end of the style we have used some transition to have the desaturated effect fade out and the original color fade in. This works in all of the major browsers except in Firefox, because it is not a standard method to have the filters fade.

#single_blog img:hover {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
 -webkit-filter: grayscale(0%);
 filter: alpha(opacity=50);
}

To be honest, I couldn’t find any standard solution to fade the filters, so Chrom, Safari and Opera just simply use it, but not Firefox.

Maybe it is not the best solution, but in this case I dont’t need to use some extra script, so at the moment this is the best solution for Us, and it is possible with pure CSS.

So what we need is a mysql backup solution, probably a bash script what makes separate files per each db and ignores archive and memory engines of course with possibilities of gzipping.

I googled but I didn’t found what exactly we need, fortunately I found some similar like this one: http://carrotplant.com/en/blog/how-to-dump-all-mysql-databases-into-separate-files and I combine them together.

Finally there are the dump script.

#!/bin/bash

############
# Settings #
############

# mysql parameters
MYSQL_USER="root"
MYSQL_PASSWORD="******"
MYSQLDUMP="/usr/bin/mysqldump"
MYSQL="/usr/bin/mysql"
BACKUP_LOCATION="/var/backups/ervername/mysql/"
BACKUP_SQLDIR=$BACKUP_LOCATION$(date +%Y-%m-%d_%H-%M)
EXCLUDE_DBS="(Database|information_schema|phpmyadmin|mysql)"
EXCLUDE_EGX="(MEMORY|ARCHIVE)"
GZIP_ENABLED=1

##############
# THE SCRIPT #
##############

echo "sophisticated dump of mysql databases"
echo "destination: $BACKUP_SQLDIR"
echo "ignore these databases: $EXCLUDE_DBS"
echo "ignore these engines: $EXCLUDE_EGX"
echo "gzipping: $GZIP_ENABLED"

#returns list of ignired tables
ignoredtables () {
   local IGNORES
   TABLES=`$MYSQL --user=$MYSQL_USER --password=$MYSQL_PASSWORD -e "USE $1; SHOW TABLE STATUS;"  | grep -E $EXCLUDE_EGX | awk '{print $1}'`
   for CURRENT_TB in $TABLES; do
       IGNORES="$IGNORES --ignore-table=$1.$CURRENT_TB"
   done
   echo $IGNORES
}

if [ ! -d "$BACKUP_SQLDIR" ]; then
    echo "make dir: "$BACKUP_SQLDIR
    mkdir -p $BACKUP_SQLDIR
fi

# get a list of databases
DATABASES=`$MYSQL --user=$MYSQL_USER --password=$MYSQL_PASSWORD -e "SHOW DATABASES;" | grep -Ev $EXCLUDE_DBS`

# dump each database in turn
echo "dumping databases..."
TIME_SPENT=`date +%s`
OVERAL_SPENT=`date +%s`
for CURRENT_DB in $DATABASES; do
    echo $CURRENT_DB
    IGNORED_TABLES=`ignoredtables $CURRENT_DB`
    if [ $GZIP_ENABLED == 1 ]; then
        $MYSQLDUMP --force --opt --routines --user=$MYSQL_USER --password=$MYSQL_PASSWORD $IGNORED_TABLES $CURRENT_DB | gzip > "$BACKUP_SQLDIR/$CURRENT_DB.sql.gz"
    else
        $MYSQLDUMP --force --opt --routines --user=$mYSQL_USER --password=$MYSQL_PASSWORD $IGNORED_TABLES $CURRENT_DB > "$BACKUP_SQLDIR/$CURRENT_DB.sql"
    fi
    TIME_SPENT=$((`date +%s` - $TIME_SPENT))
    echo "spent: "$TIME_SPENT"s         overal: "$((`date +%s` - $OVERAL_SPENT))"s"
    TIME_SPENT=`date +%s`
done

# removes previous backup older then 7 days
find $BACKUP_LOCATION -mtime +7 -type d -exec rm -Rv {} \;

echo "[done]"