Skip to content

Instantly share code, notes, and snippets.

Jace wenjul

Block or report user

Report or block wenjul

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@wenjul
wenjul / CSS:normalize.css v1.0.1
Created Nov 12, 2012
CSS:normalize.css v1.0.1
View 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.
*/
View css reset: 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 / index.html
Created Nov 22, 2012 — 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
View index.html
<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 / index.html
Created Nov 22, 2012
Countdown Clock(翻页电子表)
View index.html
<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
wenjul / template.html
Created Nov 22, 2012
HTML:html5 template
View template.html
<!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
wenjul / border-bubble.css
Created Nov 22, 2012
STYLE: border-bubble
View border-bubble.css
/***气泡样式 ***/
.bubble{
position:absolute;
border:1px solid #C4C4C4;
background-color:#F7F7F7;
border-radius:10px;
color:#333;
margin:50px;
text-align:center;
@wenjul
wenjul / index.html
Created Nov 22, 2012
A CodePen by wenjul. css border bubble - www.topcss.org
View index.html
<!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 / ie6-minHeight-minWidth.css
Created Nov 27, 2012
CSS:IE6 min-height min-width
View ie6-minHeight-minWidth.css
#selector{
min-height: 30px;
_height: 30px;
height: auto !important;
}
#selector{
min-width: 30px;
_width: 30px;
width: auto !important;
@wenjul
wenjul / fluid-input.html
Created Nov 27, 2012
宽度自适应的输入框
View fluid-input.html
<!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;}
You can’t perform that action at this time.