2009年2月

MTのコメント一覧を表示する方法

MTのコメント一覧を表示する方法

Movable Typeのコメント一覧を表示する際にコメントがある場合は表示。コメントがない場合は「コメントが書かれていません。」と表示する書き方を紹介したいと思います。

前回紹介した吹き出しを使ったコメント欄のサンプルで使ったサンプル2-2を使って解説をしていきたいと思います。

吹き出しを使ったコメント欄のサンプル

吹き出しを使ったコメント欄のサンプル

ブログなどのコメント欄が吹き出し風になっているサイトをたまに見かけるとは思うですが、それをCSSで装飾する時のサンプルを作ってみました。

作り方が分からない人の為に解説付きで紹介したいと思います。

demo page

サイドバーを固定にしたサンプル

サイドバーを固定にしたサンプル

今回はWebサイトのサイドにある部分を固定にするサンプルを作ってみました。

IE6も対応なので、解説していきたいと思います。

demo page

jQueryとprototype.jsを共存させる方法

jQueryとPrototypeを共存させる方法

prototype.jsとjQueryは実は競合(コンフリクト)します。

今さら...って記事なのですが、自分の紹介しているjQueryのプラグインを導入したが動かない...
こういう質問がいくつか寄せられ、実際みてみた所、prototype.jsが使われていたりしていたので、今さらですが紹介しておきたいと思います。

立体的に出来たハイクオリティの無料アイコン素材集

立体的に出来たハイクオリティの無料アイコン素材集

今回紹介するアイコンは3Dに出来たクオリティの高いアイコン集です。

いろんなジャンルのものを紹介していますので、何か使えそうなものがあった時は使ってみて下さい。

フリーで使えるノートやペンやクリップの素材集

フリーで使えるノートやペンやクリップの素材集

ノートやペンやクリップなどのフリーの写真素材やアイコンなど素材集をまとめてみました。

こういうテイストのWebデザインをしたい時に使えると思いますよ。

フッターを固定にしたサンプル

フッターを固定にしたサンプル

前回はヘッダーを固定にサンプルについて説明しましたが、今回はフッターを固定にしたサンプルを紹介します。

IE6に対応させる為に、以前にも紹介させて頂いたCyokodog::Diaryのcyokodogさんが使ったスクリプトを使いたいと思ったいたいと思います。

demo page

CSSでヘッダーを固定にしたサンプル

CSSでヘッダーを固定にしたサンプル

ヘッダーを固定にしたサイトってCSS HappyLifeさんとかが有名だと思いますが、そんな感じにヘッダーを固定にサンプルを作ってみました。

IE6も対応なので、解説していきたいと思います。

demo page

一つのHTMLでカテゴリ別に表示する内容を変えるjQueryのプラグイン

一つのHTMLでカテゴリ別に表示する内容を変えるjQueryのプラグイン

NETTUTSさんで紹介、配布されているプラグインです。

このjQueryのプラグインは一つのHTMLファイルで、すべてを表示と属しているカテゴリのみを表示するように切り替えが出来るようになっているので、使い方などを紹介したいと思います。

demo page

2009年1月 人気記事ランキング

2009年1月 人気記事ランキング

CSS Lecture2009年1月人気記事ランキングです。

殆どがJavaScript関係の記事ばかりでしたね。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年