はてなブックマーク

2013年01月26日 最近スマートフォン対応作業が増えてきて、PCと同じ感覚で作ってると上手くいかない事がままあります。そんな中で一番「え？』と思ったのがandroidのスクロールバグです。 縦幅横幅を数値で指定したエリアに対して、overflow:scrollを入れればスクロールバーが付くのはウェブ制作者なら誰でもご存知かと思いますが、なんと、androidではこの部分にバグがあり、スクロールができないんです。 スマホサイトの場合、エリア内スクロールを実装する事自体があまり無いのかもしれませんが、サイトの利用規約とか文章が長いものを設置する場合はスクロールできるエリアを用意してページ内のスペースを節約したりすると思います。 で、これどうすりゃ良いんだよって思ってたら、解決してくれている人が居たので試してみました（http://lagoscript.org/jquery/flickabl

2012年07月11日 サイドなどでメニュー等をスクロールにあわせて付いてくるようにする、 jaueryを使用した便利なスクリプト、scrollfollowですが、 最新版で使う時は少しカスタマイズが必要なのと、 使用時に注意点があって、今日プチはまりしたのでメモです。 自分で用意するのは、jquery.scrollfollow.jsですね。 本家の元データの配布はこちら 見てもらえればすぐ分かりますが、このjsはjqueryが1.5.2で動作確認されてます。 2012年7月11日現在、jqueryの最新バージョンは1.7.2ですが、 1.7.2だとscrollfollowはそのまま動きません。 で、一部カスタマイズが必要なのですが、58行目と59行目を以下のように書き換えます。 var parentHeight = parseInt( box.cont.outerHeight() );

2012年05月11日 Adobe Creative Suite 6 (CS6)がついにリリースされました。体験版がアドビサイトからダウンロードできるようになっていたので、 Design & Web Premiumの体験版を入れてみました。（アップグレードもするつもりですが） で、とりあえずPhotoshop CS6を触ってみたのですが・・・真っ黒になった・・・ しかも、Windows版のように、アプリに背景ができてるし・・・っつーことで以前のようなUIに戻してみました。 まず「環境設定」＞「インターフェイス」＞「アピアランス」＞「カラーテーマ」を左から2番目のグレーから、一番右の明るいグレーにしました。 これでパネル周りは元通りになりました。 で、問題のウィンドウの背景なんですけど、これがすげーわかりづらかった。Mac版には背景は要らないんですよ。透明で良いんですよ。背景を消したい。 で

2011年09月03日 Macでウェブ制作している人なら、確認用にWindows環境は用意してますよね。 Windows実機を持っているのが一番確実ではありますが、 キーボードとマウスの切替が面倒くさい。（切り替えない方法もあるけど） だから仮想環境で確認してる。って人は多いと思います。 Macの仮想環境だと有料ソフトでVMware Fuison、Parallels Desktop、 無料だとVirtualBoxがありますが、有料版は結構前から良い出来でした。 VirtualBoxは無料だから仕方ないかぁ、って感じでしたが、 最近のバージョンは非常に高速で安定してるっぽいです。 10.7にも対応してるみたいですしね。 私もしばらくVMを使ってましたが、最近はVBに移行しました。だって無料だもの。 ってことで、Parallelsは持っていないので、VMからVBへ、Windows XPの移行手

2011年12月03日 追記3（2012年8月19日）:更に更に安くなってますね。 最近またメモリの値段を調べてみたら、ノート用の8GBメモリが大体3500円位でした。 Macで使えそうなメーカーで価格が手頃なのは、トランセンドでしょうか。 上海問屋さんで3480円でした。送料はメール便で210円なので1本購入だと3690円。 2本買えば7170円、iMacで32GBにチャレンジするなら4本で14130円。かな？ （正確な金額はショップに確認してください。） 【ノートパソコン用メモリー】【相性保証付き】 Transcend(トランセンド) DDR3 SO-DIMM PC3-10600 (DDR3-1333) 8GB JM1333KSH-8G 実はこの規格のメモリ、2012年6月に発売された新型のMacBook Proでも使えるらしいです。 新型の仕様規格は、クロック数が更に上位のPC3-1