で、（実はまだ使ってないけど）良さげなプラグインをご紹介したいと思います。
]]>ヨモツネットさんは、以前から『XPではClearTypeが（デフォルトだと）有効じゃないので、せっかく@font-faceしても、いまひとつ恩恵を受けられない』的なお話をブログやイベントされており、各所で似たようなお話を見聞きしていた事もあり、その事自体は把握しておりました。
ただ、実際に試した事がなかったので、これを機に試してみる事にしました。
『そもそも、あまりフォントとかいじらないで見せるべき』とか、そういう話は今回、気にしないでください。
しかしながら、そのまま使うと、書き出されるソースに「インデント」「開始タグの後に改行」が入ってしまって、「まあ、MTタグで正規表現などを使って置換しても良いのだけれど……なんだかなぁ」とか思ってました。
で、今まで放置してた訳ですが、さすがにそろそろ調べてみようという事で、自分用のメモを晒しておきます。
]]>とりあえず、PSDとHTMLが↓
環境は以下の通りです。
font-sizeとline-heightはpxで絶対値にして、font-familyは都度書き換えました。
WinのOperaで撮るの忘れました（汗
それぞれ、OSとfont-familyごとにグループを分けてあります。
Textというグループには、各フォントサイズ＋行送りでのテキストレイヤーが入っています（ヒラギノ+Lucida Grandeのみ）。
ただ、いずれにしてもTextExpanderを使っている人だったらスニペットを作っておけば、アプリケーションに依存せずzen-codingの手癖のまま書けるので、便利だと思います。
正直「これ（当分）使わんだろ」とか「コレ使うときは、これもまとめて」みたいなのが多いので、今までは独自のを使ってましたが、Codaのクリップと違って一括登録が簡単なので、作ってみました。
ただし、Tea for Codaのzen_settings.pyを参考に作ったので、オリジナルと比べたら一部不足していたりすると思います。
]]>↓は今回作ったサンプルです。
]]>とりあえずサンプルをチェックしてみてください。
* 早速、ご指摘をいただいた点を修正しました（Mar 05, 2010）。
あっ。サンプルではIE5.5以下にCSS読ませないようにしてます。
先に書いておくと、「どんな案件でも全部これを使うって感じではない」「むしろ、どういう場合に有効か。。。」「コンパイルした後で再フォーマットしないとちょっと」という感想です。 今のところ。
]]>
MITだったから多分大丈夫だと思うけど、後で取り下げたりしたらすみません。
]]>で、「Movable TypeのブログでRTボタンを作る方法」について書きます。
という感じです。
* URL短縮サービスを利用する場合、「APIが落ちてたら」を想定して手を打っておく必要があると思います。
前回とは結論が変わりました。
ただ、ケースバイケースではあります。
以下、MTOS5での動作は未確認ですが、MT5で動いているものは大概大丈夫だと思われます。
]]>タイミング的にMT4で行くか、MT5で行くか。。。と悩むかもしれませんが、MT5にしたらすごくラクになる（と思う）部分があります。
管理画面でjQueryが使える
これがデカイ！（と思う）
まあ、1ヶ月書いてなかったので、焦って「なんかネタは？」と、書いているだけですが（汗
少しは参考になるかと。。。
2010年7月。 プラグインのご紹介を書きました（MT5の管理画面をjQueryでゴニョゴニョする時に）。
]]>画像をドロップした時、空要素“/”の前に半角スペースを入れてくれが修正される事を期待していましたが、修正されていませんでした（涙
普段はzen-codingとかで書いてるので、あまり意識はしてなかったのですが、XHTMLでなくてHTMLの時とかも同じように動作するのはどうにかならないですかね。。。
で、画像がたっぷりな場合とか、ドロップしていく訳ですが、どうしてたかというと、ファイルを閉じる前に置換してました（汗
あまりにも、それは。。。という事で、地味すぎるプラグインを作ってみました。
という訳で、今後の為にメモっておきます。
]]>実際にはデザイン業務もディレクションも殆どしていないので、どちらかと言うと「困ってます」的な内容ですが、現在、仕事ではないプロジェクトでUIに絡んでいるので、自分も気をつけたい内容です。
「よくある」というよりも「ほとんど毎回の事」なので、よほど気心が知れていたり、定期的にほとんど同じような作業をする場合を除いては、案件が始まった段階で気をつけておけば、たくさんの人が幸せになれるんじゃないかと思います。
という訳で、「最初にちゃんと決めておくべきで、全員がある程度把握・共有しておくべき事」といった内容で書いてみました。
]]>という件ですが、「“ターゲット以外のブラウザには極力CSSを読ませたくない（崩れてるくらいなら、ナシの方がマシ）”という考えなので、 @importは使いたい」けど、「（ほとんどユーザいないだろうけど）Netscape4とかでクラッシュしちゃうのはあまりにヒドイ仕打ちじゃねえか？」と。 「じゃあ、どうしよう？」と考えていたのですが、コメント系のハックでいけるのね。 というメモ。
]]>気付いたら、前回のエントリから2週間経過してたので、焦って書いたのは内緒です（汗
]]>どれも当てはまらないが。。。強いて挙げればMulti-line Formatかな（インデントしてないけど）？
スクロールを少なくするか？ それとも、可読性を上げるか？というアプローチのようだけど、インデントを多用したところで可読性が上がるとは思ってなくて、どうせ検索するでしょ？と思う。
ただ、プロパティは一列になってると可読性というより修正する時に選択しにくい気がするので、プロパティごとに改行は入れてます。
インデントは、エディタの設定によって（tabだと）大変な事になる場合があるので、入れてません。
まあ、一人でやるならどうでも良いし、下請けが殆どの私は発注元のレギュレーションに合わせるだけですが。。。
最近は、一番大きなファイルだけ改行やコメントを全部取っ払って軽い圧縮状態にしたりもしています。
（その場合、圧縮前のファイルも同じディレクトリにアップしておく）
なんか、IE6がターゲットから外れるまで、それ程新しい書き方に変りそうに無いんだよな。。。CSS
最近は軽量化とかを考えているけど、かなりコンテンツ量の多いページじゃない限り、たかが知れてるしさ。。。
しかし、CSS-Tricksはちゃんとしたネタが多くて偉い！
私もWordpressのテーマとか書いてみようかな。
上記の理由からか、併用するとTruncateURLが上手く動作してくれないようです。
]]>以下、CSS Nite LP, Disk 6「CMSリベンジ編」（2009年6月27日開催）からの引用です。
]]>CSS Niteでは、2008年4-6月に「CMSとしてのMovable Typeの活用」をテーマにしたMT4LP5を開催し、700名近く（東京：400名、名古屋：115名、大阪：160名）を動員しました。
昨年末には、Movable TypeからWordPressへの移行が話題になったり、最近ではSOY CMSが話題に上がるなど、 Movable Type以外の選択肢に視野が広がりつつあります。
そんな状況を踏まえ、WebRelease 2、a-blog cms、SOY CMS、CMS Designer、RCMSの5つの国産CMSにスポットを当て、 それぞれの可能性を検証するイベントを企画しました。
なので、ちょっと書いてみます。
]]>MT4.xから、色々と便利な機能が充実した事もあると思うけど、あっさりでした（まだ完成していないので、意外なトコでハマるかも？）。
で、以前から存在は知っていたものの、使ったことの無い「TemplateSetExporter（M-Logic, Inc.）」を使ってみました。
激しく便利です。
最近は、あまりこまかく突っ込まれない気がしていましたが、それでも指摘されることはあります。
クライアントさんが気にしている場合もあれば、デザイナーさんが気にしている場合もあります。
ただ、上の記事の趣旨としては、「制作者はもう解ってるんだから、クライアントさんに理解して貰わないとね」と、ザックリ言えばそんな感じだと思います。
でも、実際に資料を作るとなると、どんなものがあれば納得して貰えるんだろう？
]]>私は半年に一回くらい自分の中でのレギュレーションを再検討していますが、今年はまだやってなかった（本来は夏頃やるべきだった）ので、現在、色々と検討中です。
プロパティの記述順から、IE用のスタイルを何処に書くか（ファイルを分けるか）や、デフォルトスタイルを初期化する時の事とかを考えているのですが、前回はfont関連に関して見直していなかったので、みなさんが、どんな感じで書いているのか調べたりしつつ、実際に何通りか書いて試したりしました。
]]>このプラグインは素晴らしくて、「ほぼインストールするだけ」で使えるようになるんだけど、お仕事で「Movable TypeをカスタマイズしてCMSぽく使いたい」みたいのをやる時に、テンプレート挿入の機能を使えるととても便利です。
複雑なテンプレートを書いたり、カスタムフィールドをいくつも作ったりしなくても、ほぼHTML + CSSだけで直観的な編集が可能な状態にできます。 （とはいえ、「ここに書いたものがココ表示されます」的な仕様の方が解りやすい人もいるので万能ではないと思います。）
で、使えないのかというと、最新版では設定を行う事で可能です。
]]>そんな中、Google Analyticsで見てると「css ヘッダ フッタ 固定」というキーワードで検索して訪れる方が結構いらっしゃいます。
しかし、そのキーワードから連想されるのは「フレームぽくヘッダ・フッタを固定配置したい」というパターンです。 で、そんなネタは書いてません。
で、書いてみました。
]]>* 前提条件として、「サンプルのHTMLは標準モードにしてますが、IE5.xでも一応見てる」って感じです。
]]>正直、力不足もいいとこですが「人に教えるのが一番の勉強」と思っているので、承る事にしました。
やるからには、嘘を教えないようにしないと。。。
という事で、CSSでレイアウトするには避けて通れないfloatプロパティについて改めて勉強してみることにしました。
で、「ターゲットブラウザをどうやって決めるのか」とか「対応 / 非対応への対策はどうするのか」とかについて書いてみました。
]]>
で、それを一旦あきらめて、サーバサイドについてはMAMPでヴァーチャルホストを設定する程度にしました。
で、CodaでSubversionを使う際の設定についてメモしておきます。
上記の2つに関してで、ソースはgoo ランキングみたいです。
]]>“#document”を使わず、bodyだけでイケないかな。。。やっぱ無理。 という内容です。
]]>この記事では、「IE7以上、FirefoxとSafariは最新」をターゲットブラウザとし、とはいえ、IE6にも対応する前提で書いています。 また、個人的には“レイアウトが崩れるくらいなら、CSSは読ませない方が良い”と考えているので、IE5.x以下にはCSSを読ませないようにしています。 * “「css ie5 読み込み」というキーワード”という記事でIE5対応の追記してます (Sep 15, 2008)。
]]>