スタートアップやプロダクトの成功に必要な「アイデア×プロダクト×実行×チーム×運」の 5 つの項目について解説した概要のスライドです。急成長するプロダクトの初期に役立てていただければと思います。 プロダクトマネージャーやスタートアップの CEO の方向けにどうぞ。 ※ Japan Product Manager Conference 2016 の登壇資料です
20160930 フロントエンド高速化 業務編 (社内勉強会)
スタートアップやプロダクトの成功に必要な「アイデア×プロダクト×実行×チーム×運」の 5 つの項目について解説した概要のスライドです。急成長するプロダクトの初期に役立てていただければと思います。 プロダクトマネージャーやスタートアップの CEO の方向けにどうぞ。 ※ Japan Product Manager Conference 2016 の登壇資料です
Firefox｜複数のiframeを使うと入れ替わったりする
Firefoxではiframeタグを複数使うと正しく表示されないようです。 iframeの中身が入れ替わったりと散々なことになりました。 調べたところ具体的な解決策は見つかっていません。 もし見つかれば追記します。 — 10.10.18追記 iframeの変わりにobjectを使って同じように表示できました。 このやり方が正しいかは定かではありませんが。 ■変更前 <iframe src=".html" width="400" height="300"></iframe> ■変更後 <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data=".html" style="width:400px;height:300px;"> </object> <![endif]--> <!--[if !IE
jQueryで画面をスクロールさせる時の注意点
jQueryで画面をスクロールさせる時の注意点 jQueryを使って画面をスクロールさせる場合animateメソッドとscrollToプロパティを組み合わせるのが一般的です。 selector.animate({ scrollTop: 0 }); // ページの一番上にスクロール この時どのセレクタに対して実行すべきかはブラウザごとに異なります。詳しくはjQueryでscrollToを使うときの注意点 - NoteBookにまとまっていてありがたいです。簡単に言うとWebKitではbodyに効き、それ以外のブラウザではhtmlに効きます。 $('html').animate({ scrollTop: 0 }); // WebKit以外 $('body').animate({ scrollTop: 0 }); // WebKit これに対して var selector = $('html,
jQueryのプラグインをつくってみよう - tumblr
僕はiPhoneとかiPadとかmacみたいな流行りものを使用すると蕁麻疹が全身に出てさらに左腕が疼きだすという特異体質(別名：天邪鬼)のため、これまであまりjQueryは使ったことがなかったです。特異体質によるものもあったのですが、僕みたいなグズがjQueryのような便利なものに手を出したら、面倒なコードを書くにもjQuery頼りになって自分でコードを書く努力を怠る習慣が身についてしまうのでは、という懸念があったためです。最近になってようやく、本当に多少ではありますが独力である程度の処理は書けるし読めるようにもなったので、効率化のためにもjQueryをもっと使っていこうという気になったわけであります。 で、そうなるとやはりjQueryが提供する便利関数では全然足りなくて自分でプラグインを書きたくなるわけです。ちょうどjQueryの公式サイトにjQueryプラグインの作り方指南な記事(ht
自作のjQueryスクリプトをプラグイン化しよう
Posted: 2011.06.13 / Category: javascript / Tag: jQuery, Plugin 自作したjQueryコードは作成した本人なら簡単にパラメーターの調整などを行いカスタマイズできると思いますが、Webに公開して他の人に使用してもらう場合はなかなかむずかしかったりしますよね。 そこでプラグイン化をすることで誰でも簡単に扱えるようにしてみましょう。 外部ファイル化 たとえば「#hide-btn」をクリックすると「#view」がフェードアウトして消えるという簡単なスクリプトがあります。 jQuery script $(function() { $('#hide-btn').click(function(){ $('#view').fadeOut(1000); }); }); まずは外部ファイル化しましょう。 jQueryプラグインは「jquery.プラ
マウスの動きに合わせて画像が動くパララックス効果
ここで紹介しているコードはPARALLAX || roXonのコードを基本に作成しています。元のコードを確認したい場合はPARALLAX || roXonのコードをご覧ください。 サンプル まずはサンプルで動きを確認してみてください。div要素内にマウスが入ると画像が動きます。 サンプルのコード サンプルの基本になっているコードを確認したい方はPARALLAX || roXonをご覧ください。 JQuery <script type="text/javascript"> $(document).ready(function(){ distance = 200;//画像の移動距離 sensitivity = 17;//移動時の滑らかさ var distHalf = distance / 2; var parW = $('#par').width(),//要素の横幅をピクセル単位で取得します
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: コアjQuery+プラグイン/jQuery UI開発実践技法: 導師の中の導師が書き下ろす全容と詳細の徹底解説!!コア/jQuery UIの構文: Bear Bibeault (著), Yehuda Katz (著), 吉川邦夫 (翻訳): 本
finefinefine.jp
IBM Developer
jQueryでscrollToを使うときの注意点 - NoteBook