2012-01-01から1年間の記事一覧

firefoxではdisplay:boxを指定すると、widthの相対値が無視される

css

firefoxのバージョンは17.0.1なので他のバージョンは違うかも。こんなページがあって。 <div id="wrap"> <div class="shop"> <section class="photo"> <img src="./imgs/photo.jpg" width="150" height="150" /> </section> <section class="shop_txt"> <article class="info"> <h2>ラーメン屋</h2> <p>おいしいラーメンがあります。</p> </article> </section> </div> </div>要素を横…

AS2でシーンを移動して再生するがうまく動かない

AS3

ActionScript2でシーンをスクリプトで移動して再生したいときにはgotoAndPlayを使うらしい。 でも実際はここやここに書いてあるやり方ではエラーがでてだめ。 ここにはフレームの番号かフレームラベルを引数にすると書いてあるけど、型がobjectになってるの…

スマホサイトで画面が拡大されるときの対処法

スマホ用サイトでは画面のサイズがいくつもあるので、 viewportを指定して自動で端末の画面サイズに合わせた表示になるようにする。 viewportはPCでいうところのウインドウサイズとは違い、コンテンツを表示する領域。詳しくは appleの解説をどうぞ。それをm…

画像をCSSで本のようにする

css

これは新鮮!ただの画像をCSSで回転させて立体感をだして本のように表示する手法。 発想って大事だなと思った。 やり方はリンク先のhtmlとcssをそのままコピペするだけだけど、Modernizrというjavascriptのライブラリを読み込まないといけない。 Modernizrは…

Excelで時間の合計を出したいときのやり方。

1:20:41みたいな表記がいくつもあって、 全部で何時間なのか知りたいときのやり方。 普通にSUM関数で合計を出そうとするとよくわからない結果になる。 どうやら書式が正しくないっぽい。 それを修正するには、 1.合計の値が入ったセルを右クリック、セルの書…

FirefoxでMTのカテゴリ選択ができなくなった。

調べたらfirefoxのアップグレードで追加されたDOM APIの新しいプロパティとMTのjsで使っているプロパティ名が同じで名前がかぶってた。 Firefox 16 のサイト互換性に関わる修正のまとめ itemIdというプロパティがそれ。 MT側では2つのjsファイルの複数箇所で…

IE9でflashのTextField部分が表示されない

AS3

こんなのがあって、日付の差分からあと何日って表示するコード。 var dif:int = Math.ceil(milSec / (24 * 60 * 60 * 1000)); countDown.text = "" + dif + "";なぜかIE9だけTextFieldを使ってる数字部分がでない。 int型をString型にしてるから?と思って型…

PHPUnitでテスト

php

まずはPHPUnitのインストールから。PEARは入ってるので、 pear config-set auto_discover 1 sudo pear install pear.phpunit.de/PHPUnitと入力する。 関係ないけどComposerってまだ使ったことないんだよな。便利なのかな。 インストールが終わったら入ったか…

FlashDevelopでAIRアプリ開発の設定

FlashuBuilderではなくFlashDevelopの方でもAIRをやってみようと思って設定をした。 JavaやNET Frameworkはインストールされてて、FlashDevelopが動くという前提で進めるよ。 それもまだならこちらを見てインストールする。 プロジェクト作成 FlashDevelopを…

エクセルの画像をコピーする

エクセルに直接貼り付けられた画像。 コピーしてphotoshopで開くと画質が荒くなってて困る。 なにかいい方法はないかと思って試した方法を紹介。1・左上のファイルからWebページとして保存を選択 2・htmファイルと関連するフォルダが作られるのでそのフォル…

jQueryのresize()を実行後にページを再読み込みしたい

js

ウインドウのリサイズイベントでページの再読み込みをしたくて以下のコードを書いた。 $.fn.reload = function(){ $(window).resize(function(){ location.reload(); }) } 試しにウインドウサイズを変更したけどなぜか無反応。 でもこっちは動く。 $.fn.relo…

lessはIE6/7/8だと使えない

css

jsを読み込ませて使うクライアントサイドのlessはIE6/7/8だと見れないんだ。 案件では使ったことがなかったから知らなかった。 なんか方法はないかと思って調べたけど無理っぽい。 ここに書いてあるやり方はダメだったしサーバーサイドでcssにコンパイルする…

カスタムフィールドからアップした画像を表示する

カスタムフィールドはすべてのブログで使用するのか一部のブログで使用するのかによって作成方法が違うので気をつける。書き方はこんな感じ。 <mt:If tag="entrythumbnail"> <MTEntrythumbnailAsset> <a href="<$mt:EntryPermalink$>"></a></mtentrythumbnailasset></mt:if>

エントリの表示回数で条件分岐をする

エントリの表示回数をカウントして処理を分岐したいときってたまにあると思う。 調べてみたら以下のようなやり方らしい。 <mt:Entries category="カテゴリA" lastn="3"> <MTIf name="__counter__" eq="3"> 三件目の記事 <MTElse> それ以外の記事 </MTIf> </mt:Entries>↑の場合は3件記事を表示して表示回数が3回目かどうかで分岐する。 MTEntriesタグはエントリー数だけ…

カテゴリの年間記事数を表示する。

