サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
labs.metaphase.co.jp
2009年5月22日 16:02 URLやメールアドレスなどの半角英数字を羅列した際に、それを包括する要素を突き抜けてレイアウト崩れが発生することがあります。 これは、スペース等の区切りが登場するまで一つの単語として認識され、通常では改行されません。 これをJSで解決されてたブログを見つけたのでご紹介します。 CSSにて[word-break:break-all;]と指定すれば、半角英数字の文字列の途中であっても領域に合わせて改行することが可能です。 しかし、これはIEでしか対応しておらず、そのほかのブラウザでは対応していません。 「to-R」というブログで「wordBreak.js」というものが公開されており、IE以外のブラウザでも[word-break:break-all;]と同様の効果が得られるようです。 FirefoxとOperaでword-break:break-allを実現する
2008年7月14日 12:29 カスタムフィールドを使って入力したテキストデータはプレーンテキストとして扱われ、「テキスト(複数行)」で複数行のテキストを入力しても改行は有効にならず1行のテキストとして表示されてしまいます。 しかし、「filters」というグローバル・モディファイアを使っていろいろなテキストを扱えるようになります。 filters="__default__" filtersモディファイアの値に"__default__"を入力すると改行が有効になります。 入力例は下記のようになります。 <$MTEntryData filters="__default__"$> filters="textile_2" filtersモディファイアの値に"textile_2"を入力すると「本文」「続き」で選ぶことができるテキストフォーマット「Textile 2」のテキストフォーマットを適用さ
2009年2月 6日 13:44 案件でMTを使用していてクライアントから、 「MTが正常に動かなくなった」と連絡があり、もろもろ調べて調整したところブログIDが変更されていることが判明しました。 ブログのIDが変更されてしまった原因が、クライアント側でMTの機能のバックアップと復元を行ったことでIDが変わってしまっていたようです。 幸い、ブログIDを取得している部分がそれほど無かったので大きな変更は無かったんですが、MultiBlogを多用しているCMSライクなサイトだったらかなり深刻なことになっていたと思うとゾッとしますね。 たびたびお世話になってる『世界中の1%の人々へ』でこの辺のことを詳しく書いてあったので紹介&リマインダーも兼ねて簡単にまとめておきます。 長所 専門知識は不用で、作業が簡単 MTが動作するDBならば、種類、バージョンに依存しない DBの文字コードに依存しない ph
2009年2月 5日 11:22 メタフェイズも会員として参加している日本Web協会(通称:W2C)にて、2月4日付でマークアップワーキンググループが発足しました。 BAメガパワーズの柳沢氏をリーダーとして、私KUROがサブリーダーとして参加。 メタフェイズからは、他2名もワーキンググループへ参加しています。 活動目的としては、昨年WCAG2.0が勧告され今年はJIS X-8341:2009が公布されますが、それらを実装の面から捉えどう組み込んでいくか。また、マークアップ作業の効率化や研究等をテーマとしています。 まだまだ発足したばかりなので、具体的な中身はこれからといった感じですが、W2Cの会員であればどなたでも参加可能となっています。 マークアップエンジニア(コーダー)でなくても大歓迎ですので、興味ある方はW2Cの会員専用サイトから参加登録をお願いします。 from metaphase
この記事のトラックバックURL : http://labs.metaphase.co.jp/cgi-bin/mt/mt-tb.cgi/63 (トラックバックは記事投稿者が公開するまで表示されません。)
2008年11月12日 16:21 body等に対して背景画像を中央揃えにした際に、IEだけ背景画像が1pxだけずれるという現象があります。 サンプル どうも、ウィンドウ幅が奇数の場合に発生するようで、中央揃えした際に奇数値が割り切れずにずれるのはないかと思います。 回避策としては非常に簡単で、背景画像を中央寄せにしている要素(サンプルの場合body要素)に、padding-left:1pxを指定してあげると直ります。 サンプル2 たしかにこの回避方法でずれなくはなったんですが、ウィンドウ幅が偶数の場合はなぜずれが起きないんだろう?という新たな疑問。 ウィンドウ幅が奇数の場合は、1pxプラスされているので偶数になって割り切れるのは分かるんですが、偶数の場合は1pxプラスされて奇数になっているのに、なぜずれないのだろうと・・・ IEはよく分からんです。 CSS Comments(0) Tra
2008年10月 1日 12:43 グローバルナビとローカルナビを管理するためのテンプレートを作ってみました。 以下からダウンロードできます。 Dreamweaverサンプルテンプレート Dreamweaverサンプルテンプレートの中身 ファイル名 説明 /templates/template.dwt
2008年7月 2日 12:44 li要素にdisplay:inlineを指定し横並びに配置した時、数pxの謎の隙間が空いてしまいます。 一般的に知られている解決方法としては次の二通りがあるかと思います。 HTML上の改行をなくす <ul> <li>テキスト</li><li>テキスト</li><li>テキスト</li> </ul> コメントを利用して改行をなくす <ul> <li>テキスト</li><!-- --><li>テキスト</li><!-- --><li>テキスト</li><!-- --></ul> 前者の方は見づらいし、後者の方はなんとなく気持ち悪くて、僕はこれまで使っていませんでした。 しかし! これをCSSだけで解決してしまう方法をご紹介します。 HTML <ul> <li>テキスト</li> <li>テキスト</li> <li>テキスト</li> </ul> CSS ul{
2008年9月 1日 18:32 テンプレートプロパティの一つに、編集可能属性というものがあります。 @@(変数名)@@ 編集不可能領域の中であっても、一部だけを書き換えられるというものです。 また同一の変数を指定すれば、ページ内の複数個所を一気に書き換えられるという性質も持っています。 これを利用して、トピックパスとtitle要素を連動させる方法をご紹介します。 次のような形式を想定します。 <title>ページタイトル - カテゴリー名 - サイト名</title> <p>HOME - カテゴリー名 - ページタイトル</p> まずは、テンプレートプロパティを使うためには、変数名・データ型・初期値を設定する必要があります。 ページタイトルを編集可能属性として連動させるため、次のようにhead要素内に設定します。 <!-- TemplateParam name="pageTitle" t
エントリーを評価するMTプラグイン、FiveStarRatingを使ってみました。このプラグインはサンプルプラグインとしてMTの中に配置されています。 案件でMTを構築しているときに、「~(波ダッシュ)」が文字化けする現象に出会いました。 最初はまったく気付かず、何度も同じ修正が来るのでそこでやっと気付きました。 エントリー書いて保存して、再構築すると「~」が「?」に変換されてしまったので、エントリーを保存する時に文字コードが変換されていたようです。 原因を調べたところ、Windows 上のブラウザからは、文字列がShift_JISでプログラムに渡されているとその過程で化けてしまうようです。 MTの文字コードもUnicodeで出力されるファイルもUnicodeなのに化けてしまっていたので全く原因がわからず、テストアップの時間も迫っていたので今回は実体参照(~)で対応してことなきをえました。
このページを最初にブックマークしてみませんか?
『labs.metaphase.co.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く