Skip to content

Instantly share code, notes, and snippets.

@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 / css reset: normalize.css v2.0.1
Created November 12, 2012 05:13
CSS:normalize.css v2.0.1
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
@wenjul
wenjul / package.json
Created August 23, 2018 09:15
material ui docs package json
{
"name": "material-ui-workspace",
"private": true,
"author": "Material-UI Team",
"version": "1.5.1",
"description": "Material-UI's workspace package",
"keywords": [
"react",
"react-component",
"material design",
@wenjul
wenjul / type.js
Created July 31, 2018 12:56 — forked from jonbretman/type.js
Simple type checking in JavaScript.
(function (root) {
var type = function (o) {
// handle null in old IE
if (o === null) {
return 'null';
}
// handle DOM elements
@wenjul
wenjul / combinations.js
Created May 16, 2018 16:42 — forked from axelpale/combinations.js
JavaScript functions to calculate combinations of elements in Array.
/**
* Copyright 2012 Akseli Palén.
* Created 2012-07-15.
* Licensed under the MIT license.
*
* <license>
* Permission is hereby granted, free of charge, to any person obtaining
* a copy of this software and associated documentation files
* (the "Software"), to deal in the Software without restriction,
* including without limitation the rights to use, copy, modify, merge,
@wenjul
wenjul / 1-device-px-border.css
Last active March 26, 2018 08:00
1 device px border
/*上,下边框*/
.tBor:before,
.bBor:after{
position:absolute;
content: "";
height:1px;
background:red;
left:0;
right:0;
}
@wenjul
wenjul / google scrollbar.css
Created July 1, 2013 07:35
google scrollbar style
::-webkit-scrollbar{height:16px; width:16px;}
::-webkit-scrollbar-button{height:0; width:0;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:block;}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement{display:none;}
::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent;}
@wenjul
wenjul / index.html
Created November 22, 2012 15:22 — forked from anonymous/index.html
Advanced Checkbox Hack - This works for both iOS and Android! You can use almost the default checkbox-hack syntax and just need to add two things:## 1. Android smaller than / equal 4.1.2pseudo-class + general/adjacent siblin
<h1>Advanced Checkbox Hack</h1>
<input type="checkbox" id="button" />
<label for="button" onclick>click / touch</label>
<div>
Change my color!
<br>
<span>even mine :D</span>
</div>
@wenjul
wenjul / dabblet.css
Created January 10, 2014 01:19 — forked from hiro288/dabblet.css
(C)Leanest CSS spinner ever
/**
* (C)Leanest CSS spinner ever
*/
@keyframes spin {
to { transform: rotate(1turn); }
}
.progress {
position: relative;
@wenjul
wenjul / rAF.js
Created November 29, 2013 01:46 — forked from paulirish/rAF.js
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];