MOONGIFT: » 複雑な段組みを可能にするCSSフレームワーク「Emastic」:オープンソースを毎日紹介
雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、と言い切ってしまえばそれまでだろう。だが今後情報の電子化は進み、紙媒体は現状維持ないし衰退していくのは間違いない。そうした時に、Webもやはり読ませる形式を求められるようになるのではないだろうか。それを実現するのがこれだ。 今回紹介するオープンソース・ソフトウェアはEmastic、複雑なカラム構成を実現するCSSフレームワークだ。 Emasticはまるで雑誌のような段組みをCSSで実現している。二段、三段、四段の表示を行い、固定幅または表示サイズに合わせて変化とを組み合わせ
ドラッグ＆ドロップでブログをデザインできる「Canvas for Wordpress」
ブログのテーマやテンプレートを最初から用意されているもの以外のデザインにしようと思うと、様々な知識が必要になり、結局あきらめてしまう人が多いはず。 しかしこの「Canvas for Wordpress」を使えば、自分の好きな機能の部品をドラッグ＆ドロップで配置するだけでお好みデザインのオリジナリティあふれるブログが完成。デザインについてのCSSやPHPの知識は不要。 ダウンロードは以下から。もちろん無料。 Welcome to Canvas http://www.freshpursuits.com/canvas/download ドラッグ＆ドロップで配置した後、それぞれのプラグインの設定もクリックすることで可能になる それぞれのブロックやプラグインについて複製したり削除したりするのも簡単 また、CSSの知識をあまり必要とせずにカラーやフォントを決めることもできます これが完成図 ベースとな
エントリーにpタグとbrタグが入る仕組み（その1：コード解析）
我楽さんのBlockquoteタグにデフォルトで改行が入るようにする。（のそれた話）がきっかけという訳ではないのですが、私もエントリーのblockquoteタグに改行が入ったり入らなかったりすることがあり、Movable Typeにおけるbrタグ挿入の振る舞いについて前々から調べてました（時間かかりすぎ？）。 ということで書けそうなレベルまでなんとか到達しましたので、シリーズもので書きます（単なるネタ増やしです（笑））。ほとんどPerl&正規表現メモになってしまいました。Perlプログラマの方には既知の部分しかありませんので予めご容赦ください。また認識誤り等ございましたらお許しください。「難しい」という方は最後のまとめだけお読み頂ければ幸いです。 エントリー入力画面で、下にある「テキストエリア」というセレクトボックスが「Convert Line Breaks」になっている場合、「保存」また
エントリーにpタグとbrタグが入る仕組み（その2：blockquoteにbrタグを挿入）
現状の Movable Type の振る舞いでは、エントリーのblockquote開始タグの直前の行に 何もない（=エントリーの先頭） 文字がある（=段落の途中にblockquoteが存在） 空行が1行ある 空行が2行ある という状態によってpタグおよびbrタグの与えられ方が変化します。 上記のケース順に記した下記のエントリーがあるとします。 <blockquote>あいうえお あいうえお あいうえお</blockquote> ←空行 かきくけこ <blockquote>かきくけこ かきくけこ かきくけこ</blockquote> ←空行 <blockquote>さしすせそ さしすせそ さしすせそ</blockquote> ←空行 ←空行 <blockquote>たちつてと たちつてと たちつてと</blockquote> これを保存すると、pタグおよびbrタグは次のように付与されます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSによる段組（マルチカラム）レイアウト講座