最近MTのtipsみたくなってるけどまだまだネタはあるよ。特定のカテゴリの年間記事数を出したいときのやり方。 事前にブログ記事リストのテンプレートの設定部分で「カテゴリー年別」のアーカイブマッピングの設定をしておく。 そうしないと再構築でエラーが…

エントリーの公開日を表示してエントリーへのリンクを貼る

サイドメニューとかでエントリー一覧を表示するときのフォーマット。 <dl> <mt:Entries lastn="20"> <dt><$mt:EntryDate format="%Y.%m.%d (%a)" language="en"$></dt> <dd><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></dd> </mt:Entries> </dl>

カテゴリごとに表示を変える

テンプレートの表示をカテゴリでわけたいときはIfCategoryタグを使用して、 条件分岐する。 nameモディファイアかlabelモディファイアにカテゴリ名を指定。 MTEntriesタグ内で使用する。 <mt:IfCategory name="カテゴリA"> カテゴリAです <mt:Else> 違います </mt:IfCategory>これで特定のカテゴリのときだけテキストや…

jQueryのproxyメソッドを使ってみる

js

オブジェクトに指定したプロパティがなくてもちゃんとを呼んでくれる。 var obj = { txt:'クリック!', dofunc:function(){ alert(this.txt); } }; obj.dofunc();//クリック! $('#test').click(obj.dofunc);//undefined ↑ではclickイベント時のthisが#test…

jQueryの高さと位置を取得するメソッド

js

いつもあれ?どれだっけってことがあるのでメモしておこう。・outerHeight border、margin等を含めた要素の高さを取得する。 $('#wrap').outerHeight(); ・offset 画面左上を0として、要素の位置を取得する。topとleftプロパティが返ってくるので、そこから…

androidでwidthが効かない

androidでバグなのか仕様なのかわからない現象に遭遇。 以下のhtmlソースでandroidだけ表示が崩れる。 <html lange="ja"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta charset="utf-8" /> <style type="text/css"> #page{ width:640px; margin:0 auto; background-color:#f7f5ef; }…</meta></meta></head></html>

スマホ用コーディングのちょっとしたCSS

css

webkitブラウザでは端末を横向きにすると自動的に文字サイズが大きくなる。 それを回避するにはbody要素に以下のCSSプロパティを記述する。 body { -webkit-text-size-adjust: none; } モバイルサイトの文字サイズ指定の際に気をつけるプロパティ あと、メデ…

Photoshop CS5で別ファイルのレイヤーをコピーする

Photoshop CS5では複数のファイルがタブで開かれる。 そのとき、レイヤーを別ファイルに移動させようとしてマウスでドラッグ&ドロップしてタブの所に持っていってもコピーできない。 最初はやりかたがわからなくて悩んだ。 コピーできるようにするには、 ウ…

ページ内のテキストを置き換えるスクリプト

js

var b = document.getElementsByTagName('body')[0]; var util = function(){}; util.prototype = { createlement:function(element,att){ var el = document.createElement(element); for(var i in att){ el.setAttribute(i,att[i]); } return el; }, getId…

オリジナルテンプレートを作ってる

WordPressはいろんな人がオリジナルテーマを公開してて、 すごく簡単ですよ、みたいな話しを見るのでHTML5とCSS3で試しにやってみようと思って昨日から作業してる。 まだ途中だけどなんとなくわかってきた。 テンプレート制作手順 ざっくりとした手順を書く…

Adobe AIR for Androidでアプリを作るメモ

Flash Builderを使ってAIRアプリを作ってみる。 アプリらしいものを作ったことはなかったのでちゃんと使う。 カメラを使うアプリをなにか作ってみるよ!

lessでレスポンシブWebデザインのサイトを作るときに気をつけること

lessでコーディングしてるんだけど、ちょっとあれって思う所があったので書いておく。 lessでは変数を使うことが出きるようになってて便利。 こんなように書く。 @color: #4D926F; #header { color: @color; } h2 { color: @color; }で、レスポンシブWebデザ…

mysqlで文字列の置き換え

こんな感じになる。 UPDATE テーブル名 SET カラム名 = REPLACE(カラム名,'#',',');この場合はカラムに含まれる#を,に置き換える。 知ってれば一行だけど、 知らなかったらSELECTで取ってきた文字列を置き換えてUPDATEするプログラムを書いてた。 これは便利…

QualcommのARライブラリをAndroidで動かす

QualcommのARライブラリを使ってみた。 手順はhttps://ar.qualcomm.at/qdevnet/sdk/androidを参考。 環境は、 ・windows XP ・GALAXY NEXUS基本的に上記リンク先をその通りに進めていけば動いた。 環境構築に JDK Eclipse IDE Android SDK Downloader Androi…

ウェブマスター向けガイドラインメモ

googleのウェブマスター向けガイドラインをしばらく見ていなかったので見てみた。 改めてこれは気をつけよう、というのはなくて、 普通はやらないような方法を取らなければ問題ない。 たとえばSEO目的でのサイト改変やクローラーに不正なレスポンスを返すな…

mvコマンドで複数ディレクトリを移動させる

やり方は簡単。 移動させたいディレクトリが置いてあるディレクトリに移動して以下のコマンドを入力する。 mv css img js ../これで3つのディレクトリが一つ上の階層に移される。 ファイルの場合も同様に複数のファイル名を入れるだけ。 ワイルドカードが使…