CSS Lecture http://www.css-lecture.com/ CSSテクニック、(X)HTML、Movable Type、その他Webサイト制作に関する役立つ情報を掲載します！ ja Copyright 2008 Fri, 04 Jul 2008 17:27:16 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification TableをCSSでデザインするいろんなパターンのまとめ tableタグを使う機会ってそう多くないと思うですが、料金表とか組む時はtableタグを使うのが一番だと思います。

ここで本題なんですが、自分は料金表などのデザインのバリエーションがうとく、何時も同じようなパターンになってしまうんですよね...。
なので今回は料金のデザインのパターンと、それをCSSで組むやり方の両方を紹介してくれるサイトをまとめました。

]]> http://www.css-lecture.com/log/web-design/009.html http://www.css-lecture.com/log/web-design/009.html CSS Webデザイン 全エントリー一覧 css web website Fri, 04 Jul 2008 17:27:16 +0900 アーカイブページを分割するプラグイン　Paginate このPaginateプラグインの利用はHTMLをPHP化にする必要があるんですが、ブログをPHP化しても、今まで通りファイルは検索エンジンにインデックスされますし、PHP化することによりいろんな機能を付加することができたりもしますよ。

]]> http://www.css-lecture.com/log/movable-type/009.html http://www.css-lecture.com/log/movable-type/009.html Movable Type 全エントリー一覧 movabletype plugin Thu, 03 Jul 2008 14:00:34 +0900 ネガティブマージンを使ってレイアウトしてみる ネガティブマージン使用例

↑の画像のようなレイアウトってよく使われていると思うですが、こういうレイアウトをネガティブマージンを使う事でソース上も綺麗に収まりますし、使いけっこう使いがってもいいのでオススメしたいと思います。

]]> http://www.css-lecture.com/log/css/029.html http://www.css-lecture.com/log/css/029.html CSS 全エントリー一覧 css download margin sample Wed, 02 Jul 2008 10:51:18 +0900 PowerPointのテンプレートサイトを無料で配布しているサイト 仕事でPowerPointを使用する機会ってけっこう多いですよね。

自分は最近、パワーポイントで資料作成する事も増えてきたんですが、パワーポイントの知識が０に等しい自分にとっては、デザインを綺麗にするって事が凄く難しいですよね...。

慣れている人にとっては簡単なのかもしれないですけど、自分と同じような境遇の方の為にも今回は無料で使えるPowerPointのテンプレートサイトを紹介したいと思います。

]]> http://www.css-lecture.com/log/web-design/008.html http://www.css-lecture.com/log/web-design/008.html Webデザイン 全エントリー一覧 download website Mon, 30 Jun 2008 18:38:31 +0900 Firefox 3対応アドオン(Add-ons)のまとめ 以前Web制作時に便利なFirefoxアドオン(Add-ons)まとめましたって記事でいくつかFirefoxのアドオンについては紹介したんですが、最近Firefox 3がリリースされて、以前使っていたアドオンが使えなくなった...って人ってけっこういると思うので、今回はそんな人達のために、Firefox 3に対応したアドオンを紹介したいと思います。

基本Web制作時に便利なアドオンばかりですが、普通に使っても便利なアドオンもいくつか見つけてきたので、是非一度使ってみて下さい。

]]> http://www.css-lecture.com/log/web/008.html http://www.css-lecture.com/log/web/008.html Web関連情報 全エントリー一覧 download Thu, 26 Jun 2008 11:22:26 +0900 Webブラウザ ダウンロードページ一覧 Webブラウザと言ってもいろいろあるので、いろんなブラウザがダウンロード出来るページをまとめてみました。
どれも無料でダウンロード出来るので、自分の使いやすいブラウザを探してみて下さい。

ちなみに自分が愛用しているのはSleipnirとFirefoxです。

]]> http://www.css-lecture.com/log/book-soft/006.html http://www.css-lecture.com/log/book-soft/006.html お勧め書籍、ソフト 全エントリー一覧 download web Sun, 22 Jun 2008 19:03:41 +0900 Web Designing (ウェブデザイニング) 2008年 07月号

Web Designing (ウェブデザイニング) 2008年 07月号

サイト構築のためのトータルデザイン誌

価格： ￥ 1,280 （税込）

Amazonで詳しく見る

