vasilisvg

/* Vasilis' age */

ol li:nth-child(39):before {
	content:"I am";
	float:left;
	margin-right:.3em;
}
ol li {
	list-style-position:inside;
}

vasilisvg

/* Vasilis' age */

ol li:nth-child(39):before {
	content:"I am";
	float:left;
	margin-right:.3em;
}
ol li {
	list-style-position:inside;
}

vasilisvg

/* em size */

div {
	width: 1em;
	height: 1em;
	background: #f33;
	padding: 0;
	margin: 0;
	border: 0;
}

vasilisvg

#HTML presentation tools

There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.

##CSSS

CSS-based SlideShow System

• Source
• Example

vasilisvg

#Devices I think these are the devices I need to be able to build good responsive websites. Too much? Not enough? Please let me know your opinion.

##iOs

• iPhone 4s with iOs 5
• iPhone 3gs with iOs 4
• iPad with iOs 5

Opera Mini will be installed on all these devices.

vasilisvg

/**
 * Waarom zo moeilijk?
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;

vasilisvg

/**
 * Resultaat oefening 2.2a HTML5 forms
 */

label {
	display: block
}

vasilisvg

/**
 * Resultaat oefening 2.2b HTML5 forms
 */

label {
	display: block
}

:invalid {
	background: #ffdddd;

vasilisvg

/**
 * Oefening 2.2a HTML5 forms
 */

label {
	display: block
}

vasilisvg

/**
 * Oefening 2.1 Video
 */