Skip to content

Instantly share code, notes, and snippets.

Avatar

Paweł Miech pawelmhm

149 followers · 27 following
View GitHub Profile
@pawelmhm
pawelmhm / dabblet.css
Created Dec 1, 2012
Bomis header
View dabblet.css
body {
width:75%;
margin-left:auto;
margin-right:auto;
}
header {
position:relative;
font-family:sylfaen;
top:0;}
@pawelmhm
pawelmhm / dabblet.css
Created Dec 2, 2012
Animate conent
View dabblet.css
#holder {
position:relative;
width:700px;
height:200px;
margin:auto;
border:10px solid #000;
overflow:hidden;}
.panel {
position:absolute;
@pawelmhm
pawelmhm / dabblet.css
Created Dec 2, 2012
Dynamic content system
View dabblet.css
/**
* Dynamic content system
*
*/
#container { }
#viewer {
position:relative;
border:8px red solid;
@pawelmhm
pawelmhm / dabblet.css
Created Dec 2, 2012
Simple way to animate content
View dabblet.css
/*Dynamic content system */
#view {
position:relative;
width:900px;
height:200px;
margin:auto;
border:5px dashed #000;
overflow:hidden;}
#holder {
@pawelmhm
pawelmhm / dabblet.css
Created Jan 18, 2013
The first commented line is your dabblet’s title
View dabblet.css
/**
* 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 Jan 18, 2013
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
#classer {
width:300px;
height:300px;
margin:auto;
}
@pawelmhm
pawelmhm / dabblet.css
Created Jan 25, 2013
animated sections
View dabblet.css
/**
* animated sections
*/
article {
width:1000px;
height:600px;
}
#lover {
background:red;
@pawelmhm
pawelmhm / index.html
Created Jun 15, 2013
A CodePen by pawelmhm.
View index.html
<canvas id="canvas" width="600" height="600"></canvas>
@pawelmhm
pawelmhm / index.html
Created Jul 1, 2013
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…
View index.html
<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 Jul 1, 2013
almost a bicycle
View dabblet.css
/* almost a bicycle */
#bike {
width:400px;
height:250px;
position:relative;
margin:20px 0;
-webkit-transition: -webkit-transform 3s linear;
}