<?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 2010</copyright>
        <lastBuildDate>Tue, 09 Mar 2010 10:15:35 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>CSS3 グラデーション（gradient）の指定方法</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/10/0309.jpg" alt="CSS3 グラデーション（gradient）の指定方法" width="570" height="200" /></p>
<p>CSS3 でグラデーションの指定が出来る -moz-linear-gradient -webkit-gradient の使用方法などを紹介、解説したいと思います。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2010/0309/"><img src="http://www.css-lecture.com/common/image/demo.jpg" alt="Domo Page" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-gradient.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-gradient.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">-moz-linear-gradient</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">-webkit-gradient</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">gradient</category>
            
            <pubDate>Tue, 09 Mar 2010 10:15:35 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 background 関係のプロパティ・使い方</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/10/0308.jpg" alt="CSS3 background 関係のプロパティ・使い方" width="570" height="200" /></p>
<p>最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2010/0308.zip"><img src="http://www.css-lecture.com/common/image/download.jpg" alt="Download" class="btn" width="300" height="54" /></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-background.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-background.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</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">background-clip</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">background-origin</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">background-size</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css3</category>
            
            <pubDate>Mon, 08 Mar 2010 00:30:00 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 でのレイアウトで使える box 系プロパティのまとめ</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/10/0304.jpg" alt="CSS3 でのレイアウトで使える box 要素系のまとめ" width="570" height="200" /></p><p>今は 3カラムのレイアウトをする際 float を使い clearfix や clear を使ったりと覚えたての頃は頭を悩まされた人も少なくはないかと思います。</p>
<p>でも今後普及するであろう CSS3 で 3カラムのレイアウトする際も display: box; を使うだけで簡単に出来ちゃうんですよね。って事でbox 要素系のプロパティについての紹介をしておきます。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2010/0304/"><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/css3/css3-layout-box.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-layout-box.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">box</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">box-flex</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">box-ordinal-group</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">box-sizing</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">layout</category>
            
            <pubDate>Thu, 04 Mar 2010 00:22:12 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 text-shadow box-shadow の使い方</title>
            <description><![CDATA[<p><img src="/image/css/10/0302.jpg" alt="テキストやボックス要素に影をつける box-shadow text-shadow の使い方" width="570" height="200" /></p>
<p>テキストに影をつける text-shadow ボックス要素に影をつける box-shadow は今後必須のプロパティになりそうな気がするので使い方などをまとめておきたいと思います。</p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-text-shadow-box-shadow.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-text-shadow-box-shadow.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">box-shadow</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">text-shadow</category>
            
            <pubDate>Tue, 02 Mar 2010 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>Flashのようなアニメーションの動きをする jQuery プラグイン</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/javascript/10/0216.jpg" alt="Flashのようなアニメーションの動きをする jQuery プラグイン" width="570" height="200" /></p>
<p>久しぶりにいいなぁ～と思った jQuery プラグインがあったので使い方など込みで紹介したいと思います。</p>
<p>横や斜めのスライドを行ってくれるんですが、制御や変更するのも簡単なのでけっこう使えるかも？って感じです。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2010/0216/"><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/flash-animation-jquery.html</link>
            <guid>http://www.css-lecture.com/log/javascript/flash-animation-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">animation</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">img</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">jQuery</category>
            
            <pubDate>Tue, 16 Feb 2010 00:10:00 +0900</pubDate>
        </item>
        
        <item>
            <title>いろんなバリエーションのソーシャルメディアアイコン集37</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/10/0214.jpg" alt="いろんなバリエーションのソーシャルメディアアイコン集37" width="570" height="200" /></p>
<p>仕事が忙しいと言う理由にブログをサボリ気味...ほぼ毎日更新しているブロガーさんって凄いな～って関心している今日この頃です。</p>
<p>って事で久しぶりなの更新なのに、単なるまとめ記事ですが、メディア系のアイコンのまとめです。</p>]]></description>
            <link>http://www.css-lecture.com/log/icon/social-media-icons.html</link>
            <guid>http://www.css-lecture.com/log/icon/social-media-icons.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">icon</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">media</category>
            
            <pubDate>Mon, 15 Feb 2010 00:30:17 +0900</pubDate>
        </item>
        
        <item>
            <title>横スクロールのWebサイトのまとめ 34</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/10/0112.jpg" alt="横スクロールのWebサイトのまとめ 34" width="570" height="200" /></p>
<p>久しぶりの更新です...遅くなりましたが明けましておめでとうございます！</p>
<p>年末忙しかったり、休みは遊びすぎ、まだまだ正月ボケが続いてますが、まとめようとしていた記事が溜まりに溜まっておりますのでそろそろ更新していきたいと思います。</p>
<p>って事で2010年一発は前から気になっていた横スクロールのWebサイトのまとめにしておきます。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/horizontal-scroll-website.html</link>
            <guid>http://www.css-lecture.com/log/web-design/horizontal-scroll-website.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">scroll</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, 11 Jan 2010 22:45:00 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 角丸を表現する border-radius</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/09/1130.jpg" alt="CSS3 角丸を表現する「border-radius」" width="570" height="130" /></p>
