<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>ワサビチップス</title>
        <link>http://www.wasavi-design.com/tips/</link>
        <description></description>
        <language>ja</language>
        <copyright>Copyright 2008</copyright>
        <lastBuildDate>Thu, 28 Aug 2008 10:35:03 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>不用になった静的ファイルの削除指定</title>
            <description><![CDATA[<p>エントリーを削除したり非公開にした時に静的ファイルを削除する。</p>

<p>mt-config.cgiにて</p>

<p>DeleteFilesAtRebuild 1</p>

<p>を追記。</p>

<p>※「エントリー一覧」からチェックボックスをクリックして「非公開」にしたときは削除しない。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/08/000278.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/08/000278.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Thu, 28 Aug 2008 10:35:03 +0900</pubDate>
        </item>
        
        <item>
            <title>ファイルアップロードの容量制限値を変更</title>
            <description><![CDATA[<p>デフォルトでは1Mのファイルまでしかアップデートできない。</p>

<p>大容量の動画ファイルなどをアップデートするために、この容量制限を解除する。</p>

<p>mt-config.cgiにて、<br />
CGIMaxUpload 50000000<br />
を追記。<br />
これは50M制限。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/08/000277.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/08/000277.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">must customization</category>
            
            
            <pubDate>Thu, 28 Aug 2008 10:31:21 +0900</pubDate>
        </item>
        
        <item>
            <title>MT4.x 画像配置をスマートにするカスタマイズ</title>
            <description><![CDATA[<p>1.画像配置する際に吐き出されるstyle属性を削除するカスタマイズ<br />
2.styleタグを削除するプラグインの導入<br />
3.cssにて、回り込み等を制御する<br />
4.float解除（画像の回り込みを解除）するbrタグ挿入ボタンの追加</p>

<p>より直感的に、ソース的にも美しくなります。<br />
imgタグに直接style属性かかれると、あとからのレイアウト編集や、サイトリニューアルの時に、本当に苦労するから。<br />
HTMLソースにstyle指定することは絶対に避けておきたい。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/08/000276.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/08/000276.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MT</category>
            
            
            <pubDate>Fri, 22 Aug 2008 08:00:28 +0900</pubDate>
        </item>
        
        <item>
            <title>画像配置するときのstyle属性を削除</title>
            <description><![CDATA[<p>MT4.xにおいて、画像を配置する際、右、左等の回りこみを設定したとき。<br />
タグに直接書かれたstyle属性にてfloatやマージンを制御している。</p>

<p>(X)HTMLタグへの直接のstyle属性は、外部cssからの制御ができず、いろいろと苦労します。<br />
ので、極力、classによって制御したい。<br />
ということで、このstyle属性が記述されないようにする。<br />
ついでに、クラスも任意のものに変更してしまう。<br />
（MTをCMSとして使用するとき、極力MTの痕跡をソースにのこしたくないので）</p>

<p>/mt/lib/MT/Asset/Image.pm<br />
270行目付近(MT-4.1-ja)。</p>

<blockquote>

<p>if ( $param->{wrap_text} && $param->{align} ) {<br />
    $wrap_style = 'class="mt-image-' . $param->{align} . '" ';<br />
    if ( $param->{align} eq 'none' ) {<br />
                $wrap_style .= q{style=""};<br />
    }<br />
    elsif ( $param->{align} eq 'left' ) {<br />
                $wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};<br />
    }<br />
    elsif ( $param->{align} eq 'right' ) {<br />
                $wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};<br />
    }<br />
    elsif ( $param->{align} eq 'center' ) {<br />
                $wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};<br />
    }<br />
}</p>

</blockquote>

<p>ここでスタイルを指定しているので、<br />
スタイルをコメントアウト。<br />
そして、クラス追加部分を、下記のように変更。</p>

<blockquote>

<p>if ( $param->{wrap_text} && $param->{align} ) {<br />
#	$wrap_style = 'class="mt-image-' . $param->{align} . '" ';<br />
	if ( $param->{align} eq 'none' ) {<br />
#	$wrap_style .= q{style=""};<br />
	}<br />
elsif ( $param->{align} eq 'left' ) {<br />
	$wrap_style = 'class="l" ';<br />
#	$wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};<br />
	}<br />
elsif ( $param->{align} eq 'right' ) {<br />
	$wrap_style = 'class="r" ';<br />
#	$wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};<br />
	}<br />
elsif ( $param->{align} eq 'center' ) {<br />
	$wrap_style = 'class="c" ';<br />
#	$wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};<br />
	}<br />
}</p>

</blockquote>

<p>これで不用意なstyle属性はつかなくなるので、任意のclssにて、スタイルを指定する。</p>

<blockquote>

<p>img.r {<br />
	float: right;<br />
	border: none;<br />
	margin:0 0 25px 2px;<br />
	vertical-align:top;<br />
}</p>

<p>img.l {<br />
	float: left;<br />
	margin:0 2px 25px 0;<br />
	vertical-align:top;<br />
}</p>

<p>img.c {<br />
	display:block;<br />
	text-align:center;<br />
	margin:0 auto 25px auto;<br />
}</p>

</blockquote>]]></description>
            <link>http://www.wasavi-design.com/tips/2008/06/000220.html</link>
            <guid>http://www.wasavi-design.com/tips/2008/06/000220.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MT</category>
            
            
            <pubDate>Fri, 06 Jun 2008 16:38:06 +0900</pubDate>
        </item>
        
        <item>
            <title>GoogleMap API、Opera閲覧時に出るスクロールバー消去</title>
            <description><![CDATA[<p>Opera(WIn Mac共にVer9.21）でGoogleMapを閲覧すると、<br />
mapの淵にロールオーバーしたときに変なスクロールバーがでます。<br />
（本家のGoogleMapでは出ない。APIで設置した際に出るようです。）</p>

<p>これを消去するには、mapの領域に</p>

<p>#map {<br />
    position:relative;<br />
    overflow:hidden;<br />
}</p>

<p>を記述すれば解決します。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/05/000219.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/05/000219.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">css</category>
            
            
            <pubDate>Wed, 23 May 2007 11:54:00 +0900</pubDate>
        </item>
        
        <item>
            <title>Flashバージョンチェッカー</title>
            <description><![CDATA[<p>javascriptでのFlashプレーヤーバージョンチェッカー</p>

<p><a href="http://www.moock.org/webdesign/flash/detection/moockfpi/" target="_blank">http://www.moock.org/webdesign/flash/detection/moockfpi/</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/04/000218.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/04/000218.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">その他</category>
            
            
            <pubDate>Fri, 20 Apr 2007 19:37:05 +0900</pubDate>
        </item>
        
        <item>
            <title>画像をリサイズしてもジャギーがでないように。</title>
            <description><![CDATA[<p>画像を拡大、縮小、ななめに回転などすると、画像が荒れる。<br />
これを防ぐには、</p>

<p>ライブラリ　＞　プロパティー　＞　スムージング</p>

<p>にチェックを入れればOK。</p>

<p>また、ASで行う場合は、<br />
bitamapのsmooth:BooleanをtrueにすればOK。<br />
ただし、Flash8以上。</p>

<p>ここにひとつ大きな落とし穴が。<br />
外部から読み込んだ画像に対しては、ビットマップスムージングが適用されないバグがある。<br />
対処法として、読み込んだ画像をBitmapDataにコピーしたものを使うとスムージングがかかる。<br />
コピーした後は、元のMCは削除しておくとスマート。</p>

<p><a href="http://www.flash-jp.com/modules/newbb/viewtopic.php?topic_id=4835&forum=6" target="_blank">詳細はこちらで。</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/04/000217.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/04/000217.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">AS</category>
            
            
            <pubDate>Mon, 16 Apr 2007 19:07:44 +0900</pubDate>
        </item>
        
        <item>
            <title>setMask()で透過値が有効なマスク処理</title>
            <description><![CDATA[<p>マスクターゲットMovieClip、マスクMovieClipともに、</p>

<p>・ランタイムビットマップキャッシュを使用するにチェック<br />
または<br />
・cacheAsBitmap = true;</p>

<p>すれば、マスクの透過度がそのまま反映される。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/04/000216.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/04/000216.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">AS</category>
            
            
            <pubDate>Thu, 05 Apr 2007 17:11:49 +0900</pubDate>
        </item>
        
        <item>
            <title>Flashプレイヤーバージョン検出とHTML埋め込みを同時に</title>
            <description><![CDATA[<p>Flashのバージョンチェックと、HTML埋め込みが同時にできるJavaｓcript。</p>

<p>win IE対策のswfの埋め込みって結構めんどくさいんだよね。<br />
これで一気に楽になるなー</p>

<p><a href="http://blog.deconcept.com/swfobject/" target="_blank">deconcept ? SWFObject: Javascript Flash Player detection and embed script</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000215.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000215.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">その他</category>
            
            
            <pubDate>Tue, 13 Mar 2007 17:19:08 +0900</pubDate>
        </item>
        
        <item>
            <title>クッキー</title>
            <description><![CDATA[<p><a href="http://insin.woaf.net/code/javascript/cookiemanager.html" target="_blank">JavaScriptで簡単にクッキー</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000214.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000214.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Others</category>
            
            
            <pubDate>Tue, 13 Mar 2007 17:16:16 +0900</pubDate>
        </item>
        
        <item>
            <title>ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ</title>
            <description><![CDATA[<p>読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来る。</p>

<p><a href="http://particletree.com/features/dynamic-resolution-dependent-layouts/" target="_blank">Particletree Dynamic Resolution Dependent Layouts</a></p>

<p><a href="http://particletree.com/examples/dynamiclayouts/" target="_blank">Demo</a><br />
ウインドウサイズ変えてみて。<br />
これも面白そう。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000213.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000213.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Others</category>
            
            
            <pubDate>Tue, 13 Mar 2007 16:23:24 +0900</pubDate>
        </item>
        
        <item>
            <title>フォントサイズ変更スクリプト</title>
            <description><![CDATA[<p>基本的な機能。</p>

<p><a href="http://as-is.net/blog/archives/001201.html" target="_blank">ototype.jsを用いたフォントサイズ変更スクリプト</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000212.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000212.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Others</category>
            
            
            <pubDate>Tue, 13 Mar 2007 16:11:18 +0900</pubDate>
        </item>
        
        <item>
            <title>Flash + javascript</title>
            <description><![CDATA[<p><a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20070118/259015/" target="_blank">FlashムービーとJavaScriptを連携させてみよう</a></p>

<p>うまく使えばFlash + Ajaxなサイトが！！<br />
可能性広がります。</p>

<p>使用例：<a href="http://www.finetune.com/" target="_blank">http://www.finetune.com/</a></p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000211.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000211.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">その他</category>
            
            
            <pubDate>Tue, 13 Mar 2007 16:05:07 +0900</pubDate>
        </item>
        
        <item>
            <title>フォームの入力値をリアルタイムにバリデーション</title>
            <description><![CDATA[<p><a href="http://blog.masuidrive.jp/articles/2006/01/05/validation" target="_blank">フォームの入力値をリアルタイムにバリデーション</a></p>

<p>簡単でステキ。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000210.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000210.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Others</category>
            
            
            <pubDate>Tue, 13 Mar 2007 16:04:07 +0900</pubDate>
        </item>
        
        <item>
            <title>オンラインで画像編集</title>
            <description><![CDATA[<p><a href="http://www.ajaxprogrammer.com/?p=9" target="_blank">AjaxProgrammer Ajax Image Editor Using PHP</a></p>

<p><a href="http://phpspot.org/blog/archives/2006/05/dhtml_1.html" target="_blank">DHTMLでトリミング</a></p>

<p><br />
MTをCMSとして使うときとか、組み込めたらステキ。</p>]]></description>
            <link>http://www.wasavi-design.com/tips/2007/03/000209.html</link>
            <guid>http://www.wasavi-design.com/tips/2007/03/000209.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Others</category>
            
            
            <pubDate>Tue, 13 Mar 2007 15:54:42 +0900</pubDate>
        </item>
        
    </channel>
</rss>
