Skip to content

Instantly share code, notes, and snippets.

View geckotang's full-sized avatar
:octocat:

Shotaro Sakamaki geckotang

:octocat:
73 followers · 46 following
View GitHub Profile
@xl1
xl1 / gist:6717107
Last active October 4, 2016 08:47
CSS カスタムフィルタについてのメモ

CSS カスタムフィルタについてのメモ

CSS custom filters (CSS shaders) が Chrome canary の about:flags で有効化できるようになって から 1 年たったので現状メモ。 とはいえ、1 年前から対応が広がったものの、あまり新しいことができるようにはなっていない。

検証環境

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1652.0 Safari/537.36
@uupaa
uupaa / ios.simulator.open.url.md
Last active December 25, 2015 04:39
command line, ios simulator, xcode, mobilesafari, safari, open url

コマンドラインから iOS シミュレーターを起動し指定したURLをブラウザで開く

コマンドラインから iOS シミュレーターを起動し、
シミュレーター上の MobileSafari で、指定した URL (例: http://example.com/ ) を直接開くことが可能です。

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone\ Simulator.app/Contents/MacOS/iPhone\ Simulator -SimulateApplication /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator7.0.sdk/Applications/MobileSafari.app/MobileSafari -u http://example.com
  • パスの途中の iPhoneSimulator7.0.sdk の部分は、インストールされている Xcode により異なる場合があります。確認の上で調整してください。
@5509
5509 / gist:7096156
Last active June 27, 2024 14:28
念には念を ref: view-source:http://paby.info/ 
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
...
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
@xl1
xl1 / gist:7628737
Created November 24, 2013 16:04

今すぐ入院すべき 10 の理由

  • ベッドからほぼ動かずに生活できて便利
  • ごはんが三食勝手に出てくる上、その内容が最高に健康的
  • 夜 9 時くらいに早く消灯してしまうので早寝早起きの習慣がつく
  • 携帯電話やパソコンなどが制限されてて物がないので集中できる、本とか読みまくれる
  • 基本暇だけどたまに検査とか手術とかのイベントがあってメリハリがつく
  • 寒暖、夏の日差し、雨雪、花粉などから守られて快適に過ごせる
  • カーテン一枚の向こうは社会が広がっているというほどよい緊張感がある
  • 毎日会話ができる（看護師さんと）
@azusa-tomita
azusa-tomita / bootcamp.md
Last active December 29, 2015 17:18
sassで使えるテストツールbootcampについて

bootcampとは

bootcamp

macでwindowsが動くアレでもなく、マッチョな黒人に励まされながら踊るアレでもなく sassのfunctionをテストするためのフレームワーク。

もともとジャスミンというJavascriptのBDDテスト用のフレームワークがあり、 その書き方でsassのfunctionをテストできるようにしたものらしい

@azusa-tomita
azusa-tomita / -moz-elementを知ってますか.md
Last active December 30, 2015 12:29

-moz-elementを知ってますか

CSS Property Advent Calendar 2013 7日目のエントリです。
-moz-elementを紹介します。
"プロパティ"つってんだろぉぉがこのスッタコがァァとか言われそうでビクビクしてましたが
TKGの人が4日目にしてセレクタを紹介していたので安心して脱線します。

-moz-elementって何よ

背景画像として "HTML要素" を使ってしまおうという変態の所業挑戦的なモジュールです。

@xl1
xl1 / gist:8454856
Created January 16, 2014 13:17
CSS Custom Property / Variables の使い方を考える

CSS Custom Property / Variables の使い方を考える

ref: http://dev.w3.org/csswg/css-variables/

今や CSS は生成するものだし変数とかいらない

普通に変数を定義して参照するだけなら Sass でも使えばいいとおもう。

プリプロセッサ使わなくてすむと利点がある場合

@xl1
xl1 / gist:8651716
Last active October 24, 2022 16:39
CSS Regions で計算をする

CSS Regions で計算をする

検証環境

Google Chrome 34.0.1797.2 (Official Build 246002) dev-m
OS  Windows 
Blink 537.36 (@165430)
enable-experimental-web-platform-features フラグ オン
@xl1
xl1 / gist:b1b366db0f9f98b79e5d
Created July 12, 2014 01:20
新卒1年目に自己投資しないで QOL 下がったもの

ゴミが 8 時までしかだせないアパートに住む

@ryantbrown
ryantbrown / gulp-resize-and-minify-images.js
Last active October 9, 2024 21:50
Gulp - Resize and Optimize / Minify Images
/**
* Make sure Graphicsmagick is installed on your system
* osx: brew install graphicsmagick
* ubuntu: apt-get install graphicsmagick
*
* Install these gulp plugins
* glup, gulp-image-resize, gulp-imagemin and imagemin-pngquant
*
* Group images according to their output dimensions.
* (ex: place all portfolio images into "images/portfolio"