<p>今まで画像で角丸を表現していた部分を border-radius を使用する事で簡単に角丸を表現出来ちゃうプロパティです。</p>
<p>正確には<a href="http://www.w3.org/TR/css3-background/#the-border-radius" class="external">CSS3の草案「CSS3 Backgrounds and borders Module」</a>中なんですが、これが普通に使えればどれだけ楽になるか...って感じなので、使い方を紹介しておきたいと思います。</p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-border-radius.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-border-radius.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">全エントリー一覧</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">border-radius</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css3</category>
            
            <pubDate>Mon, 30 Nov 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>バッチやボタン系のアイコン素材 PSD素材集</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/09/1123.jpg" alt="バッチやボタン系のアイコン素材 PSD素材集" width="570" height="200" /></p>
<p>バッチみたいなパーツ素材やボタン系のパーツ素材はそのまま使えるのもありますし、あるとけっこう便利だと思うのでダウンロード出来るサイトをまとめました。</p>]]></description>
            <link>http://www.css-lecture.com/log/icon/batch-button-icon-psd.html</link>
            <guid>http://www.css-lecture.com/log/icon/batch-button-icon-psd.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">icon</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">psd</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
            <pubDate>Mon, 23 Nov 2009 22:25:41 +0900</pubDate>
        </item>
        
        <item>
            <title>かっこいいコメントフォームのデザイン 20</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/09/1116.jpg" alt="コメントフォームのデザイン 20" width="570" height="200" /></p>
<p>他にはないような変わった感じのやクールでかっこいいコメントフォームのデザインをまとめてました。コメントフォームのデザインをする際の参考にでも見て下さい。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/comment-form.html</link>
            <guid>http://www.css-lecture.com/log/web-design/comment-form.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">comment</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">form</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
            <pubDate>Wed, 18 Nov 2009 11:50:00 +0900</pubDate>
        </item>
        
        <item>
            <title>コーディングするのが楽になるかも？と思うCSSテクニックのまとめ</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/css.jpg" alt="コーディングするのが楽になるかも？と思うCSSテクニックのまとめ" width="570" height="80" /></p>
<p>今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。</p>
<p>コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/1116/"><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/coding-css-technique.html</link>
            <guid>http://www.css-lecture.com/log/css/coding-css-technique.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">css</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">img</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">margin</category>
            
            <pubDate>Mon, 16 Nov 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>昭和風なレトロなWebデザインのサイト 25</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web-design/09/1101.jpg" alt="昭和風なレトロなWebデザインのサイト 25" width="570" height="200" /></p>
<p>海外サイトでたまに見かけるレトロ風なデザインのサイトって凄く雰囲気も出てますし、かっこいいですよね～</p>
<p>自分はレトロなデザインは出来ませんし出来る気もしないので凄いと思います。レトロなデザインに挑戦しようと思っている方は参考にでもして下さい。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/retro-web-design.html</link>
            <guid>http://www.css-lecture.com/log/web-design/retro-web-design.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">retro</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">website</category>
            
            <pubDate>Sun, 01 Nov 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>今さらですが Twitter はじめました</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/info/teitter.jpg" alt="今さらですが Twitter はじめました" width="570" height="200" /></p>
<p>まぁ～タイトルの通りですが、今さらながら Twitter をはじめる事にしました。</p>
<p>記事にする程ではないけど気になった情報やおもいっきりプライベートな事を呟いていこうかと思っているのですが、気になってくれた方はよろしくお願いします^^</p>
<p><a href="http://twitter.com/csslecture/" class="external">http://twitter.com/csslecture/</a></p>]]></description>
            <link>http://www.css-lecture.com/log/info/twitter.html</link>
            <guid>http://www.css-lecture.com/log/info/twitter.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">twitter</category>
            
            <pubDate>Fri, 30 Oct 2009 23:45:51 +0900</pubDate>
        </item>
        
        <item>
            <title>Firefox の見た目を変更する方法</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/web/09/1027.jpg" alt="Firefox の見た目を変える方法" width="570" height="200" /></p>
<p>Firefox の見た目をデフォルトのまま使っている人は一度見た目を変えてみてはいかがでしょうか？</p>
<p>何が変わると言っても見た目だけですけど...しいて言うなら気分が変わります。仕事上 Firefox を眺める時間が長い自分には気分を変える事はかなり重要なんですよね...</p>
<p>って事で見た目の変更の仕方がわかんね！って人の為に変更方法を紹介しておきます。紹介と言っても誰でも直ぐに出来ちゃうですけどね;;</p>]]></description>
            <link>http://www.css-lecture.com/log/web/firefox-add-on.html</link>
            <guid>http://www.css-lecture.com/log/web/firefox-add-on.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">Add-on</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Firefox</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">web</category>
            
            <pubDate>Tue, 27 Oct 2009 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>最近のブラウザ使えそうなCSSハックの一覧</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/image/css/09/1025.jpg" alt="最近のブラウザ使えそうなCSSハックの一覧" width="570" height="120" /></p>
<p>個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。</p>
<p>なので最近のブラウザで使えそうなハックを改めてまとめてみました。</p>
<p class="demo"><a href="http://www.css-lecture.com/template/2009/1025/"><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/css-huck.html</link>
            <guid>http://www.css-lecture.com/log/css/css-huck.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">hand</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">huck</category>
            
            <pubDate>Sun, 25 Oct 2009 18:10:00 +0900</pubDate>
        </item>
        
    </channel>
</rss>
