Skip to content

Instantly share code, notes, and snippets.

.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex.flex--reverse {
-webkit-box-orient: horizontal;
@janily
janily / MAMP with Python-MySQLdb.txt
Last active December 16, 2015 08:03 — forked from zeuxisoo/MAMP with Python-MySQLdb.txt
MAMP + Python-MySQLdb
1. Goto http://dev.mysql.com/downloads/mysql/
2. Select Platform: "Mac OS X"
3. Download mysql-5.5.11-osx10.6-x86.tar.gz
(Mac OS X ver. 10.6 (x86, 32-bit), Compressed TAR Archive)
4. Unzip it
5. Copy include folder into /Applications/MAMP/Library
6. Copy lib/* files into /Applications/MAMP/Library/lib
----
1. Goto http://sourceforge.net/projects/mysql-python/
@janily
janily / index.html
Last active August 29, 2015 14:25 — forked from seantomburke/index.html
This is the iPhone Messages app created in full CSS. I use this on my website www.memebro.com. To see the full features visit http://www.memebro.com
<div id="iPhoneBro" class="iPhone gen">
<div class="title">
<input type="submit" class="back button" value="Messages">
<span class="contact_name button">(614) MEME-BRO</span>
<input type="submit" class="edit button" value="Edit">
</div>
<div id="conversation" class="conversation ">
<div class="time"><div class="time"><p>Aug 9, 2012 3:43 AM</p></div></div><div class="text sent" id="query"><div class="reflect"></div><p>Check Out <a href-"http://www.memebro.com/?r=codepen">memebro.com</a></p></div>
<div class="text receive"><div class="reflect"></div><p>Try "+popular", "+trending", or "+new" for meme lists</p></div>
<div class="text sent" id="query"><div class="reflect"></div><p>+popular</p></div>
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SVG Filters</title>
<style></style>
<link rel="stylesheet" href="../../../resources/css/sencha-touch.css">
<script src="../../../sencha-touch-all-debug.js"></script>
<script>
// Can't easily override inheritable statics because of the onClassExtended method of the Ext.draw.sprite.Sprite,
@janily
janily / test.js
Last active August 29, 2015 14:20 — forked from miguel-perez/test.js
var
/**
* Fires a custom event when all animations are complete
* @param {object} $element - jQuery object that should trigger event
*
*/
triggerAllAnimationEndEvent = function ($element) {
var animationCount = 0,
animationstart = "animationstart webkitAnimationStart oanimationstart MSAnimationStart",
@janily
janily / debug.conf
Last active August 29, 2015 14:17 — forked from qianduan/debug.conf
#Wed Feb 11 15:27:20 GMT+08:00 2015
setting_froceUseQProxy=false
setting_forceUseSystemWebview=false
/**
* PhotoShop script to list used fonts
* @author Dave Stewart
* @date 23 May 2013
* @url twitter.com/dave_stewart
*/
function listFonts()
{
// functions
function checkSet(set)
@import "compass/css3/animation";
@import "compass/css3/transform";
$waveWidth:998px;
@include keyframes(waves){
0%{
left:0;
}
100%{
@janily
janily / DragTransform
Last active August 29, 2015 14:10 — forked from fta2012/DragTransform
var selector = 'img' // Replace this with the selector for the element you want to make transformable
jQuery.getScript('//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', function() {
jQuery.getScript('//cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js', function() {
(function() {
var $, applyTransform, getTransform, makeTransformable;
$ = jQuery;