タグ

2009年3月27日のブックマーク (6件)

  • 小粋空間: Movable Type 4.1 カスタムフィールドの使用方法

    Movable Type 4.1 で追加された「カスタムフィールド」の利用方法です。 この機能は以前、CustomFields プラグインとして公開されていたものが、MT4.1 で新たにアドオンとして追加されました。カスタムフィールドを利用すれば、ブログ管理ユーザがブログ記事投稿画面等に任意のフィールドを新たに追加することができます(下は追加例)。 この機能はプラグインとして配布されている頃から有名でしたが、当ブログでは一度も紹介したことがなかったので、今回は気合を入れて、設定方法およびサンプルによる使用例を記してみました。 1.設定方法 ブログ管理画面より「設定」→「カスタムフィールド」をクリック。 「フィールドを作成」をクリック。なお、左のメニューにも「カスタムフィールド」が追加されています。 このような画面が表示されます。 以下、ブログ記事に「関連リンク」というフィールドを追加する例

    小粋空間: Movable Type 4.1 カスタムフィールドの使用方法
    hayasi-n
    hayasi-n 2009/03/27
  • 第1回 Movable Type 4.1や4.2では、何ができるの? | gihyo.jp

    連載では、くれま先輩とほげ山くんの2人が、MT4.1を(4.2が正式公開された後は4.2を)使ったサイト制作を行いながら、制作の上で押させておきたいポイントや躓きやすい部分を取り上げ、実際に使えるTipsを紹介していきます。 はじめに 皆さま、はじめまして。フリーランスWebデザイナーの黒野明子と申します。Movable TypeをCMSとして使った企業サイトの構築をメインに、サイトの企画設計・デザイン・コーディングなどを日々行っています。 2007年06月05日にMovable Type 4.0公開ベータテストが開始されてからほぼ1年が経ちました。つい先日の2008年5月30日には4.2リリース候補版 (RC) 1 が発表され、正式公開の時期も近づいています。そんな中、4.0以上で追加されたさまざまな機能を活かして企業サイトを作成している方もいらっしゃいますが、「⁠難しそう!」「⁠テン

    第1回 Movable Type 4.1や4.2では、何ができるの? | gihyo.jp
    hayasi-n
    hayasi-n 2009/03/27
  • スタイルシートをすっきりと見やすくしてくれる『styleneat』 | 100SHIKI

    シンプルで素敵なツールだったのでご紹介。 styleneatはCSSファイルを見やすく整形してくれるツールだ。 これを使えばセレクタの親子関係がインデントされて見やすくなる。複雑な階層構造もこれならわかりやすい。 またそれぞれのスタイルの属性をアルファベット順に並べたり、一行でまとめたり、といったオプションもある。 スタイルシートがごちゃごちゃしてきたなぁ、というときに試してみるのはいかがだろうか。

    スタイルシートをすっきりと見やすくしてくれる『styleneat』 | 100SHIKI
    hayasi-n
    hayasi-n 2009/03/27
  • jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌

    Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか?というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });

    hayasi-n
    hayasi-n 2009/03/27
  • http://www.designwalker.com/2009/03/form-design-2.html

    http://www.designwalker.com/2009/03/form-design-2.html
    hayasi-n
    hayasi-n 2009/03/27
  • [CSS]上級者向け、スタイルシートのテクニック集

    スタイルシートで実装する実用的なものからちょっと変わったものまで、25のテクニックをDesizn Techから紹介します。 25 Advanced CSS Techniques 1. CSS Gradient Text and Background テキストや背景をグラデーション表示。

    hayasi-n
    hayasi-n 2009/03/27