Skip to content

Instantly share code, notes, and snippets.

View pjkix's full-sized avatar

PJ pjkix

View GitHub Profile
@pjkix
pjkix / favicon.sh
Last active October 13, 2022 07:09
Favicon and Apple Touch Icon Generator
#!/bin/bash
# Favicon and Apple Touch Icon Generator
#
# This bash script takes an image as a parameter, and uses ImageMagick to convert it to several
# other formats used on modern websites. The following copies are generated:
#
# * apple-touch-icon-114x114-precomposed.png
# * apple-touch-icon-57x57-precomposed.png
# * apple-touch-icon-72x72-precomposed.png
@pjkix
pjkix / dabblet.css
Created May 20, 2013 19:39 — forked from LeaVerou/dabblet.css
Just for fun™: Flickr spinner in pure CSS
/**
* Just for fun™: Flickr spinner in pure CSS
*/
@keyframes move {
to { left: 50%; }
}
@keyframes cover {
from,49.9% { z-index: 1 }
@pjkix
pjkix / dabblet.css
Created May 6, 2013 21:20 — forked from anonymous/dabblet.css
Testing z-index in IE9 using IE7 compat mode
/**
* Testing z-index in IE9 using IE7 compat mode
*/
.wrapper { position: relative; z-index: 1; width: 200px; height: 100px;}
.container { position:relative; z-index: auto; width: 200px; height: 100px; border: 1px solid blue; background-color: blue;}
.controls { position: absolute; top: 0; right: 0; z-index: 5; background-color: red; border: 1px solid red;}
.overlay { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; background-color: yellow; border: 1px solid green;}
@pjkix
pjkix / less-stats-ack.sh
Created October 15, 2012 18:55
shell script for generating stats about less files
#!/bin/bash
## v1.0.8b(less)
## this script will generate LESS stats
## NOTE: you need to run --type-set=less=.less or add this to .ackrc
## TODO: ack ignroes contrib by default, need to add this to find as well
### example output
# LESS STATS
@pjkix
pjkix / dabblet.css
Created March 31, 2012 06:22 — forked from jakearchibald/dabblet.css
Untitled
.test, .test2 {
width: 200px;
height: 200px;
background: green;
border-radius: 500px;
position: relative;
transition: all 2s linear;
}
.test2:hover {
transform: translate(20px, 0);
@pjkix
pjkix / css-stats-ack.sh
Created October 5, 2011 21:39
shell script to generate some css file statistics
#!/bin/bash
## v1.0.6
## this script will gernerate css stats
### example output
# CSS STATS
# ----------
# Floats: 132
@pjkix
pjkix / new_kohana_app.sh
Created May 22, 2010 19:43 — forked from reaktivo/new_kohana_app.sh
kohana3 git modules setup script
#!/bin/sh
# create local repo
git init
# import kohana + offical mods
#git submodule add git://github.com/kohana/kohana.git lib/kohana
# import kohana core as git submodule
git submodule add git://github.com/kohana/core.git system
test gist