<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>CSS Lecture</title>
        <link>http://www.css-lecture.com/</link>
        <description>CSSリファレンスに関する記事を中心に、jQuery、(X)HTML、Movable Typeなどの使い方などを紹介、デモページ付きの解説。それ以外にもWebサイト制作に関する役立つツールや情報を掲載しています。</description>
        <language>ja</language>
        <copyright>Copyright 2009</copyright>
        <lastBuildDate>Thu, 02 Jul 2009 00:15:27 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>blockquote(引用部分)をCSSでデザインするサンプル集</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/09/0702.gif" alt="blockquote(引用部分)をCSSでデザインするサンプル集" width="570" height="200" /></p>
<p>ブログを書いていると他のサイトから文章などを引用してきたりする事もあるかと思います。</p>
<p>そういう時に使えそうな blockquote のデザインとサンプルを作ってみました。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0702/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css/blockquote.html</link>
            <guid>http://www.css-lecture.com/log/css/blockquote.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS リファレンス</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">blockquote</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">demo</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">sample</category>
            
            <pubDate>Thu, 02 Jul 2009 00:15:27 +0900</pubDate>
        </item>
        
        <item>
            <title>2009年6月 人気記事ランキング</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/info/09/0701.jpg" alt="2009年6月 人気記事ランキング" width="570" height="110" /></p>
<p>CSS Lecture 2009年6月の人気記事ランキングです。</p>
<p>5月はGWもありましたし、少し忙しくしていたのであまり記事を投稿出来なかった事もありランキングといってもどれも微妙な差でした...</p>]]></description>
            <link>http://www.css-lecture.com/log/info/0907.html</link>
            <guid>http://www.css-lecture.com/log/info/0907.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">お知らせ</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Ranking</category>
            
            <pubDate>Wed, 01 Jul 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>自分が便利だと思うPCの環境について</title>
            <description><![CDATA[<p>Web制作の仕事をしているとブラウザの起動はもちろん他にもいろんなソフトを使ったり、データなどをファイルに管理したりで、いろいろと立ち上げるものが多くなってくるかと思います。</p>
<p>何かを立ち上げるのにわざわざデスクトップに戻ったり、フォルダを経由したりスタートメニューを使ったりしてる人もいたりするかと思うんですが、自分は面倒な事は嫌いなので、そういうのを省略出来るようにPC環境を整えてます。</p>
<p>なので今回は自分が使っているツールやソフトなど便利だと思うのを紹介したいと思います。</p>]]></description>
            <link>http://www.css-lecture.com/log/convenience/013.html</link>
            <guid>http://www.css-lecture.com/log/convenience/013.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">便利な情報</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">pc</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">web</category>
            
            <pubDate>Mon, 29 Jun 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>背景画像に凄くこだわったWebデザイン15</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/09/0627.jpg" alt="背景画像に凄くこだわったWebデザイン15" width="570" height="200" /></p>
<p>海外のサイトを見ているとバックグラウンドを上手く使っているサイトってけっこう見かけたりするので、背景画像に拘ったWebデザインをする時に参考になりそうなサイトをまとめました。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/webdesign-background.html</link>
            <guid>http://www.css-lecture.com/log/web-design/webdesign-background.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Webデザイン</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">background</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">website</category>
            
            <pubDate>Sat, 27 Jun 2009 12:23:00 +0900</pubDate>
        </item>
        
        <item>
            <title>ECサイトに使えるフリーのショッピングカートアイコン 20</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/09/0625.jpg" alt="ECサイトに使えるフリーのショッピングカートアイコン 20" width="570" height="150" /></p>
<p>カートのアイコンやカード関係のアイコンなどなどECサイトに使えそうな小さいサイズのアイコンからハイクオリティなアイコンをまとめました。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/ec-shopping-cart-icon.html</link>
            <guid>http://www.css-lecture.com/log/web-design/ec-shopping-cart-icon.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Webデザイン</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">cart</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">ec</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">icon</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
            <pubDate>Thu, 25 Jun 2009 01:50:43 +0900</pubDate>
        </item>
        
        <item>
            <title>floatさせた要素をレンガ風に整列してくれるjQuery Masonry</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/09/0624.gif" alt="floatさせた要素をレンガ風に整列してくれるjQuery Masonry" width="570" height="230" /></p>

