森のコーディング森のコーディング2014年05月マークアップエンジニアとかWEBディレクターとかをやってる僕が、自分が詰まって、解決したことをここに残しておきますよ。>5月21cssのfilterプロパティでbrightnessの挙動がiOS6でおかしいカテゴリ:cssiphone/ipadサイトcss3のfilterプロパティというものがある。W3Cでは現在wokingdraft状態のもの。詳しい使い方は、まとまっているブログがいくつもあるのでこのあたりとかを見てもらえればいいとして、filterの中のbrightnessという明度をコントロールする関数の挙動がiOS6のsafariとiOS7のsafariでまったく違うという現象があった。書き方としては以下のようになる。img.picture{-webkit-filter:brightness(100%);}pictureというclassのついた画像の明度をコントロールしたい場合-webkit-filter:brightness(100%);がもと(オリジナル)の状態。-webkit-filter:brightness(0%);にすると真っ黒になる。100%を超えた数値をいれていけば明るくなっていって最後は真っ白になる。(実験したところ2000%くらいで真っ白になった)これはW3Cでも規定されている正しい挙動。これがiOS6のsafariなどでみると以下のようになってしまう。オリジナルの状態(明度の加工なし)brightness(100%)→明度MAXで真っ白brightness(-100%)→真っ黒そのため、無加工のオリジナルを表示するつもりでbrightness(100%)を設定すると、iOS6のsafariでは、真っ白になってしまうっぽい。今のところ解決策は見つかってない。誰か知ってたら教えて。(ちなみに今回は、brightnessを使わないで画像そのものを差し替える、という方法で解決させました)2014年05月21日09:26tacshockコメント:0トラックバック:05月20jQueryでアニメーションが終わった後に次のアニメーションを始めるカテゴリ:jQueryjavascriptjQueryでアニメーションするときによく使うのがanimate()メソッドだよね。class="block">にゃお</div>がフェードインしてきて横幅が230pxになっていくアニメーションをつくることができる。実際javascriptでのアニメーションを入れるときは、いくつものアニメーションを作ることになるのだけれど、1つ1つ順番にアニメーションさせたいんだ!っていうときがよくある。1つのアニメーションが終わったら、それをトリガーとして次のアニメーションを始めたい。animate();には、ちゃんとそのコールバックの仕組が用意されてる。animate()の(カッコ)の中には4つの引数をいれられるこんな感じanimate(パラメータ,アニメーションの長さ,イージング,コールバック);パラメータというのが具体的なアニメーションの内容。上記の例でいうと、{opacity:1,width:230}というのがこれにあたる。(オブジェクトリテラルという書き方)アニメーションの長さは、500とか1000とかミリセカンドを単位として入れる。説明がめんどいから、ここを見るとわかると思う。4つ目の引数がコールバック。これが、「次の指示」ってやつ。ここにfunctionなどを入れれば、次のアニメーションをスタートさせることができる。nyaonyao(){$(".photo").animate({top:100,width:1000},1000,"swing");}4つ目の引数(コールバック)で、nyaonyaoという関数を実行してる。これによって、まず.blockのアニメーションが動いて、それが終わったら.photoのアニメーションが動くようにできるよ。「wp」とか「admin」とかいったディレクトリ内にwordpressのソースたちをアップしてインストールしたい。http://nyannyan.comというサイトの管理ページがhttp://nyannyan.com/adminにしたい、という感じ。ディレクトリもスッキリするし、お客さんにもわかりやすいのでこうしたい。wpって、初期状態だと、インストールした先がトップページになっちゃう。http://nyannyan.com/adminにインストールしたらhttp://nyannyan.com/adminがトップになっちゃうね。トップをちゃんとルートのhttp://nyannyan.com/にするための手順をメモ。/adminにインストールされてる状態でwp管理ページにログインして1設定をクリックして、「サイトアドレス(URL)」がhttp://nyannyan.com/adminになってるので、adminをとっぱらってhttp://nyannyan.comにする。2FTP接続し、admin/にある2つのファイルをダウンロードしてくる。・.htaccess・index.php3ダウンロードしたindex.phpをエディタでひらいてrequire(‘./wp-blog-header.php’);というのを見つけ出してrequire(‘./admin/wp-blog-header.php’);に変更する。FTPで2つのファイルとルートディレクトリにアップする。◆固定ページなどが403エラーになったら?URLを変更した後で、固定ページをみるとエラーになる場合がある。そんなときは、固定ページで吐き出そうとしているurlのディレクトリがすでにサーバー内に存在してないか確認する。http://nyannyan.com/about/がエラーになったとしたら、aboutというディレクトリがサーバー内で作られちゃってないか確認。作られちゃってたら削除する。最初に静的にhtmlをつくって運用している場合などはディレクトリが残っている場合が多いから、バックアップをとったうえで、ちゃんと削除する。するとwordpressが吐き出すページとバッティングせずにちゃんと表示されるようになる。toolsで出るカテゴリ:jQueryjavascriptjQuery本体が出してるwarning(警告。エラーってほどじゃない)なので気にしないでいいんだとさ。最新のjQueryではすでに解決されてるそうです。http://yuzuemon.hatenablog.com/entry/2013/10/10/0258102014年05月19日19:05tacshockコメント:0トラックバック:05月19wordpressで記事一覧を出すカテゴリ:wordpressphpwordpressで記事一覧のタイトルを出したいとき。endif;?>numberposts=0を5とかにすれば5件でる。