<?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 2011</copyright>
        <lastBuildDate></lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>iPhone スマートフォンサイトのデザインのまとめ</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web-design/11/0404.jpg" alt="iPhone スマートフォンサイトのデザインのまとめ" width="570"></p> 
<p>iPhone スマートフォンユーザーも増えるにつれ、サイトも随分増えてきたと思います。</p>
<p>今回はスマフォ用サイトのデザインをまとめてくれる海外、国内サイトをまとめました。<br>
デザインに行き詰った際の参考にでもして下さい。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/iphone-design.html</link>
            <guid>http://www.css-lecture.com/log/web-design/iphone-design.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Webデザイン</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">iPhone</category>
            
            <pubDate>Tue, 05 Apr 2011 13:44:25 +0900</pubDate>
        </item>
        
        <item>
            <title>スマートフォン対応にしてみました</title>
            <description><![CDATA[<p class="imgC"><img src="http://www.css-lecture.com/images/info/11/0404.jpg" alt="スマートフォン対応にしてみました" width="570"></p>
<p>先日のリニューアルに引き続き今度は、スマートフォン対応にしてみました。</p>
<p>基本的には閲覧専用にしておりますので、コメントの投稿やトラックバックなど一部機能は OFF にしております。</p>
<ul>
<li><a href="http://www.css-lecture.com/sp/">CSS Lecture「Smart Phone」</a></li>
</ul>]]></description>
            <link>http://www.css-lecture.com/log/info/for-smart-phone.html</link>
            <guid>http://www.css-lecture.com/log/info/for-smart-phone.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">お知らせ</category>
            
            
            <pubDate>Mon, 04 Apr 2011 15:28:47 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 要素を透明に出来る Opacity と RGBa の使い方</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/css/11/0401.gif" alt="CSS3 要素を透明に出来る Opacity と RGBa の使い方" width="570"></p>
<p>Opacity、RGBa は共に要素に透明度を指定することができるCSS3のプロパティです。</p>
<p>RGBa の指定については「<a href="/log/css3/css3-gradient.html">CSS3 グラデーション（gradient）の指定方法</a>」でも使用してますが、今回は詳しくまとめておきたいと思います。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2011/0401/"><img src="http://www.css-lecture.com/common/images/demo.jpg" alt="Domo Page" class="btn" width="300"></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-opacity-rgba.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-opacity-rgba.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</category>
            
            
            <pubDate>Fri, 01 Apr 2011 11:26:16 +0900</pubDate>
        </item>
        
        <item>
            <title>サイトリニューアルしました</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/info/11/0331.jpg" alt="サイトリニューアルしました" width="570"></p>
<p>けっこう前からリニューアルしようと思っていたんですが、会社立ち上げやら引越しやらで忙しくやっとこそ出来ました。</p>
<p>ブログの更新もだいぶ怠ってますが、今後はちょいちょい更新していこうと思いますので、今後ともよろしくお願いします。</p>
<p><em>IE は基本的に対応外</em>なのでその他のブラウザで見て下さいねｗ<Br>
後昔の記事などもしかたら不備があるかもしれないので、もしあった際はコメントやメールにて連絡をくれたら幸いです。</p>]]></description>
            <link>http://www.css-lecture.com/log/info/20110331.html</link>
            <guid>http://www.css-lecture.com/log/info/20110331.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">お知らせ</category>
            
            
            <pubDate>Thu, 31 Mar 2011 00:00:54 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 でボタンを作る為のテクニック、サンプル集</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/css/10/1201.jpg" alt="CSS3 でボタンを作る為のテクニック、サンプル集" width="570"></p>
<p>CSS3 の基礎をいくつかに渡り紹介していたのですが、その後手付かず...今回はパーツの一部ですが、ボタンのサンプルを作ったので作り方を紹介をしたいと思います。</p>
<p>サンプルは今後自分もコピペでも作れるようシンプルなものにしたので、使えそうと思った際はお好きに使って下さい。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2010/1201/"><img src="http://www.css-lecture.com/common/images/demo.jpg" alt="Domo Page" class="btn" width="300"></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-button-sample.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-button-sample.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">box-shadow</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">css3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">gradient</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">text-shadow</category>
            
            <pubDate>Wed, 01 Dec 2010 11:32:33 +0900</pubDate>
        </item>
        
        <item>
            <title>綺麗でリッチなフッターデザイン集のまとめ 60</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web-design/10/1124.jpg" alt="綺麗でリッチなフッターデザイン集のまとめ" width="570"></p>
