タグ

ブックマーク / blog.webcreativepark.net (8)

  • Androidブラウザでviewportのwidth指定

    Androidブラウザでviewportのwidth指定 AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも?) タイムリーに@takazudoが同じようなことをやっていて、対応方法が公開されていました。 ただ、私の検証環境、IS01やGALAXY S、Androidシミュレータだとうまく動かず。デバイスの実装差異かなんかかな。 で、色々と試行錯誤していたのですが、meta要素で「content="width"」を指定せず、JavaScriptで次のように指定すると「content="width=640"」っぽい表現が可能です。 $(window).bind('resize load', function(){ $("html").css("zoom" ,

    Androidブラウザでviewportのwidth指定
  • 14のjQueryベストプラクティス[to-R]

    14のjQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv

    14のjQueryベストプラクティス[to-R]
  • MTのコメントスパムをなくす.htaccess

    MTのコメントスパムをなくす.htaccess 運営しているサイトのひとつでコメントスパムが急増したので.htaccessによるスパム対策を行いました。 .htaccessに次のような記述を書くとコメントスパムがほとんどなくなります。 「http://blog.webcreativepark.net」を運営しているサイトのドメインに変更してください。 <Files mt-comments.cgi> SetEnvIf Referer "^http://blog.webcreativepark.net" ref order deny,allow deny from all allow from env=ref </Files> リファラーを確認してリファラーがサイトのドメインと異なる場合mt-comments.cgiへのアクセスを弾く仕組みになっています。 .htaccessはmt-comme

    MTのコメントスパムをなくす.htaccess
  • 4月26日にApple Storeで無料のjQueryセミナーを行います

    4月26日にApple Storeで無料のjQueryセミナーを行います 4月26日にサイバーガーデンbiz主催でApple Storeで無料の『Web制作の現場で使う jQueryデザイン入門』出版記念のjQueryセミナーを行います。 [詳細] 2010年4月26日(月)19:00〜20:30(開場・受付開始は18:30)で事前申し込み等、必要ありませんのでお気軽にお立ち寄りください。(椅子席は96名で先着順になりますので、席に座りたい方はお早めにお越しください。) jQueryってどんな感じ?どんなことが出来るの?というのを短時間で理解できる構成になっております。 jQueryに興味がある方、書籍のご購入を検討されている方、書籍を買ったがまだ手を付けられていない方などは、ぜひ参加をご検討ください。 セミナー終了後には懇親会(4,000円(飲代実費)が必要、懇親会だけのご参加も可)も

    4月26日にApple Storeで無料のjQueryセミナーを行います
  • アルファ画像を扱うalphafilter.jsライブラリ[to-R]

    アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a

    アルファ画像を扱うalphafilter.jsライブラリ[to-R]
  • ブランド構築を実現するWebディレクション

    ブランド構築を実現するWebディレクション 先日imedioで行われたビジネス・アーキテクツの森田雄さんのセミナー「ブランド構築を実現するWebディレクション」に参加してきました。 内容は以下のような感じ。 bAの最近のサイト ソニーのオピニオンリーダースペシャルサイト パナソニックエコアイディア 実況ジェネレーター2008[閉鎖] べナレ旅ナレジェネレーター [閉鎖] ドラマチックジェネレーター[閉鎖] 森田雄さんがかかわったサイト 言の葉草 日の暮らし二十四節気めぐり いきものみっけ いきものみっけはbAでは珍しくお祭り状態での開発だったとのこと。 基礎知識 ウェブコミュニケーション Corporate 理念 人格 便益 機能 ↓ prodact 戦略 事業 ↓ web 伝達 ↑ ↓ Stakeholder 経験 プロダクトの裏にはコーポレートの理念がある。 プロダクトを知りサイト

    ブランド構築を実現するWebディレクション
  • 非常に軽いウイルス対策ソフト『イーセットスマートセキュリティ』

    非常に軽いウイルス対策ソフト『イーセットスマートセキュリティ』 昨日から使用しているウイルス対策ソフトを『イーセットスマートセキュリティ >』に変更しました。 今までは無料のウイルス対策ソフト『Anti-Virus Free』を利用していて、無料で常駐時もけっこう軽くて気に入っていたのですが、パターンファイルの更新とメールのスキャンが重いのが不満でした。 イーセットスマートセキュリティに変更してからは常駐時、メールスキャン、パターンファイルの更新どれをとっても非常に軽くなりました。 Anti-Virus Freeの前はノートン先生を使ってたのですが、常駐時の重さから利用をやめた経験もあります。 比較できるのが、この3つのソフトだけですが今までで一番快適に利用できています。 現在は2ヶ月無料で利用できる体験版がダウンロードできますので、今のウイルス対策ソフトに不満の方はぜひ試してみてください

  • ie以外でもクリップボードが使えるsetClipboard.js

    ie以外でもクリップボードが使えるsetClipboard.js IE以外のブラウザでもクリップボードにコピーが簡単にできるjavascriptライブラリを作成しました。 IEにはclipboardData.setDataという関数があり、クリップボードへのコピーなどが簡単にできますが、IE以外のブラウザはクリップボードにアクセスする機能がありません。 そこでflashプレーヤ―のsetClipboard関数を利用してクリップボードにコピーするライブラリです。 まずは関連ファイルをダウンロードします。 ダウンロード(setClipboard.zip) 解凍してできる『setClipboard.js』と『setClipboard.swf』は同じディレクトリにアップしてください。 header要素などでsetClipboard.jsを読み込みます。 <script type="text/jav

    ie以外でもクリップボードが使えるsetClipboard.js
  • 1