Skip to content

Instantly share code, notes, and snippets.

Avatar

Lennart Schoors lensco

View GitHub Profile
@lensco
lensco / markup.html
Created Dec 2, 2011
Fronteers example */
View markup.html
<h1><span>Hey, een scheef blokje zonder afbeeldingen!</span></h1>
View dabblet.css
.userContent {
padding: 0 5px;
width: 230px;
animation: myfirst 1s;
background: limegreen;
height: 40px;
line-height:40px;
float:left;
}
@lensco
lensco / dabblet.css
Created May 9, 2012
fine-grained letter-spacing
View dabblet.css
/**
* fine-grained letter-spacing
*/
p {
font: 100%/1 sans-serif;
}
.one {
letter-spacing: .06em;
}
.two {
@lensco
lensco / dabblet.css
Created Oct 2, 2012
box-shadow vs filter: drop-shadow
View dabblet.css
/**
* box-shadow vs filter: drop-shadow
*/
body {
background: #ddd;
font: 16px/1 sans-serif;
}
div {
margin: 100px;
@lensco
lensco / Custom.css
Created Aug 18, 2011
User stylesheet to customize the WebKit Inspector (cleaning up and improving the styles panel). See http://bricss.net/post/9076968710/customize-the-webkit-inspector-chrome-dev-tools
View Custom.css
.monospace {
font: 11px/1.3 Monaco !important;
}
/* slightly larger indentation of source code */
.outline-disclosure ol {
-webkit-padding-start: 18px !important;
}
/* margin underneath styles panel heading */
View responsive.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive Design Testing</title>
<style>
body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
.wrapper { width: 6000px; }
.frame { float: left; }
h2 { margin: 0 0 5px 0; }
@lensco
lensco / dabblet.css
Created Oct 8, 2012
box-shadow vs filter: drop-shadow 2
View dabblet.css
/**
* box-shadow vs filter: drop-shadow 2
*/
body {
background: #ddd;
font: 16px/1 sans-serif;
margin: 50px;
}