フロントエンドの開発効率が3倍に…！？デバッギングプロキシCharlesの使い方 :: 5509
タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストをローカルへ向ける Map Remote（指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ（ほとんど全部共通） Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを
iframe内のコンテンツを親からスクロールさせる :: 5509
iframe内コンテンツのスクロールを親のボタンから操作する方法です。 普通にWeb制作をしている上でiframeを使う事はあまりないと思うので実用的かどうかは…。 Demo Download demo files 今回は、iframe内コンテンツでfunctionを作っておいて、それを親から実行することで実現させてます。 なのでiframe内に表示するコンテンツは外部のサイトとかはだめです。自分で作ったやつだけです。 以降面倒なので、親コンテンツは「親」、iframe内コンテンツを「子」とします。 ところで、例によってjQueryを使っているので親・子共にjQueryを読ませておきます。 サンプルでは一番上にきたら↑が押せなくなったり、下にきたら↓が押せなくなったりしますがそれは考えないでおきましょう。それが気になる人はサンプルのソースを見てください。 用意するHTML input#up
jQueryのアニメーション関連いろいろまとめ :: 5509
jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。 TIPS/チュートリアル プラグイン/animateメソッドの拡張など プラグイン/単体で使えるものなど プラグイン/スクロール系 TIPS/チュートリアル animate(params, options) http://semooh.jp/jquery/api/effects/animate/params,+options/ まずはjQuery animateの基本を押さえましょう。 Using jQuery Stop http://css-tricks.com/examples/jQuery
jQuery :: 5509
jq.carouselに引き続きよくあるシリーズです。（つまり車輪の再開発 ベースはチェックボックス・ラジオボタンをまとめて操作するようなUIのためのコントローラーで、それのついでにビューになるHTMLとinput要素を（見た目上）置きかえる機能がついてます。それだけです。 ドキュメント・サンプルは以下のリンク先を参考にしてください。（引き続き変な英語ですけども。 jq.ui.checks 要望とかバグ報告などはgithubのIssuesへお願いします。 githubでちょっと前に公開したやつです。こっちでアナウンスしてなかったので。 ドキュメント・サンプルは以下のリンク先を参考にしてください。（変な英語ですけど、なんとなく言いたいことは分かると思います。 jq.carousel 日本語のドキュメントはWebDesigning 4月号のjQuery Labで書きましたので、どうしても日本語
これまでに使った20のjQueryプラグイン :: 5509
delicious(nori_17/tagged:jquery)から実際に使ったものをメモ。 順番はたぶん登録が古い順なはず。たまに自作がまじってます。自作のは5509って振ってます。 deliciousからのみ抜き出したので使ったけど入ってないのがたくさんありそう。20なはずがない… Galleria http://devkick.com/lab/galleria/ 画像ギャラリープラグイン。これはきれいですよね。でもちょっと重い。 FancyBox 確か商用でも使えるhighslideみたいなのを探してた気がする。 tablesorter http://tablesorter.com/docs/ シンプルにデータ並び替え。管理画面には欠かせないですね。 prettyPhoto 角丸がかわいいLightboxクローン。 AjaxZip2 http://www.kawa.net/works
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
