Skip to content

Instantly share code, notes, and snippets.

View vasilisvg's full-sized avatar

Vasilis van Gemert vasilisvg

View GitHub Profile
@vasilisvg
vasilisvg / dabblet.css
Created December 17, 2011 11:05
Vasilis' age
/* Vasilis' age */
ol li:nth-child(39):before {
content:"I am";
float:left;
margin-right:.3em;
}
ol li {
list-style-position:inside;
}
@vasilisvg
vasilisvg / dabblet.css
Created December 20, 2011 08:55
Vasilis' age
/* Vasilis' age */
ol li:nth-child(39):before {
content:"I am";
float:left;
margin-right:.3em;
}
ol li {
list-style-position:inside;
}
@vasilisvg
vasilisvg / dabblet.css
Created December 23, 2011 18:41
em size
/* em size */
div {
width: 1em;
height: 1em;
background: #f33;
padding: 0;
margin: 0;
border: 0;
}
@vasilisvg
vasilisvg / HTML-presentation-tools.md
Created January 14, 2012 13:53
HTML presentation tools

#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

@vasilisvg
vasilisvg / devices-i-need.md
Created January 18, 2012 14:11
Responsive design devices

#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
vasilisvg / dabblet.css
Created January 18, 2012 19:16
Waarom zo moeilijk?
/**
* Waarom zo moeilijk?
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
@vasilisvg
vasilisvg / dabblet.css
Created February 5, 2012 12:55
Resultaat oefening 2.2a HTML5 forms
/**
* Resultaat oefening 2.2a HTML5 forms
*/
label {
display: block
}
@vasilisvg
vasilisvg / dabblet.css
Created February 5, 2012 14:10
Resultaat oefening 2.2b HTML5 forms
/**
* Resultaat oefening 2.2b HTML5 forms
*/
label {
display: block
}
:invalid {
background: #ffdddd;
@vasilisvg
vasilisvg / dabblet.css
Created February 5, 2012 14:24
Oefening 2.2a HTML5 forms
/**
* Oefening 2.2a HTML5 forms
*/
label {
display: block
}
@vasilisvg
vasilisvg / dabblet.css
Created February 5, 2012 16:23
Oefening 2.1 Video
/**
* Oefening 2.1 Video
*/