Awesome things to do in Naples

Napoli is one of my favourite cities in the world! I am just combining a quick list for a friend with the nices places to go to if you have a limited amount of time!

  1. Castello dell’Ovo ( map ) – Just stop your car somewhere and walki around the castle – it’s beautifyl waterfront street with amazing houses, nice view – pure Napoli.
  2. Piazza del Plebiscito ( map ) – It’s an amazing piazza, one of the biggest in Italy if not the bigest one, with the beautifl dome and home of the royal palace
  3. Castel Nuovo ( map ) – You will hear people from Napoli refer to it as Maschio Angioino too. Very beautifyl place, one of the most famouse landmarks of the city!
  4. Walk on Via Toledo ( map ) – great street with a lot of good shops caffee bars, etc.
  5. Piazza Dante ( map ) – an amazing place with a lot of old shops, small shops, restourants, authentic Napoli atmosphere.

Those should be good enough for a day hanging around 🙂

Make your gallery fade to colour with only SVG and CSS

fadetocolor

Working on that awesome interior design website using the Genesis framework decided that it needs a bit of spicing up in the gallery section in order to separate it from the big images usually being posted above it. So decided to make those gallery images black and white and show their colour on hover.

Here’s how to do it only with CSS and using an SVG:

img {
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");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}

img:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
-webkit-transition: 1s;
transition: 1s;
}

That’s it, you have super awesome galleries now 🙂