Skip to content

Instantly share code, notes, and snippets.

View mklabs's full-sized avatar

Mickael Daniel mklabs

View GitHub Profile
@mklabs
mklabs / mr-frown.html
Created November 13, 2010 13:41
404.html snippet from html5 boilerplate
<style>
body { text-align: center;}
h1 { font-size: 50px; }
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
a { color: rgb(36, 109, 56); text-decoration:none; }
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
</style>
@mklabs
mklabs / css-frown.css
Created November 13, 2010 13:46
CSS part of Mr Frown
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
/* edited with -moz & -webkit prefix */
span[frown] { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); display:inline-block; color: #bbb; }
@mklabs
mklabs / mr-frown.css
Created November 13, 2010 17:16
Mr Frown (and family)
.mk-blog-demo-frown-family { padding: 0.5em 0; font-size: 5em;}
.mk-blog-demo-frown-family p { margin: 0; padding: 0.4em; text-align: center;}
.mk-blog-demo-frown-family p span { color: #bbb; margin-left: 1em;}
.mk-blog-demo-frown-family p.uncle-O { font-size: 6em; display: none; padding: 0.5em 0;}
.mk-blog-demo-frown-family p.uncle-O span { margin: 0;}
/* rotate ftw */
span[frown] { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); display:inline-block; }
span[rt-15] { transform: rotate(15deg); -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); display:inline-block; }
span[rt-30] { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); display:inline-block; }
@mklabs
mklabs / range-of-rt.css
Created November 13, 2010 17:18
Range of rotate anchor
/* rotate ftw */
span[frown] { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); display:inline-block; }
span[rt-15] { transform: rotate(15deg); -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); display:inline-block; }
span[rt-30] { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); display:inline-block; }
span[rt-45] { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); display:inline-block; }
span[rt-90] { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); display:inline-block; }
span[rt-135] { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); display:inline-block; }
span[rt-180] { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); display:inline-block; }
span[rt-225] { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transfo
@mklabs
mklabs / node-blocking-io.js
Created November 15, 2010 23:06
Snippet from jsconf.pdf
var result = db.query("select..");
// use result
@mklabs
mklabs / node-non-blocking-io.js
Created November 15, 2010 23:24
Snippet from jsconf.pdf
db.query("select..", function (result) {
// use result
});
@mklabs
mklabs / node-install.shell
Created November 16, 2010 19:52
Little snippet of install from command line
./configure
make
make install
@mklabs
mklabs / node-simple-sample.js
Created November 16, 2010 19:55
Sample of web server, snippet from nodejs.org
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World\n');
}).listen(8080, "127.0.0.1");
console.log('Server running at http://127.0.0.1:8080/');
@mklabs
mklabs / node-repo-clone.shell
Created November 16, 2010 20:02
Grab the sources via github
git clone git://github.com/ry/node.git
@mklabs
mklabs / jquery-badbad-code.js
Created November 18, 2010 10:20
Example of what not to do when writing jQuery code (well it begins by following js is a hack... pretty explicit...)
// the following javascript is a hack to display a "file" image instead of a "folder" image
// when an entity has no children to display.
var ulList = $('ul');
for (i=0; i<ulList.length; i++) {
var ulEl = ulList[i];
if ($('li[class!=liToHide]', ulEl).length == 0) {
var spanEl = $(ulEl).prev().prev();
var imgList = $('img', spanEl);
$(imgList[0]).attr('src', Constants.LI_IMG_URL);
$(imgList[1]).attr('src', Constants.FILE_IMG_URL);