SirPepe

/**
 * Übung 3D-Transformationen
 */

/* Umgebende Box */
.wrapper {
  position: relative;
  height: 480px;
  width: 480px;
  margin: 1em;

SirPepe

/* ~/.config/google-chrome/Default/User StyleSheets/Custom.css */

#-webkit-web-inspector .monospace,
#-webkit-web-inspector .source-code {
  font-size: 14px !important;
  line-height: 20px !important;
}
#-webkit-web-inspector .console-formatted-node *,
#-webkit-web-inspector .console-formatted-object * {
  line-height: 22px !important;

SirPepe

# MAC manipulators
alias random_mac='sudo ifconfig en0 ether `openssl rand -hex 6 | sed "s/\(..\)/\1:/g; s/.$//"`'
alias restore_mac='sudo ifconfig en0 ether YOUR_ORIGINAL_MAC_ADDRESS_GOES_HERE'

SirPepe

// Datenbank anlegen
var request = indexedDB.open('html5', 1);

// Änderungs/Erzeugungs-Event
request.onupgradeneeded = function(){
  console.log('Datenbank angelegt');
  var db = this.result;
  if(!db.objectStoreNames.contains('features')){
    store = db.createObjectStore('features', {
      keyPath: 'key',

SirPepe

/**
 * Lösung Adaptives Layout
 */
* { box-sizing: border-box; }
body { padding: 0 1%; font-family: Arial, sans-serif; line-height: 1.6; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul a { display: block; float: left; width:12.5%; font-weight: bold; }
#main, footer { clear: both; padding: 1em 0; }
footer { border-top: 1px solid #999; }
#main > section { float: left; width: 65%; }

SirPepe

/**
 * Übung Adaptives Layout
 */
* { box-sizing: border-box; }
body { padding: 0 1%; font-family: Arial, sans-serif; line-height: 1.6; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul a { display: block; float: left; width:12.5%; font-weight: bold; }
#main, footer { clear: both; padding: 1em 0; }
footer { border-top: 1px solid #999; }
#main > section { float: left; width: 65%; }

SirPepe

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

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

/**
 * Selektives Markieren externer Links
 */

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

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

SirPepe

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


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