<p>floatさせると要素の高さによっては、想定していたように並ばないことがあるかと思うんですが、そんな時に使えるのが今回紹介するjQuery Masonryです。</p>
<p>まず水平方向に合わせた後、垂直方向にもあわせるので、綺麗に要素を整列できます。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0624/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/javascript/jquery-masonry.html</link>
            <guid>http://www.css-lecture.com/log/javascript/jquery-masonry.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">float</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">layout</category>
            
            <pubDate>Thu, 25 Jun 2009 00:00:31 +0900</pubDate>
        </item>
        
        <item>
            <title>jQuery ドロップダウンメニュー</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/09/0622.jpg" alt="input内のテキスト表示しfocusするjQueryプラグイン" width="570" height="200" /></p>
<p>ナビゲーションにマウスオーバーした際にドロップダウン式にサブメニューみたいな感じで表示してくれる jQuery のプラグインです。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0622/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/javascript/jquery-droppy-menu.html</link>
            <guid>http://www.css-lecture.com/log/javascript/jquery-droppy-menu.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">droppy</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">navigation</category>
            
            <pubDate>Mon, 22 Jun 2009 00:30:59 +0900</pubDate>
        </item>
        
        <item>
            <title>Flashの用な動きのあるサイドメニュー</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/09/0621.gif" alt="Flashの用な動きのあるサイドメニュー" width="570" height="150" /></p>
<p>マウスオーバーした Flash の伸縮するアニメーションをしてくれる jQuery のプラグインです。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0621/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/javascript/jquery-flash-menu.html</link>
            <guid>http://www.css-lecture.com/log/javascript/jquery-flash-menu.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">demo</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">menu</category>
            
            <pubDate>Sun, 21 Jun 2009 00:00:28 +0900</pubDate>
        </item>
        
        <item>
            <title>Flashのテンプレートを配布している Flash Templates</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/flash/09/0619.jpg" alt="Flashのテンプレートを配布している Flash Templates" width="570" height="110" /></p>
<p><a href="http://www.flashmint.com/" class="external">Flash Templates</a> はフリーで配布しているわけではないですが、クオリティの高いFlashのテンプレートが安いのでは $17.00 とかで販売されています。</p>
<p>Flashサイトを持ちたい。けど作れない...って人にとってはけっこう便利かもしれませんね。<br />
下手に自分で作るよりも、制作を依頼するよりも、低コストでクオリティの高いものが手に入ると思いますよ。</p>]]></description>
            <link>http://www.css-lecture.com/log/flash/flash-templates.html</link>
            <guid>http://www.css-lecture.com/log/flash/flash-templates.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">template</category>
            
            <pubDate>Fri, 19 Jun 2009 07:30:21 +0900</pubDate>
        </item>
        
        <item>
            <title>input内のテキスト表示しfocusするjQueryプラグイン</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/09/0618.gif" alt="input内のテキスト表示しfocusするjQueryプラグイン" width="570" height="150" /></p>
<p>フォームに使う際、input内にうっすらとテキストを表示し、focusした際にボーダーの色を変更してくれるjQueryのプラグインです。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0618/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/javascript/input-focus-jquery.html</link>
            <guid>http://www.css-lecture.com/log/javascript/input-focus-jquery.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">focus</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">form</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">input</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
            <pubDate>Thu, 18 Jun 2009 00:30:12 +0900</pubDate>
        </item>
        
        <item>
            <title>右クリックなどの画像ダウンロードを防止するjQueryプラグイン</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/09/0617.jpg" alt="右クリックなどの画像ダウンロードを防止するjQueryプラグイン" width="570" height="180" /></p>

