Skip to content

Instantly share code, notes, and snippets.

@wenjul
wenjul / client.js
Created February 15, 2013 05:19
检测客户端渲染引擎、浏览器版本、操作系统和识别移动设备
var client = function(){
//rendering engines
var engine = {
ie: 0,
gecko: 0,
webkit: 0,
khtml: 0,
opera: 0,
@wenjul
wenjul / imgscale.js
Created January 17, 2013 10:32
根据父元素尺寸等比缩放图片
/*
* imgscale, Automatically scales images to fit or fill their parent container.
* Note: The defined parent container of the image must have a defined height and width in CSS.
* By: Kelly Meath
* Website : http://imgscale.kjmeath.com
* Version: 1.0.0
* Updated: March 22nd, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
/*
* Plugin Name : imgResize
* Author : Shane Donnelly
*/
(function($){
//here's our resizer object
$.Resize = function (el, options) {
this.options = options;
this.$el = $(el);
// jQuery.support.transition
// to verify that CSS3 transition is supported (or any of its browser-specific implementations)
$.support.transition = (function(){
var thisBody = document.body || document.documentElement,
thisStyle = thisBody.style,
support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined;
return support;
})();
@wenjul
wenjul / crack.rb
Created December 11, 2012 03:09
sublimetext crack.
# 仅去掉了烦人的提示,足够了。
# 使用说明
# ruby crack.rb "/Applications/Sublime Text 2.app/Contents/MacOS/Sublime Text 2"
# only for build 2210
# coded by hhuai.
#特征码取值
magic_code="\x55\x48\x89\xE5\x53\x48\x83\xEC\x08\x80\x3D\x10\x56\x51\x00\x00\x75\x70\xE8\x09\x7B\xF1\xFF\x48\x89\xC3\x48\x89\xD8\x48\x2B\x05\xC4\x17\x51\x00\x48\x3D\x80\xCB\xA4\x00\x7C\x56\xFF\x05\xBE\x17\x51\x00\xE8\xB7\xE7\x2C\x00\x8B\x0D\xB3\x17\x51\x00\x83\xF9\x02\x0F\x9F\xC2\xA8\x0F\x0F\x94\xC0\x84\xC2\x75\x05\x83\xF9\x08\x7E\x31\xC7\x05\x95\x17\x51\x00\x00\x00\x00\x00\x48\x89\x1D\x86\x17\x51\x00\x31\xFF\x48\x8D\x35\x9D\xC8\x3B\x00\x48\x8D\x15\x6B\xC9"
crack_code="\x55\x48\x89\xE5\x53\x48\x83\xEC\x08\x80\x3D\x10\x56\x51\x00\x00\x74\x70\xE8\x09\x7B\xF1\xFF\x48\x89\xC3\x48\x89\xD8\x48\x2B\x05\xC4\x17\x51\x00\x48\x3D\x80\xCB\xA4\x00\x7C\x56\xFF\x05\xBE\x17\x51\x00\xE8\xB7\xE7\x2C\x00\x8B\x0D\xB3\x17\x51\x00\x83\xF9\x02\x0F\x9F\xC2\xA8\x0F\x0F\x94\xC0\x84\xC2\x75\x05\x83\xF9\x08\x7E\x31\xC7\x05\x95\x17\x51\x00\x00\x00\x00\x00\x48\x89\x1D\x86\x17\x51\x00\x31\
@wenjul
wenjul / menu-button-arrow.png
Created November 29, 2012 15:14 — forked from kloots/menu-button-arrow.png
ARIA Widget Examples Using jQuery
menu-button-arrow.png
@wenjul
wenjul / fluid-input.html
Created November 27, 2012 16:29
宽度自适应的输入框
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>宽度自适应的输入框</title>
<link rel="stylesheet" src="http://normalize-css.googlecode.com/svn/trunk/normalize.css" />
<style type="text/css">
.col{margin:0 auto; padding:10px; width:600px; background-color:#999;}
.fluid-input{display:inline-block; width:100%; _overflow:hidden;}
@wenjul
wenjul / ie6-minHeight-minWidth.css
Created November 27, 2012 13:59
CSS:IE6 min-height min-width
#selector{
min-height: 30px;
_height: 30px;
height: auto !important;
}
#selector{
min-width: 30px;
_width: 30px;
width: auto !important;
@wenjul
wenjul / index.html
Created November 22, 2012 16:18
A CodePen by wenjul. css border bubble - www.topcss.org
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<div class="bubble bubble-top" style="top:20px;">
<i class="arrow-before"></i>
<i class="arrow-after"></i>
@wenjul
wenjul / border-bubble.css
Created November 22, 2012 15:58
STYLE: border-bubble
/***气泡样式 ***/
.bubble{
position:absolute;
border:1px solid #C4C4C4;
background-color:#F7F7F7;
border-radius:10px;
color:#333;
margin:50px;
text-align:center;