<p>最近フッターが凄く豪華で出来てるデザインを見かける事が多いと思います。</p>
<p>実際に何を入れてどうデザインにしよう...迷ってる時になどの参考になるよう、綺麗で尚且つコンテンツの入っているフッターデザインをまとめたので参考にして下さい。</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/rich-beautiful-fotter-design.html</link>
            <guid>http://www.css-lecture.com/log/web-design/rich-beautiful-fotter-design.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Webデザイン</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">beautiful</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">fotter</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">rich</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
            <pubDate>Wed, 24 Nov 2010 10:03:00 +0900</pubDate>
        </item>
        
        <item>
            <title>緑と黒色を使った Webデザインのサイト 25</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web-design/10/1118.jpg" alt="緑と黒色を使った Webデザインのサイト 25" width="570"></p>
<p>久しぶりにデザイン系のまとめです...今回は緑と黒を使ったサイトデザインです。</p>
<p>黒ではないサイトもいくつかありますが...参考になりそうなのがあればして下さい！</p>]]></description>
            <link>http://www.css-lecture.com/log/web-design/green-black-web-design.html</link>
            <guid>http://www.css-lecture.com/log/web-design/green-black-web-design.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Webデザイン</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">black</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">green</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">webdesign</category>
            
            <pubDate>Thu, 18 Nov 2010 10:30:00 +0900</pubDate>
        </item>
        
        <item>
            <title>知っておいた方が便利なエクセルの知識</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web/10/1110.jpg" alt="知っておいた方が便利なエクセルの知識" width="570"></p>
<p>自分はこの業界に入ったきっかけがコーダーだけにあってエクセルを殆ど使う事もなく、使い方も殆ど分かっていませんでした...<br>
仕事のジャンルにもよるかと思うですが、自分が今までやってきた中で最低限これくらいは知っておいた方が良いじゃないかと言う方法をまとめてみます。</p>
<p>※2003 を使ってるのでバージョンにより多少違う点はあるかもしれません</p>]]></description>
            <link>http://www.css-lecture.com/log/web/convenient-excel-knowledge.html</link>
            <guid>http://www.css-lecture.com/log/web/convenient-excel-knowledge.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web関連情報</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">excel</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">web</category>
            
            <pubDate>Wed, 10 Nov 2010 10:05:21 +0900</pubDate>
        </item>
        
        <item>
            <title>効果的な Web プロモーションする為の方法のまとめ</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web/10/1021.jpg" alt="Web プロモーション方法のまとめ" width="570"></p>
<p>ただサイト（ブログ）などを作っただけだと、もちろんですが誰も見てくれません。。。<br>
もちろん登録系のサイトだとしたら会員が増えるはずがありませんし、EC サイトなら購入してくれる人はそういないでしょう。</p>
<p>見てくれる人、購入してくれる人や会員を増やす為には、Web プロモーションをする事が必須になります。</p>
<p>その為のやれる事は大体決まってます。。。その方法などを今回はまとめていきたいと思います～</p>]]></description>
            <link>http://www.css-lecture.com/log/web/web-promotions.html</link>
            <guid>http://www.css-lecture.com/log/web/web-promotions.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web関連情報</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">promotions</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">web</category>
            
            <pubDate>Thu, 21 Oct 2010 15:47:52 +0900</pubDate>
        </item>
        
        <item>
            <title>Windows Vista / 7 で localhost の書き換え方法</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web/10/1008.jpg" alt="Windows Vista / 7 で localhost の書き換え方法" width="570"></p>
