SirPepe

irc  = require 'irc'
http = require 'http'


# Client erstellen
bot_name     = 'Hixie'
bot_channels = ['#webhonks']
bot = new irc.Client 'irc.freenode.net', bot_name, {
	userName: 'hixie'
	realName: 'Ein Bot in CoffeeScript',

SirPepe

/**
 * flexible fluid <figure> and <figcaption>
 */

html * { font-size:100%; }

body {
	background: #efefef;
	min-height:100%;
	font-size: 85%;

SirPepe

/**
 * Übung Adaptives Layout
 */

body { padding: 2.5%; }
div { margin: 0 2.5% 2.5%; height: 80px; border-radius: 8px; }

/* An's Werk! */

SirPepe

/**
 * Übung Adaptives Layout
 */

body { padding: 2.5%; }
div { margin: 0 2.5% 2.5%; height: 80px; border-radius: 8px; }


/* Mittleres Layout */
@media screen and (min-width: 500px){

SirPepe

/**
 * Tab-Navigation mit CSS3-Selektoren
 */


body {
    padding: 2em 0;
}

/* Platzierung der Tab-Navigation */

SirPepe

/**
 * Übung CSS3-Pseudoklassen
 */


html, body {
    background: #FFF;
}
ul {
    font-size: 18px;

SirPepe

/**
 * Übung CSS Tab-Navigation
 */


/* Platzierung der Tab-Navigation */
#tab-box {
    border: 2px solid #000;
    width: 50%;
    margin: 0 auto;

SirPepe

/**
 * Selektives Markieren externer Links
 */

/* Externe Links markieren... */
#test1 a[target="_blank"] {
    background: yellow;
}

/* ... und die Markierung wieder zurücksetzen */

SirPepe

/* requestAnimationFrame für alle */
var reqAniFra = (function(){
    return window.requestAnimationFrame ||
           window.webkitRequestAnimationFrame ||
           window.mozRequestAnimationFrame ||
           window.oRequestAnimationFrame ||
           window.msRequestAnimationFrame ||
           function(callback){
                setTimeout(callback, 1000 / 60);
           }

SirPepe

/**
 * The first commented line is your dabblet’s title
 */
#foo {
}