Skip to content

Instantly share code, notes, and snippets.

View pawelmhm's full-sized avatar

Paweł Miech pawelmhm

169 followers · 27 following
View GitHub Profile
@pawelmhm
pawelmhm / dabblet.css
Created December 1, 2012 22:39
Bomis header
body {
width:75%;
margin-left:auto;
margin-right:auto;
}
header {
position:relative;
font-family:sylfaen;
top:0;}
@pawelmhm
pawelmhm / dabblet.css
Created December 2, 2012 14:48
Animate conent
#holder {
position:relative;
width:700px;
height:200px;
margin:auto;
border:10px solid #000;
overflow:hidden;}
.panel {
position:absolute;
@pawelmhm
pawelmhm / dabblet.css
Created December 2, 2012 15:23
Dynamic content system
/**
* Dynamic content system
*
*/
#container { }
#viewer {
position:relative;
border:8px red solid;
@pawelmhm
pawelmhm / dabblet.css
Created December 2, 2012 16:23
Simple way to animate content
/*Dynamic content system */
#view {
position:relative;
width:900px;
height:200px;
margin:auto;
border:5px dashed #000;
overflow:hidden;}
#holder {
@pawelmhm
pawelmhm / dabblet.css
Created January 18, 2013 14:19
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
#classer {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
width:300px;
height:300px;
margin:auto;
}
@pawelmhm
pawelmhm / dabblet.css
Created January 18, 2013 14:29
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
#classer {
width:300px;
height:300px;
margin:auto;
}
@pawelmhm
pawelmhm / dabblet.css
Created January 25, 2013 18:15
animated sections
/**
* animated sections
*/
article {
width:1000px;
height:600px;
}
#lover {
background:red;
@pawelmhm
pawelmhm / index.html
Created June 15, 2013 22:10
A CodePen by pawelmhm.
<canvas id="canvas" width="600" height="600"></canvas>
@pawelmhm
pawelmhm / index.html
Created July 1, 2013 07:24
A CodePen by Pawel_Miech. Conway's Game Of Life - "The Game of Life, also known simply as Life, is a cellular automaton devised by the British mathematician John Horton Conway in 1970.[1] The "game" is a zero-player game, meaning that its evolution is determined by its initial state, requiring no further input. One interacts with the Game of Lif…
<body>
<div>
<h3> Conway's Game Of Life</h3>
<h4>Click on squares to bring them into life </h4>
Choose the size of cells:
<div><input type="range" id="setSize" name="setSize" min="5" max="120" step="5"/></div>
<div>
<input type="button" id="startGame" value="Start Game"/>
<input type="button" id="killLife" value="Stop Life"/>
<input type="button" id="clearLife" value="Clear Life"/>
@pawelmhm
pawelmhm / dabblet.css
Created July 1, 2013 14:58
almost a bicycle
/* almost a bicycle */
#bike {
width:400px;
height:250px;
position:relative;
margin:20px 0;
-webkit-transition: -webkit-transform 3s linear;
}