iframeで埋め込む時とか、吹き出し部分が中途半端な感じになったりして、なんだか微妙だけど、マーカーは残しておきたいときのメモ。
下図のような感じです。
これを回避するには、「iwloc=A」というのを「iwloc=」とする事で実現出来るっぽい。
APIがアップデートされたりとかすると、こういうのは変わると思うので、ご注意ください。
]]>さて、CodaでSass使うとき、Sass.modeについてポストしている人は結構いるみたいですが、プラグインについてはあまり見つからなかったので、リンクを共有します。
「.scssを保存したら、自動で.cssを書き出したり」とかいう設定も出来るっぽいです。
Sassを試してみたいけど、黒い画面はちょっと...というアナタ。いかがでしょう？
現時点（2011年11月28日）では、まだ、誰が何を書くかはっきりしていませんが、非常に楽しみです！
全力でROM！なのですが、個人的には利用シーンというか「こういうケースでこんな使い方するとイイよー」みたいなのが聞ける（読める）と嬉しいなーとか思っています。
LessもSassも、まだまだ、軽ーくしか使っていないのですが、やはり、鍵になるのは「普及するかどうか」だと考えていて、それは、「ある程度、スタンダードな手法になれば、導入しやすくなるんじゃないかなー」とか「一人で使うなら他の手段もあるしなー」とかいうのが、軽ーく使ってみた印象です。
今のところ、Sass中心なので、Sassが主流になってくれると有難い！ ので、@extendとか@mediaとかを便利（とかカッコイイ感じ）に使ってるサンプルにも期待しています。
まだ、定員に達してない様子（2011年11月28日時点）なので、「書くぜ！」という方は、ぜひ！
「やばい、また今月も書いてないなー」というだけで書いた訳ではないですよ（汗
]]>iframeで埋め込む時とか、吹き出し部分が中途半端な感じになったりして、なんだか微妙だけど、マーカーは残しておきたいときのメモ。
下図のような感じです。
これを回避するには、「iwloc=A」というのを「iwloc=」とする事で実現出来るっぽい。
APIがアップデートされたりとかすると、こういうのは変わると思うので、ご注意ください。
]]>.inner」とかを使わないで実現する方法を、みなさまお馴染（？）のヨモツネットさんの記事を参考にして書いたりしていたのですが、久しぶりに使おうと思ったら、忘れてたので、メモ。
横幅が 100% の header を ~inner を使わずに実現する | ヨモツネット（デモ）
元記事が読めなかったので、断言出来ないのですが、標準モードではIE6でも問題なさそうな感じでした。
やりたい事を上手く表現出来ないので、図でごまかします。下図のようなレイアウトを実現したい感じです。
HTMLは、下記みたいな感じで、「.inner」とかを使わないで書きます。
HTML
<div id="document">
<div id="header">
<h1>Header</h1>
<!-- /div#header --></div>
<div id="body">
<p>Contents</p>
<!-- /div#body --></div>
<div id="footer">
<h1>Footer</h1>
<!-- /div#footer --></div>
<!-- // div#document --></div>
CSSは、下記みたいな感じです。関係あるトコロだけ書きます。
CSS
#document {
position: relative;
min-width: 960px;
overflow: hidden;
_width: 960px;
_margin: 0 auto;
_position: static; }
#header, #footer {
width: 960px;
/* margin-leftは「padding-leftと、幅の半分を足したサイズ」をマイナスする */
margin-left: -5480px;
padding: 0 5000px;
position: relative;
left:50%; }
/* 今回、メインコンテンツ部分は普通（？）に */
#body {
width: 960px;
margin: 0 auto; }
「padding」の値は適当に。 「どのくらいの画面サイズを想定するか」ですかね。
条件によっては上手くいかない場合もあるかもしれません。 デモは下記。
]]>簡略化すると「複数行の検索・置換するとき、1行テキストボックスだと使いにくいよね」「できます」という話です。
「先月書いてないなー」というだけで書いた訳ではないですよ（汗
]]>Cross-Browser CSS in Seconds with Prefixr
見てたら、TextMateで使う場合のサンプルとかあったので、Codaのプラグインにしてみました。 例によって、全くと言って良いほど検証していませんが、置いておきます。 よろしければお使いください。
Prefixr （zip 6KB）
使う時は、
/* 例えば、こんなん書いて、選択します（1行だったら、zen-codingの「ctrl + L」とかでいける） */
.foo {border-radius: 5px;}
/* 「cmd + shift + ctrl + P」すると、 */
.foo {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
また、
/* 以下のように他のプロパティが混ざっていた場合は, */
.foo {
width: 100%;
border-radius: 5px;
font-size: 1.2rem;
}
/* こんな感じです。 */
.foo {
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: 1.2rem;
}
見た目を調整してませんが、プロパティの前にはタブでインデントが入ります。
セレクタが無いまま、「border-radius: 5px;」だけ選択しても動作しますが、最後のセミコロンを省略してたりするとダメっぽかったです。
「俺、シングルラインで書いてるし」という人は、もう一度選択して、zen-coding（Tea for Coda）の「ctrl + M」すれば、イイんじゃないすかね？
といった感じです。
出来る事も出来ない事も、Prefixr次第という感じで、今のところ、たぶん、オプションは使えません。 あと、当然、オフラインだと使えないです。
]]>現在（2011年7月22日）、配布停止されているのですが、理由は「ConvertKanaを利用し「全角カナ→半角カナ」変換を行い、変換後のファイルをIEで開くと濁点のある文字の表示が崩れる現象が確認されました。
」との事。
かつて、このブログでも、さりげなく、似たようなものを配布していたのですが、仕組みは同じだったので、当然、同様の問題を抱えていました。 「でも、使いたい！」という事で修正中なのですが、なんとなく動いているっぽいので晒しておきます。
※（恒例となりつつありますが）きちんと動作確認出来ていないので、バグなどありましたら、是非、お知らせください。
TextFormat （zip 12KB）
たぶん、使い方とか書く必要無いと思いますが、リクエストがあれば追記します。
]]>MTML.mode （zip 20KB）
構文モードの追加は、「/UserName/Library/Application%20Support/Coda/Modes」の中に一式突っ込むだけです。
今の所、下記のような感じです。
まともに検証されていないので、おかしいトコロがあったら是非、ご報告ください。
このあたりは、今後、やりたいと思ってますが......「ニーズ無さそう」とか思ってるので、いつになるかは......
]]>管理画面で直接書いている人もいらっしゃると思いますが、私は概ねローカルでファイルを作っているので、他の言語同様Codaで書いているのですが、Wordpressモードとかはサクっと見つかるものの、MTモードはないっ！（見つからない）
「ココにあるよ」という事でしたら、是非教えて下さい！
で、見つからないので、作りました。
やっつけ仕事感満載ですが、バックアップを兼ねて晒しておきます。
MTML.mode （zip 8KB）
ざっと、こんな感じです。
なんだか、物凄い量なので、いつになるか分かりませんが......
といった作業をコツコツ進めようと考えております。
誤りなどございましたら、是非、お知らせください。
]]>たぶん、私以外の人が使っても便利じゃないと思うのですが、一応、晒しておきます（恥
Starter （zip 12KB）
]]>