『Web Designing』7月号が出たので紹介しておきます。
本書の具体的内容は下記の感じです。

]]> http://www.css-lecture.com/log/book-soft/007.html http://www.css-lecture.com/log/book-soft/007.html お勧め書籍、ソフト 全エントリー一覧 Fri, 20 Jun 2008 13:11:31 +0900 CSSでリンクタグをいろんなパターンデザインしてみる リンクタグのhover後の動きっていろいろパターンってあると思うですが、よく使われている用なパターンをいくつか作ってみたので、参考になればと思います。

]]> http://www.css-lecture.com/log/css/028.html http://www.css-lecture.com/log/css/028.html CSS 全エントリー一覧 css download sample Wed, 18 Jun 2008 13:30:56 +0900 CSSのみで画像のロールオーバー（その1） 画像のロールオーバーって色々やり方ってあると思うんですが、今回はソースも短くて済む手軽な方法を紹介したいと思います。

]]> http://www.css-lecture.com/log/css/027.html http://www.css-lecture.com/log/css/027.html CSS 全エントリー一覧 css download Mon, 16 Jun 2008 13:46:31 +0900 SENSE (センス) 2008年 07月号出た

SENSE (センス) 2008年 07月号 [雑誌] (雑誌)

価格： ￥ 980 （税込）

Amazonで詳しく見る

ファッション雑誌で一番愛読しているのがこのSENSE (センス)なんです＾＾
今回はアンディ・ウォーホルbyヒステリックグラマー特製トートバック付きなのでお得ですよ～
って言っても実際の使い道って自分はよく分からないですけどｗ

でも去年くらいにあったRoenやMaster Mind JAPANのトートバックに比べたら、生地もしかっりしているので使い道はありそうです。。

]]> http://www.css-lecture.com/log/zakki/003.html http://www.css-lecture.com/log/zakki/003.html 全エントリー一覧 雑記 Sun, 15 Jun 2008 11:47:14 +0900 HTML、Webデザインにも使えるカラーチャートのまとめ 普通のカラーチャートだけではなく、Webデザインをする段階で凄く助かるツールも紹介したいと思います。

Webサイトを作る上で色使いってけっこう難しいと思うんですよね。。。
まだあまり分かってない方は凄くお勧めなので、是非一度使ってみて下さい。

]]> http://www.css-lecture.com/log/web-design/007.html http://www.css-lecture.com/log/web-design/007.html (X)HTML Webデザイン 全エントリー一覧 webdesign xhtml Fri, 13 Jun 2008 11:55:24 +0900 3Dに画像を回転できるJS mooVRotatingMenu.js mooVRotatingMenu

このスプリクトはmooVRotatingMenuで公開されているんですが、英語が読めない自分としては、何が書いてあるのかチンプンカンプンです・・・。

共感してくれる方は多いと思いますので、そんな人の為デモページを作りました。

]]> http://www.css-lecture.com/log/javascript/007.html http://www.css-lecture.com/log/javascript/007.html Javascript 全エントリー一覧 javascript Thu, 12 Jun 2008 11:00:32 +0900 小さいサイズの無料アイコン素材集 リストアイコンとして使えそうなアイコン素材を集めてみました。

今回はその中でもクオリティーの高いと思ったサイトを紹介したいと思います。

]]> http://www.css-lecture.com/log/web-design/006.html http://www.css-lecture.com/log/web-design/006.html Webデザイン 全エントリー一覧 download webdesign Wed, 11 Jun 2008 12:20:56 +0900 headタグ内でよく使うHTMLタグのまとめ headタグに使うmetaタグやlinkタグがあると思うんですが、あまり分からずに使っていたりする事ってないですか？
実際昔自分は、あまりわからずに使っていました。。。

でもちゃんと理解しないと駄目だと思うので、今回は自分がよく使うmetaタグやlinkタグまとめて解説したいと思います。

]]> http://www.css-lecture.com/log/xhtml/005.html http://www.css-lecture.com/log/xhtml/005.html (X)HTML 全エントリー一覧 xhtml Tue, 10 Jun 2008 11:19:15 +0900 MT4 エントリーの関連付けを行うプラグイン ブログなどでこの記事に関する記事って項目をみかける事がある思うんですが、その関連付けを行ってくれる便利なプラグインが今から紹介する「RelatedEntries」なんです。

このプラグインはThe blog of H.Fujimotoさんのサイトで開発されたもので、使用や設置方法を説明されているのですが、詳しい使い方について説明がない部分があるので、そこを含めて解説していきたいと思います。

]]> http://www.css-lecture.com/log/movable-type/008.html http://www.css-lecture.com/log/movable-type/008.html Movable Type 全エントリー一覧 movabletype plugin Sun, 08 Jun 2008 10:52:12 +0900