Skip to content

Instantly share code, notes, and snippets.

一丝 yisibl

Block or report user

Report or block yisibl

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
@yisibl
yisibl / private.xml
Created Sep 24, 2015
Option + Backquote(`) 映射为 Markdown 代码格式 (```\n```)
View private.xml
<?xml version="1.0" ?>
<root>
<item>
<name>Option + Backquote(`) 映射为 Markdown 代码格式 (```\n```)</name>
<appendix>Option + Backquote To Markdown Code Format(```\n```)</appendix>
<identifier>remap.Backquote2MarkdownCodeFormat</identifier>
<autogen>
__KeyToKey__ KeyCode::BACKQUOTE, ModifierFlag::OPTION_L,
KeyCode::BACKQUOTE, KeyCode::BACKQUOTE, KeyCode::BACKQUOTE, KeyCode::ENTER,
KeyCode::BACKQUOTE, KeyCode::BACKQUOTE, KeyCode::BACKQUOTE,
@yisibl
yisibl / SassMeister-input.scss
Created Apr 8, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
//定义大圆的直径
$large-r: 460px !default;
//定义小圆的直径
$small-r: 30px !default;
@yisibl
yisibl / SassMeister-input.scss
Created Apr 7, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@for $i from 1 through 8 {
.main .line:nth-child(#{$i}){
transform: rotate3d(0, 0, 1, 22.5deg * $i);
}
}
@yisibl
yisibl / SassMeister-input.scss
Created Apr 7, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@for $i from 1 through 8 {
.main .line:nth-child(#{$i}){
transform: rotate3d(0, 0, 1, 22.5deg * $i);
}
}
@yisibl
yisibl / SassMeister-input.scss
Created Apr 3, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$colors-list: width height border margin;
.foo {
@each $current-color in $colors-list {
$i: index($colors-list, $current-color) * .5s;
transition: $current-color $i;
@yisibl
yisibl / num2fraction.js
Last active Aug 29, 2015
Number to fraction
View num2fraction.js
//最大公约数
function gcd(a, b) {
if (b === 0) return a
return gcd(b, a % b)
}
function num2fraction(num) {
if (num === 0) return 0
if (typeof num === "string") {
View gist:ccb7ad7c6ff9483ca50e

List of Suggested Extensions to CSS

This is a breakdown of "List of Suggested Extensions to CSS", produced by the CSSWG back in 1998. It goes through each feature and either lists where the feature has been defined in the intervening 16 years, or notes that it has yet to be addressed.

Out of the 67 suggested extensions, 30 have been added, 10 have been partially added or been added but with uncertain implementor interest, and 27 have not been added.

  1. Columns: http://dev.w3.org/csswg/css-multicol/
  2. Swash letters and other glyph substitutions: http://dev.w3.org/csswg/css-fonts/#font-rend-props
  3. ~ Running headers and footers: http://dev.w3.org/csswg/css-gcpm/#running-elements, but unproven so
@yisibl
yisibl / cssgrace-syntax.css
Last active Aug 29, 2015
CSS Grace syntax design
View cssgrace-syntax.css
/**
* extend 全局继承
* extend 会合并选择器,不会生成冗余代码。
* 1. extend: select() [ , select() ]* 继承选择器与其中的声明 http://tabatkins.github.io/specs/css-toggle-states/#toggle-group-property
* 2. extend: <custom-ident> [ , <custom-ident> ]* 作为 Placeholder,只继承声明,default 为保留关键字
* inherit(property [ , property ]*) 局部继承
*/
/* input */
View cssgrace.js
/**
cssgrace.pack(css)
*/
var path = require('path');
var http = require('http');
var url = require('url');
var postcss = require('postcss');
var sizeOf = require('image-size');
You can’t perform that action at this time.