#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
/* Vasilis' age */ | |
ol li:nth-child(39):before { | |
content:"I am"; | |
float:left; | |
margin-right:.3em; | |
} | |
ol li { | |
list-style-position:inside; | |
} |
/* Vasilis' age */ | |
ol li:nth-child(39):before { | |
content:"I am"; | |
float:left; | |
margin-right:.3em; | |
} | |
ol li { | |
list-style-position:inside; | |
} |
/* em size */ | |
div { | |
width: 1em; | |
height: 1em; | |
background: #f33; | |
padding: 0; | |
margin: 0; | |
border: 0; | |
} |
#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
Opera Mini will be installed on all these devices.
/** | |
* Waarom zo moeilijk? | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height:100%; |
/** | |
* Resultaat oefening 2.2a HTML5 forms | |
*/ | |
label { | |
display: block | |
} |
/** | |
* Resultaat oefening 2.2b HTML5 forms | |
*/ | |
label { | |
display: block | |
} | |
:invalid { | |
background: #ffdddd; |
/** | |
* Oefening 2.2a HTML5 forms | |
*/ | |
label { | |
display: block | |
} |
/** | |
* Oefening 2.1 Video | |
*/ |