wenjul’s gists

wenjul / CSS:normalize.css v1.0.1

Created November 12, 2012 05:01

CSS:normalize.css v1.0.1

	/! normalize.css v1.0.1 \| MIT License \| git.io/normalize /

	/* ==========================================================================
	HTML5 display definitions
	========================================================================== */

	/*
	* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
	*/

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 / 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 / index.html

Created November 22, 2012 15:31

Countdown Clock（翻页电子表）

	<div class="container">
	<ul class="flip minutePlay">
	<li>
	<a href="#">
	<div class="up">
	<div class="shadow"></div>
	<div class="inn">0</div>
	</div>
	<div class="down">
	<div class="shadow"></div>

wenjul / template.html

Created November 22, 2012 15:51

HTML:html5 template

	<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Untitled Document</title>
	<link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" />
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	</head>
	<body>

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;

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 / 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 / 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 / menu-button-arrow.png

Created November 29, 2012 15:14 — forked from kloots/menu-button-arrow.png

ARIA Widget Examples Using jQuery

Jace wenjul