Skip to content

Instantly share code, notes, and snippets.

View hileon's full-sized avatar

Leon Zhang hileon

View GitHub Profile
@hileon
hileon / CSS3 Media Queries Template
Created March 27, 2012 03:47
CSS3 Media Queries template
/*
* Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
@hileon
hileon / gist:2212339
Created March 27, 2012 03:48 — forked from paulfarning/gist:609330
CSS3 rolled corners
.section {
border: 4px solid #fff;
margin: 100px;
padding: 10px 20px;
overflow: hidden;
width: 310px;
background-image: -moz-linear-gradient(top, #f6f2ec, #e2dbce); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f6f2ec),color-stop(1, #e2dbce)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce'); /* IE6,IE7 */
@hileon
hileon / _css3.scss
Created March 27, 2012 03:49
SASS CSS3 Mixins
///*---------------------------------------------------------------------*/
@mixin border-radius($topleft:5px,$topright:null,$bottomright:null,$bottomleft:null) {
@if $topright != null and $bottomright != null and $bottomleft != null {
border-top-left-radius: $topleft;
border-top-right-radius: $topright;
border-bottom-right-radius: $bottomright;
border-bottom-left-radius: $bottomleft;
-moz-border-radius-topleft: $topleft;
-moz-border-radius-topright: $topright;
-moz-border-radius-bottomright: $bottomright;
@hileon
hileon / gist:2212440
Created March 27, 2012 04:05 — forked from quoidautre/gist:2203635
LESSCSS: font-face
@font-face {
font-family: 'OpenSans-Bold';
src: url('../fonts/OpenSans-Bold.ttf');
font-weight: normal;
font-style: normal;
}
.fonts (@the-font:"OpenSans-CondLight",@size:14px) {
font-weight: normal;
font-style: normal;
@hileon
hileon / .css3_gradient
Created March 27, 2012 04:06
less css transition
.css3_gradient(@from, @to, @fallback: @to) {
background-color:@fallback;
background-image:-webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
background-image:-webkit-linear-gradient(top, @from, @to);
background-image:-moz-linear-gradient(top, @from, @to);
background-image:-ms-linear-gradient(top, @from, @to);
background-image:-o-linear-gradient(top, @from, @to);
background:linear-gradient(to left bottom, @from, @to);
}
@hileon
hileon / mixins.less
Created March 27, 2012 04:07 — forked from chrisgaunt/mixins.less
LESS CSS Mixins
.box-shadow(@x: 0, @y: 1px, @blur: 1px, @color: #000) {
box-shadow: @x @y @blur @color;
-moz-box-shadow: @x @y @blur @color;
-webkit-box-shadow: @x @y @blur @color;
}
.inset-box-shadow(@x: 0, @y: 1px, @blur: 1px, @color: #000) {
box-shadow: inset @x @y @blur @color;
-moz-box-shadow: inset @x @y @blur @color;
-webkit-box-shadow: inset @x @y @blur @color;
@hileon
hileon / Markdown Syntax
Created March 27, 2012 04:11 — forked from shanewfx/Markdown Syntax
Markdown Syntax
Markdown Syntax:
1.Phrase Emphasis 斜体与加粗
*italic* **bold**
_italic_ __bold__
2.Links 超链接
@hileon
hileon / gist:2212463
Created March 27, 2012 04:11
Markdown Syntax Cheatsheet

Syntax Cheatsheet:

Phrase Emphasis

*italic*   **bold**
_italic_   __bold__

Links

@hileon
hileon / cheatsheet.md
Created March 27, 2012 04:12 — forked from jessedearing/vim cheatsheet.md
Vim Cheatsheet

#Vim Cheat Sheet

  • gqip - Reformats paragraph to textwidth
  • gq - Reformats selection
  • :Tab /= - Equally spaces based on the = symbol (requires Tabular vim plugin)
  • :setf language - Changes current language
  • :set language=language - Changes current language
  • <C-a> - Increments the number under the cursor
  • <C-x> - Decrements the number under the cursor
@hileon
hileon / rvm_cheatsheet
Created March 27, 2012 04:12 — forked from fajrif/rvm_cheatsheet
RVM cheatsheet
RVM home page: http://rvm.beginrescueend.com
Install RVM
------------
See http://rvm.beginrescueend.com/rvm/install/
bash < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer)
Install rvm for all users