cancer6のブックマーク / 2013年3月21日

cancer6 id:cancer6

2013年3月21日のブックマーク (4件)

display: inline-block を使う（修正版） - understandard
週末に @nagomu さんと @terkel さんが YUI grids.css や stacklayout.css で指定している word-spacing と letter-spacing の値はなんでこの値なんだろうね、という話をされていて、おもしろそうだったので、数字の原因を探ったり、いろいろなブラウザーでチェックしてました。いろいろなブラウザーでチェックをしている時に、以前書いた記事 display:inline-block; を使うで紹介していた CSS ではブラウザーごとに微妙な誤差があったので、修正版を書いてみました。以前書いていたコード .parent { letter-spacing: -.40em; } .child { letter-spacing: normal; vertical-align: top; display: inline-block; /di
cancer6 2013/03/21
word-spacing

CSS

inline-block
リンク
[Sass] Sass 3.2で実装された新機能がヤバい
8/10に3.2、8/15にバグフィックスした3.2.1がリリースされてただでさえヤバイくらい高機能なSassがますますパワーアップした。 Sass信者のみなさんはすでにお使いでしょうか？晒したソースはオンラインコンパイラで試せます。 jsdo.itも対応してます。 @content これはmixinにブロックコンテンツを渡せるようにする合言葉。 mixinを作る時、渡されたブロックコンテンツを入れたい場所に@contentを配置すると @mixin iphone { @media only screen and (max-width: 480px) { @content; } } @includeするときに波括弧で括ってコンテンツを渡せるようになる。 @include iphone { body { color: red } } コンパイルすればこのとおり、@mixinの内容＋渡した
cancer6 2013/03/21
sass
リンク
git使ってて便利だった拡張3つ。 - from scratch
gitを今の開発でガッツリ使うようになってすげー便利だと思った拡張を3つ紹介します。もうね、これらなしではgit使えない。せっかくなので、導入方法と一緒に簡単な使い方も紹介します。 git-completion gitの補完ツール。コマンドラインに現在のブランチ名が出る。だけじゃなくて、タブで補完までしてくれる。導入方法以下の方法でスクリプトをダウンロードしてきます。 $ mkdir -p /usr/local/git/contrib/completion/; cd /usr/local/git/contrib/completion/ $ curl https://raw.github.com/git/git/master/contrib/completion/git-completion.bash > git-completion.bash $ curl https://raw.
cancer6 2013/03/21
プラグインたち

git
リンク
A Node in Nodes
cancer6 2013/03/21
powerline

git

vim
リンク
- 2013年3月22日
- 2013年3月21日
- 2013年3月19日