LucaRosaldi

#  Fonte: Wikipedia
#  URL: https://it.wikipedia.org/wiki/Province_d%27Italia
#  Aggiornato al: 2022

Agrigento
Alessandria
Ancona
Aosta
Arezzo
Ascoli Piceno

LucaRosaldi

<?php
// http://briancray.com/posts/estimated-reading-time-web-design/
$mycontent = $post->post_content; // wordpress users only
$word = str_word_count(strip_tags($mycontent));
$m = floor($word / 200);
$s = floor($word % 200 / (200 / 60));
$est = $m . ' minute' . ($m == 1 ? '' : 's') . ', ' . $s . ' second' . ($s == 1 ? '' : 's');
?>

LucaRosaldi

@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),

LucaRosaldi

<!-- Icon + Text -->
<h1>
  <i data-icon="1" aria-hidden="true"></i>
  Titolo
</h1>

<!-- Icon only -->
<h1 class="icon-alone">
  <i data-icon="1" aria-hidden="true"></i>
  <span>Titolo</span>

LucaRosaldi

@mixin vendorize($property, $value) {
	-webkit-#{$property}: $value;
	-moz-#{$property}: $value;
	-ms-#{$property}: $value;
	-o-#{$property}: $value;
	#{$property}: $value;
}

LucaRosaldi

@mixin clear() {
    &:before, &:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }
    &:after {
        clear: both;
    }

LucaRosaldi

@mixin hideText() {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

LucaRosaldi

/* http://www.red-team-design.com/css3-tucked-corners */
.tucked-corners-top {
    position: relative;
    width: 500px; min-height: 200px;
    margin: 100px auto; padding: 20px;
    background-color: #fff; /* Fallback */
    background:	linear-gradient(45deg,  transparent 10px, #fff 10px),
		linear-gradient(135deg, transparent 10px, #fff 10px),
		linear-gradient(225deg, transparent 10px, #fff 10px),
		linear-gradient(315deg, transparent 10px, #fff 10px);

LucaRosaldi

.my-class {}
.svg .my-class { background:url(../img/graphic.svg); }
.no-svg .my-class { background:url(../img/graphic.png); }

LucaRosaldi

// http://css-tricks.com/media-queries-sass-3-2-and-codekit/
.page-wrap {
	width: 75%;
	@include breakpoint(papa-bear) { width: 60%; }
	@include breakpoint(mama-bear) { width: 80%; }
	@include breakpoint(baby-bear) { width: 95%; }
}