タグ

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

  • 【CSS】画像を上下中央に表示する(IE7以下にも対応させる) | バシャログ。

    娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね? さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d

    【CSS】画像を上下中央に表示する(IE7以下にも対応させる) | バシャログ。
  • Movable Typeを簡単にスマートフォン最適化するためのプラグイン | バシャログ。

    娘の好きなアイドルを AKB48 からももいろクローバーZ にシフトチェンジ実行中のishidaです。 来月は娘の誕生日。プレゼントはももくろDVDでいいよね? さてさて、Movable Typeで構築したWebサイトでスマートフォン対応したいというクライアントさんからのご要望が多々あります。 デザインもページもオリジナルで作成はできますが、それなりのコストはかかってしまいますよね。 予算はないんだけど対応したいよ!って場合も出てきます。 そこで今回は予算もあまりかけずに、Movable Typeをちゃちゃっとスマートフォン対応させるためのプラグインをまとめてみました。 フリーのMTテンプレートでスマートフォン対応 【Retinaディスプレイ対応】Smart Phone テンプレート for MT おまけも付いてくるよ。 - CSS HappyLife CSS HappyLifeさん作成に

    Movable Typeを簡単にスマートフォン最適化するためのプラグイン | バシャログ。
  • [使える CSS テクニック] CSSだけで実現するPhotoアルバム | バシャログ。

    集中連載「使える CSS テクニック」も第 9 回になりました。 今回は CSS だけで画像ギャラリーを作ります。 画像の挙動は、(IE6 でも同様の表示ができるように)a タグの擬似クラスだけで設定しています。 サンプル XHTML <div id="album"> <ul> <li><a id="photo01" href="#slide"><em><img src="css_album/img/photo01.jpg" /></em><span>日大通り駅</span></a></li> <li><a id="photo02" href="#slide"><em><img src="css_album/img/photo02.jpg" /></em><span>指路教会</span></a></li> <li><a id="photo03" href="#slide"><em><i

    [使える CSS テクニック] CSSだけで実現するPhotoアルバム | バシャログ。
  • Movable Type 5 をインストールしたら、まず入れるべきオススメ管理画面系のプラグイン | バシャログ。

    先週末に春物の洋服入替えを家族全員分してしまい、今週ぶるぶる震えているishidaです。 やっちまったぜ!早く春よ来てくれ~ 当ブログでも幾度か紹介しているMovableTypeのプラグイン。 Version5 で使用する機会が増え、いろいろ検証してみたのでご紹介します。 RenameLabel デフォルトの記事項目(タイトルや文、続き)の文言を変更できるプラグイン。 ブログ記事およびウェブページの項目名が変更できます。 →RenameLabel配布ページ UploadDir ファイルアップロード時に、ファイルの拡張子ごとにフォルダを自動指定するプラグイン。 これを使っておかないと画像がブログ直下にどど~っとなってしまうことも。 →UploadDir配布ページ QuickRebuild ウェブサイトおよび各ブログの再構築を一発で行うプラグイン。 再構築の対象を選択することもできます。ウェ

    Movable Type 5 をインストールしたら、まず入れるべきオススメ管理画面系のプラグイン | バシャログ。
  • サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。

    こんにちは nakamura です。最近トルシエさんテレビ出すぎじゃありません?ウィイレヤロウヨ。オフサイドダヨ! さてさて今回は意外と知られてないけど、サイトをインターネットに公開する際には知っておいた方が良い Apache の設定をいくつかご紹介します(一部 PHP の設定もありますが)。この設定をしていないからといって即危険にさらされるという訳でもありませんが、リスクの芽は摘んでおくに越した事はありませんよね。 無駄な HTTP ヘッダを返さない ディストリビューションにより異なるかもしれませんが、CentOS デフォルトの設定の場合 Apache が返してくる HTTP ヘッダは以下のようなものです。 HTTP/1.1 200 OK Date: Mon, 05 Jul 2010 01:01:14 GMT Server: Apache/2.2.3 (CentOS) X-Powered

    サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。
  • 1