Skip to content

Instantly share code, notes, and snippets.

View yisibl's full-sized avatar
🙈
🦀

一丝 yisibl

🙈
🦀
View GitHub Profile
@yisibl
yisibl / private.xml
Created September 24, 2015 09:32
Option + Backquote(`) 映射为 Markdown 代码格式 (```\n```)
<?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 April 8, 2015 03:43
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
//定义大圆的直径
$large-r: 460px !default;
//定义小圆的直径
$small-r: 30px !default;
@yisibl
yisibl / SassMeister-input.scss
Created April 7, 2015 08:04
Generated by SassMeister.com.
// ----
// 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 April 7, 2015 07:16
Generated by SassMeister.com.
// ----
// 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 April 3, 2015 05:07
Generated by SassMeister.com.
// ----
// 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 August 29, 2015 14:14
Number to fraction
//最大公约数
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") {

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: , but unproven so
@yisibl
yisibl / cssgrace-syntax.css
Last active August 29, 2015 14:12
CSS Grace syntax design
/**
* 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 */
@yisibl
yisibl / cssgrace.js
Last active August 29, 2015 14:11
CSSGrace
/**
cssgrace.pack(css)
*/
var path = require('path');
var http = require('http');
var url = require('url');
var postcss = require('postcss');
var sizeOf = require('image-size');