脱jQueryのためにしたこと - Qiita
この記事は加筆して「脱jQueryのためにしたこと - ICS MEDIA」に引っ越しました。 64000PV、480いいねとフロントエンド界隈でご好評いただいた内容です。ぜひご覧ください。 ※Google検索で辿り着いた方にリンク切れとなっては申し訳ないので、元の記事を残しています。ご了承ください。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita
もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe
作成したjQueryプラグインをBowerに登録してみる | おれめも v2
先日jQuery Hovercapを公開したところ、 GithubのIssueに「Bowerに登録はしてないの？」的なことを聞かれました。 よい機会なので勉強がてらBowerに登録してみました。 この記事は下記の環境にて実行しています。 別のバージョンでは記述が違うかもしれません。 Bower 1.3.9BowerとはTwitterが作成したパッケージマネージャです。 Node.jsでいうnpm、Rubyでいうgemみたいなものです。 Bowerに登録することで、コマンドラインからパッケージをダウンロードすることが出来るようになります。 BowerをインストールするBowerに登録する前に、まずはBower自体をインストールします。 Bowerはnpmからインストールできます。 npm install -g bower bower.jsonを作成するbower.jsonを作成します。 これ
画像をhoverした時にキャプションをアニメーションで表示するjQueryプラグインを公開しました | おれめも v2
普段は画像しか見えていなくて、マウスでhoverした時にキャプションを表示するプラグインを書きました。 文章よりも実際に確認したほうがわかりやすいと思うので、次のデモページをご覧ください。 jQuery Hovercap -> Demo使い方予めjQueryとjQuery Hovercapを読み込んでおきます。 <script src="jquery.js"></script> <script src="jquery.hovercap.js"></script> 画像とキャプションを以下の様な感じでマークアップします。 <div class="target"> <div class="target__image"><img src="..." alt=""></div> <div class="target__caption">Content...</div> </div> マークアップが
スクロールすると画像がフェードアウトしていく『crossfade.js』がかっこいい | バンクーバーのうぇぶ屋
ども、今京都なんですが、日本に帰ってきてサウナかと思う程にじめじめしており、主に気候面の理由で今すぐバンクーバーへ帰りたいセナですこんにちわ。しかし、食い物とサービスはやっぱ世界一ですね。 さて、今日は最近ネットサーフィンして時間潰してねーなーと思っていたところに知った『crossfade.js』というjQueryプラグインが思った以上にかっこよかったのでちょっとご紹介。画面をスクロールすると徐々に画像がフェードアウトしていくというシンプルな物ですが、ちょっとどっかのタイミングで使ってみたいなと思いました。 ものすっごい簡単な紹介になると思いますが、いってみましょー！ スクロールすると画像がフェードアウトする『crossfade.js』 とりあえず見てもらった方が早いかなとも思うんで、こちらのデモサイトを見てもらえますか？下記の画像が、 スクロールしていくと、 こーんな感じで徐々にフェード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Accessible Touch-friendly Range Slider Plugin - noUiSlider
Loading...
Working with JavaScript click events