Published: Mon Mar 24 2014 01:37:14 GMT+0900 (JST)
Paths: http://t32k.me/static/blog/skelton.css
Generator: t32k/stylestats // GitHub
Metrics | Result |
---|---|
Stylesheets |
Published: Mon Mar 24 2014 01:37:14 GMT+0900 (JST)
Paths: http://t32k.me/static/blog/skelton.css
Generator: t32k/stylestats // GitHub
Metrics | Result |
---|---|
Stylesheets |
.c-component { | |
color: green; | |
} | |
.c-component-s-subComponent { | |
color: green; | |
} | |
.c-component-m-modifer { | |
color: green; | |
} | |
.u-utility { |
//set | |
var _gaq = _gaq || []; | |
_gaq.push(['_setAccount', 'UA-xxxxxxx-x']); | |
//async | |
(function () { | |
var ga = document.createElement('script'); | |
ga.async = true; | |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
var s = document.getElementsByTagName('script')[0]; |
数を減らす | |
HTTPリクエストを減らす | |
ExpiresまたはCache-Controlヘッダーを追加する | |
DNSルックアップを減らす | |
リダイレクトを避ける | |
重複スクリプトを取り除く | |
Ajaxをキャッシュ可能にする | |
AjaxリクスとはGETを使用する | |
コンポーネントの後読みする | |
コンポーネントの先読みする |
// Usage: @include sprites($map-tabs, common, true); | |
@mixin sprites($map, $map-item, $isCommon:false) { | |
@if $isCommon { | |
background-image: sprite-url($map); | |
background-size: round(image-width(sprite-path($map)) / 2) round(image-height(sprite-path($map)) / 2); | |
background-repeat: no-repeat; | |
} @else { | |
$pos-y: round(nth(sprite-position($map, $map-item), 2) / 2); | |
width: round(image-width(sprite-file($map, $map-item)) / 2); | |
height: round(image-height(sprite-file($map, $map-item)) / 2); |
<ul class="listview has-line"> | |
<li>foo</li> | |
<li>bar</li> | |
<li>baz</li> <!-- want to cancell this border --> | |
</ul> |
// Log min and max info | |
function minMaxGzip(src) { | |
return src ? require('gzip-js').zip(src, {}) : ''; | |
} | |
exports.minMaxInfo = function(min, max) { | |
var gzipSize = String(minMaxGzip(min).length); | |
grunt.log.writeln('Uncompressed size: ' + String(max.length).green + ' bytes.'); | |
grunt.log.writeln('Compressed size: ' + gzipSize.green + ' bytes gzipped (' + String(min.length).green + ' bytes minified).'); | |
}; |
{ | |
"sort_order": [ | |
"-webkit-flex-align", | |
"-moz-flex-align", | |
"-ms-flex-align", | |
"-o-flex-align", | |
"flex-align", | |
"overflow", | |
"-ms-overflow-x", | |
"-ms-overflow-y", |
primary, secondary, tertiary, quaternary, quinary, senary, septenary, octonary, novenary, decenary
alph, beta, gamma, delta, epsilon, zeta, eta, theta, iota, kappa
loud, quiet, bare, positive, negative, firm, contrast, sharp, opaque, neutral, main, secondary, alert, success, highlight, shiny, dark