Sass を使うなら、Compass も使うと便利

あちこちで Sass のエントリーが増えてるので、私の環境も書いてみます。
Sass 使う時、より便利になる Compass というフレームワークを一緒に使っています。

Compass って?

便利だなと思う機能満載なフレームワークで、これも一緒に使うことで Sass がさらに簡単になったり使い勝手がパワーアップしたりします。具体的に例をあげたほうが分かりやすいと思うので、いくつか書いてみます。

Compass はいろいろな Mixin が含まれている

@import “compass”; で呼び出して使えます。自分で書かなくていいから楽ちん。 » 続きを読む

zencoding v0.7 Wrap With Abbreviation メモ

aaaaaa
bbbbbbbbb
ccccccccc

例1. 三行選択して、li*>a[href="$#.jpg"]{ファイル名:$#}

<li><a href="aaaaaa.jpg">ファイル名:aaaaaa</a></li>
<li><a href="bbbbbbbbb.jpg">ファイル名:bbbbbbbbb</a></li>
<li><a href="ccccccccc.jpg">ファイル名:ccccccccc</a></li>

例2. 三行選択して、html:5>ul.hoge>li#0$*>a[href="#$#"]{$#}

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<ul class="hoge">
		<li id="01"><a href="#aaaaaa">aaaaaa</a></li>
		<li id="02"><a href="#bbbbbbbbb">bbbbbbbbb</a></li>
		<li id="03"><a href="#ccccccccc">ccccccccc</a></li>
	</ul>
</body>
</html>

vim でも dreamweaver でも。「$#」が選択部分、「$」は連番なので、#$# としてたら #選択部分 に。

参考:Big Sky :: zencoding-vimを少しだけversion0.7対応した

WordBench TOKYO & WordCamp TOKYO 2011 に行ってきました


@Isaki さん作の、わぷー!

2011/11/26(土)に WordBench TOKYO、11/27(日)に WordCamp TOKYO に参加してきました。WordCamp はスタッフをしていたのもあり写真があまりないのですが、WordBench のほうではパシャパシャしてきたので何枚か載せます :) » 続きを読む

WordCamp KOBE 2011 に行ってきました!

前日に仲良くなった YUKI さんと三宮で待ち合わせて一緒に向かいました。待ち合わせ場所が分からず、早速遅れる私… YUKI さんごめんなさい;

学園都市について、朝ご飯がまだだったので「腹が減っては戦ができない!」と朝マック。
WordCamp KOBE 2011 会場までの道順のご案内を見て道順をチェックしながら向かいました。これは画像付きでとても分かりやすかったです。こういうのって大事だな~と思いました。

» 続きを読む