Skip to content

Instantly share code, notes, and snippets.

View @media tag
@media screen and (min-width:641px) and (max-width:1024px) {
article section p {
column-count:1;
-moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
}
article section > h1 {
font-size:1.4em;
}
body article section h2 {
View CSS 3 reset
/******* CSS3 reset *******/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
View HTML5 algemene structuur
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="hallo" />
<meta name="keywords" content="hallo,hallo,hallo" />
<meta name="author" content="hallo hallo" />
<link href="/hallo/hallo.css" rel="stylesheet" type="text/css" />
View Viewport instellingen
<meta name="viewport" content="width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimum-scale=1.0" />
View Correct centreren
body{
text-align:center; /*For IE6*/
}
#wrapper{
width:800px;
margin:0 auto;
text-align:left;
}
@Rowdysign
Rowdysign / tekstselectiekleur
Created May 29, 2012
HTML5 tekstselectiekleur
View tekstselectiekleur
/* Mozilla based browsers */
::-moz-selection {
background-color: #FFA;
color: #000;
}
/* Works in Safari */
::selection {
background-color: #FFA;
color: #000;
View Grote marker
/***************************************************************************/
/***************************************************************************/
/* ALGEMEEN */
/***************************************************************************/
/***************************************************************************/
View @font-face
@font-face {
font-family: "Dosis";
src: url("fonts/dosis/dosis-regular-webfont.eot");
src: url("fonts/dosis/dosis-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("fonts/dosis/dosis-regular-webfont.otf") format("opentype"),
url("fonts/dosis/dosis-regular-webfont.woff") format("woff"),
url("fonts/dosis/dosis-regular-webfont.ttf") format("truetype"),
url("fonts/dosis/dosis-regular-webfont.svg#dosis-regular") format("svg");
font-weight: normal;
}
View HTML5-opzet1.1
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Blablabla" />
<meta name="keywords" content="Blablabla,Blablabla,Blablabla" />
<meta name="author" content="Blablabla" />
<meta charset="utf-8" />
<title>Naam vd website</title>
@Rowdysign
Rowdysign / dabblet.css
Created Apr 23, 2012 — forked from vasilisvg/dabblet.css
Child selectors en sibling combinators oefening
View dabblet.css
/**
* Child selectors en sibling combinators oefening
Opdracht:
Vervang alle … door de juiste selector of combinatie.
De omschrijving staat er telkens boven
*/
body {
background: #fff;
font: 100%/1.5 georgia;
You can’t perform that action at this time.