Skip to content

Instantly share code, notes, and snippets.

@wenjul
wenjul / package.json
Created Aug 23, 2018
material ui docs package json
View 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 Jul 31, 2018 — forked from jonbretman/type.js
Simple type checking in JavaScript.
View type.js
(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 — forked from axelpale/combinations.js
JavaScript functions to calculate combinations of elements in Array.
View combinations.js
/**
* 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 / styles.css
Created Dec 22, 2015 — forked from pburtchaell/styles.css
VH and VW units can cause issues on iOS devices. To overcome this, create media queries that target the width, height, and orientation of iOS devices.
View styles.css
/**
* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
*
* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
* the height of element `.foo` —which is a full width and height cover image.
*
* iOS Resolution Quick Reference: http://www.iosres.com/
*/
View rem.js
/*
* rem.js
* v0.1.1
* fixed 2015-3-12
*/
(function (win){
var doc = win.document,
html = doc.documentElement,
option = html.getAttribute('data-use-rem');
@wenjul
wenjul / 1-device-px-border.css
Last active Mar 26, 2018
1 device px border
View 1-device-px-border.css
/*上,下边框*/
.tBor:before,
.bBor:after{
position:absolute;
content: "";
height:1px;
background:red;
left:0;
right:0;
}
@wenjul
wenjul / dabblet.css
Created Jan 10, 2014 — forked from hiro288/dabblet.css
(C)Leanest CSS spinner ever
View dabblet.css
/**
* (C)Leanest CSS spinner ever
*/
@keyframes spin {
to { transform: rotate(1turn); }
}
.progress {
position: relative;
View 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'];
@wenjul
wenjul / dabblet.css
Created Nov 7, 2013
iOS 6 style switch checkboxes
View dabblet.css
/**
* iOS 6 style switch checkboxes
* by Lea Verou http://lea.verou.me
*/
:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
position: absolute;
opacity: 0;
}
@wenjul
wenjul / dabblet.css
Created Nov 7, 2013
iOS 6 style switch checkboxes
View dabblet.css
/**
* iOS 6 style switch checkboxes
* by Lea Verou http://lea.verou.me
*/
:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
position: absolute;
opacity: 0;
}
You can’t perform that action at this time.