ブックマーク / bashalog.c-brains.jp (2)

  • CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。

    Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記: 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです! 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg

    CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。
  • Web 開発におけるディレクトリ構成 | バシャログ。

    Web サイトを開発する際、みなさんはどのようなディレクトリ構成で進めてますか? 今日は、シーブレインはこんな感じでやってます、というディレクトリ構成をご紹介してみようと思います。 なお、名称などは実際と少々異なる部分もありますし、この形式が全てというわけではありません。 ┬ [app] ────┬ [functions] ├ [bin] └ [classes] ├ [config] ├ [cgi-bin] ├ [documents] ├ [html] ├ [lib] ├ [smarty]───┬ [templates] └ [tmp] └ [templates_c] ■ app 実際に動く部分です。「functions」に関数群を、「classes」にクラス群を格納しています。ちなみに、MVC で言うところの M の部分、すなわち「モデル」に相当するものも、ここに置いています。 ■ bi

    Web 開発におけるディレクトリ構成 | バシャログ。
    takexi
    takexi 2012/12/03
  • 1