<p>Webサイトに掲載してある画像は、右クリックや画像をドラッグして保存する事が簡単に出来ちゃいます。</p>
<p>Web上で画像保存を完全に防ぐ事は不可能ですが、簡単にダウンロードする事を防ぐ事が出来るjQueryプラグインです。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0617/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/javascript/dwimageprotector.html</link>
            <guid>http://www.css-lecture.com/log/javascript/dwimageprotector.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">demo</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">dwImageProtector</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
            <pubDate>Wed, 17 Jun 2009 00:16:16 +0900</pubDate>
        </item>
        
        <item>
            <title>MT 月別アーカイブリスト プルダウン式のテンプレート</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/mt/09/0615.gif" alt="MT 月別アーカイブリスト プルダウン式のテンプレート" width="570" height="180" /></p>
<p>小粋空間さんで「<a href="http://www.koikikukan.com/archives/2009/06/15-000300.php" class="external">月別アーカイブリストの年別表示（ツリー化＋折りたたみ）</a>」で年別の折りたたみを加えるカスタマイズ方法が紹介されていたので、それを元にCSSでの装飾を3パターン作ってみました。</p>
<p>サンプルをダウンロードして貰ったら後はコピペだけで自分のサイトに使えるようになっているので、月別アーカイブリストを上記の様に変更してみたい場合は使ってみて下さい。</p>]]></description>
            <link>http://www.css-lecture.com/log/movable-type/mt-archive-list.html</link>
            <guid>http://www.css-lecture.com/log/movable-type/mt-archive-list.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Movable Type</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">archives</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">download</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">movabletype</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">template</category>
            
            <pubDate>Mon, 15 Jun 2009 17:45:49 +0900</pubDate>
        </item>
        
        <item>
            <title>Webデザイン ダーク系配色のサイト 15</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/09/0615.jpg" alt="Webデザイン ダーク系配色のサイト 15" width="570" height="250" /></p>
<p>黒をテイストとしたWebサイトをデザインする時にインスピレーションをあたえてくれるサイトをまとめました。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/black15.html</link>
            <guid>http://www.css-lecture.com/log/web-design/black15.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Webデザイン</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">black</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Inspiration</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">website</category>
            
            <pubDate>Mon, 15 Jun 2009 02:15:16 +0900</pubDate>
        </item>
        
        <item>
            <title>jQuery スクロールタブ式メニュー</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/09/0612.jpg" alt="jQuery スクロールタブ式メニュー" width="570" height="250" /></p>

<p>最近 Web関係のブログを見ているとサイドに、カテゴリや最近の記事やコメントなどがタブ式メニューになっているのを見かけたりします。</p>
<p>今回紹介するスクロールタブ式メニューはそこに使える jQuery のプラグインです。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/0612/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="demo page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/javascript/jquery-scroll-tab-menu.html</link>
            <guid>http://www.css-lecture.com/log/javascript/jquery-scroll-tab-menu.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">menu</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">navigation</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">scroll</category>
            
            <pubDate>Fri, 12 Jun 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable Type 4.26 出荷開始しました</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web/09/0318.gif" alt="MovableType.jp" width="570" height="100" /></p>
<p>4.25からの修正箇所で<span>バックアップ/復元の信頼性向上</span>と言う点もあるので早めにアップデートしておいた方がよさそうですね。</p>
<blockquote><div>
<p>Movable Type 4.26 では、多くのバグフィクスと、mt-wizerd.cgi において発見されたクロスサイトスクリプティングの脆弱性対応行っています。本バージョンは 脆弱性の修正も含まれておりますので、<span>アップデートを推奨</span>します。</p>
<p class="origin">引用：<a href="http://www.movabletype.jp/">MovableType.jp</a></p>
</div></blockquote>]]></description>
            <link>http://www.css-lecture.com/log/web/movable-type-426.html</link>
            <guid>http://www.css-lecture.com/log/web/movable-type-426.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web関連情報</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">movabletype</category>
            
            <pubDate>Thu, 11 Jun 2009 22:02:49 +0900</pubDate>
        </item>
        
    </channel>
</rss>
