vasilisvg

/**
 * The first commented line is your dabblet’s title
 */

li:nth-last-child(n+6),li:nth-last-child(6) ~ li {
	color: green;
}

vasilisvg

/**
 * How should multicolumn work?
 */
	body {
  width: 98vw;
  margin: 0;
  padding: 0; }

article {
  padding: 2em;

vasilisvg

.prev {color:green} 
[rel=prev] {color: blue}

vasilisvg

<?php 
$kickit = array(
	'qORYO0atB6g', //Intergalactic
	'z5rRZdiu1UE', //Sabotage
	'uvRBUw_Ls2o', //Body Movin'
	'BptQHAW2T5M', //Shake Your Rump
	'eBShN8qT4lk', //(You Gotta) Fight For Your Right (To Party)
	'07Y0cy-nvAg', //No Sleep Till Brooklyn
	'Xf1YF_MH1xc', //Root Down
	'evA-R9OS-Vo', //Fight For Your Right (Revisited)

vasilisvg

Dit is een heading van het eerste niveau. De belangrijkste kop van de pagina

Dit is de eerste paragraaf. Je kan deze paragraaf anders stylen. Dit is een goed idee als de eersre paragraaf altijd een samenvatting is van de rest van het artikel. Als de eerste paragraaf gewoon een eerste paragraaf is dan is het niet nodig om hem anders te stylen. Een groter font of vetgedrukte tekst wordt we gebruikt. Maar dat is natuurlijk aan jou, de designer, om te beslissen. Als je het niet zeker weet, bespreek de betekenis van de eerste paragraaf dan met je collega's. Als je geen content guide hebt die duidelijk uitlegt waar de eerste paragraaf voor staat, style hem dan niet.

Dit is een heading van het tweede niveau, voor subsecties van artikelen.

Dit is een paragraaf die direct na een heading 2 staat. Je kan de relatie tussen een heading 2 en een paragraaf stylen. Je zou er bijvoorbeeld voor kunnen kiezen om de marge tussen de paragraaf en de heading te verkleinen. Zo creëer je de illusie van een gegroepeerd blo

vasilisvg

var text = document.body.innerText;
var letters = '';
var i = 0;
while ( i < text.length ) {
	var isithere = letters.split(text[i]);
	if (isithere.length == 1) {
		letters += text[i];
	}
	i++;
}

vasilisvg

/**
 * A common navigational menu
 */
nav {
	margin: 0 auto;
	font: 100%/1.5 arial;
}
ul {
	margin: 0;
	padding: 0;

vasilisvg

/**
 * Hover button
 */

a {
	font: 2em arial;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	margin: 2em 0 0 2em;

vasilisvg

/* your source here */
@media (max-width: 600px) {
	body {
		padding: 45px 0 150px !important;
	}
	.hero-unit {
		display: none;
	}
	.newpost {
		position: fixed;

vasilisvg

#Retina images Sharpness is relative. We can only observe if something is really sharp if we can see it next to something that's sharper. Lots of people are looking for solutions for the problem that images look blurry on retina displays. All solutions I've seen so far give the advice to send an image that's twice as wide and twice as high to these new screens. Before you start sending these images, be sure to understand that these files will be four times the size of the smaller version. People with a high end device and a low end connection—everybody in the train in The Netherlands—will hate you.

##Image types I'm generalizing here, but there are two types of images: (1) graphics like logos and (2) photos. Quadroupled images might be justified for the first kind, for logos, icons, things like that. You could also try to find a solution in clever SVG files—with media queries in them, why not? These kinds of ima