Skip to content

Instantly share code, notes, and snippets.

:octocat:
Working from home

Koji Ishimoto t32k

:octocat:
Working from home
Block or report user

Report or block t32k

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
View stats.md
View gist:9926186
.c-component {
color: green;
}
.c-component-s-subComponent {
color: green;
}
.c-component-m-modifer {
color: green;
}
.u-utility {
View iwate-html.md

講演タイトルと概要

JavaScript/CSS 2015

まるでドッグ・イヤーのごとく変化するフロントエンド開発に疲れていませんか?本セッションでは、BabelやPostCSSの導入の仕方や使い方を解説することによって、次世代の標準仕様であるEcmaScript 6やCSS 3を先取りし、長く使える技術を身につけます。流れの速さに惑わされないようにしましょう。

プロフィール

石本 光司 (いしもと こうじ)

@t32k
t32k / gist:1018296
Created Jun 10, 2011
Google Analytics for jQuery Mobile
View gist:1018296
//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];
View gist:4076354
数を減らす
HTTPリクエストを減らす
ExpiresまたはCache-Controlヘッダーを追加する
DNSルックアップを減らす
リダイレクトを避ける
重複スクリプトを取り除く
Ajaxをキャッシュ可能にする
AjaxリクスとはGETを使用する
コンポーネントの後読みする
コンポーネントの先読みする
View gist:4159967
// 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);
@t32k
t32k / gist:4593169
Last active Dec 11, 2015
Cancellation of last item border.
View gist:4593169
<ul class="listview has-line">
<li>foo</li>
<li>bar</li>
<li>baz</li> <!-- want to cancell this border -->
</ul>
View gist:4969724
// 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).');
};
@t32k
t32k / custom-sort-order.json
Last active Dec 20, 2015
test_custom_sort_order
View custom-sort-order.json
{
"sort_order": [
"-webkit-flex-align",
"-moz-flex-align",
"-ms-flex-align",
"-o-flex-align",
"flex-align",
"overflow",
"-ms-overflow-x",
"-ms-overflow-y",
@t32k
t32k / adjective.md
Created Jul 25, 2013
使えそうな英語の形容詞
View adjective.md

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

You can’t perform that action at this time.