Skip to content

Instantly share code, notes, and snippets.

@SirPepe
SirPepe / dabblet.css
Created August 14, 2013 12:58
Vorhang-Effekt
/**
* Vorhang-Effekt
*/
var names = [
'ThomasP',
'christian',
'Bruno',
'Sascha',
'André',
'Robert',
'claudius',
'gewe',
'Carsten',
<!doctype html>
<meta charset="utf-8">
<title>Audiospektrum</title>
<p>
<canvas width="512" height="256" style="border: 1px solid #000" id="Spektrum"></canvas>
</p>
<p>
<audio src="../../audio.mp3" id="Test" controls loop></audio>
@SirPepe
SirPepe / dabblet.css
Last active March 9, 2023 23:12
Flexbox-Übung
/**
* Flexbox-Übung
*/
@SirPepe
SirPepe / dabblet.css
Last active December 18, 2015 05:19
Lösung Flexbox-Übung
/**
* Lösung Flexbox-Übung
*/
/* Flexbox auf dem Wrapper macht schönere Margins */
#wrapper {
display: flex;
flex-direction: column;
max-width: 1024px;
}
@SirPepe
SirPepe / dabblet.css
Created June 1, 2013 09:26
Lösung Selektor-Übung
/**
* Lösung Selektor-Übung
*/
/* Wechselnder Hintergrund */
li:nth-child(4n+1) {
background: #CCC;
}
li:nth-child(2n+2) {
background: #AAA;
@SirPepe
SirPepe / dabblet.css
Created June 1, 2013 09:25
Vorlage Selektor-Übung
/**
* Vorlage Selektor-Übung
*/
@SirPepe
SirPepe / dabblet.css
Created May 31, 2013 20:03
Demo CSS-Pseudoklassen-Typen
/**
* Demo CSS-Pseudoklassen-Typen
*/
/* :nth-child OHNE Element */
/*#foo :nth-child(2n+1){ color: red; }*/
/* :nth-child MIT Element */
/*#foo span:nth-child(2n+1){ color: red; }*/
@SirPepe
SirPepe / dabblet.css
Created May 24, 2013 20:10
Übung 3D-Transformationen
/**
* Übung 3D-Transformationen
*/
/* Umgebende Box */
.wrapper {
position: relative;
height: 480px;
width: 480px;
margin: 1em;
@SirPepe
SirPepe / Custom.css
Last active December 15, 2015 16:48
/* ~/.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;