<p>とりあえず久しぶりすぎるエントリー...</p>
<p>長々とさぼってしまった...ここ最近制作系の業務をしていなかった事もあり正直レベルは止まってる。いや下手になってる可能性が大きいですけど、取り残されないように頑張りたいと思います。</p>
<p>久しぶりのエントリーって事もありメモ程度の記事ですが、ドメインを移行させる案件の時、ローカルホストを書き換えて作業する場合もあるかと思います。<br>
その際 XP では直接 hosts ファイルを開き設定をし保存をすれば問題はないのですが、Windows Vista や Windows7 では管理者権限で開かないと上書きが出来ないようになってます。</p><p>Vista / 7 の変更方法を紹介しますー</p>]]></description>
            <link>http://www.css-lecture.com/log/web/windows-vista-7.html</link>
            <guid>http://www.css-lecture.com/log/web/windows-vista-7.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web関連情報</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">localhost</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Vista</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Windows7</category>
            
            <pubDate>Fri, 08 Oct 2010 17:00:45 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 変形処理を行う transform プロパティ</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/css/10/0331.jpg" alt="CSS3 変形処理を行う transform プロパティ" width="570"></p>
<p>transform は文字や画像を拡大・縮小、移動、回転などを指定出来るプロパティです。</p>

<p>単独でも使いがっては色々あるのですが、前回の記事「<a href="http://www.css-lecture.com/log/css3/css3-transition.html">CSS3 アニメーション（Transitions）の使用方法</a>」と併用して使ったらさらに面白い動きも出来ちゃったりします。</p>
<p>という事で今回は transform の基礎や使い方やなどを紹介したいと思います。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2010/0331.zip"><img src="http://www.css-lecture.com/common/images/download.jpg" alt="Download" class="btn" width="300"></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-transform.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-transform.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</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">transform</category>
            
            <pubDate>Wed, 31 Mar 2010 10:28:00 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 アニメーション（Transitions）の使用方法</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/css/10/0329.jpg" alt="CSS3 アニメーション（Transitions）の使用方法" width="570"></p>
<p>CSS3 になる事で今までと画期的に変わる部分の一つが、このアニメーション機能です。</p>
<p>自分もまだ勉強中ですが、使い方によってはけっこう面白い動きとかも出来ちゃうので、使いこなせればけっこう楽しめると思いますよ。<br>
なので今回は基礎的な事を書いていきたいと思います。</p>

<p class="demo"><a href="http://www.css-lecture.com/template/2010/0329/"><img src="http://www.css-lecture.com/common/images/demo.jpg" alt="Domo Page" class="btn" width="300"></a></p>]]></description>
            <link>http://www.css-lecture.com/log/css3/css3-transition.html</link>
            <guid>http://www.css-lecture.com/log/css3/css3-transition.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS3</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">transition</category>
            
            <pubDate>Mon, 29 Mar 2010 00:00:00 +0900</pubDate>
        </item>
        
        <item>
            <title>さくらインターネットサーバーで MT を使う際に</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/web/10/0303.gif" alt="さくらインターネットサーバーで MT を使う際に" width="570"></p>
<p>最近仕事でさくらインターネットサーバーを使い MT を使っていたのですが、その際にいくつか問題があったのでついでにまとめておきたいと思います。<br>
メモ的なエントリーなので、さくらで MT を使う際に困った時にでも見て下さい。</p>]]></description>
            <link>http://www.css-lecture.com/log/web/sakura-movabletype.html</link>
            <guid>http://www.css-lecture.com/log/web/sakura-movabletype.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web関連情報</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">include</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">movabletype</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">php</category>
            
            <pubDate>Mon, 15 Mar 2010 16:56:47 +0900</pubDate>
        </item>
        
        <item>
            <title>CSS3 グラデーション（gradient）の指定方法</title>
            <description><![CDATA[<p><img src="http://www.css-lecture.com/images/css/10/0309.jpg" alt="CSS3 グラデーション（gradient）の指定方法" width="570"></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/images/demo.jpg" alt="Domo Page" class="btn" width="300"></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/images/css/10/0308.jpg" alt="CSS3 background 関係のプロパティ・使い方" width="570"></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/images/download.jpg" alt="Download" class="btn" width="300"></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#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>
        
    </channel>
</rss>
