一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
Project Silk - お だ のスペース Wiki
お だ のスペース Wiki 備忘録的なもの トップページページ一覧メンバー編集 × Project Silk 最終更新： shinsuke_oda 2011年11月06日(日) 13:14:48履歴 Tweet patterns & practices の Project Silk をざっくりと日本語訳していきます。 原文：http://msdn.microsoft.com/en-us/library/hh396380.a... ReadMe Chapter 1:Introduction Chapter 2:Architecture Chapter 3:jQuery UI Widgets Project Silk って何？ Project Silk はクライアントサイドの双方向性を重視したクロスブラウザ Web アプリケーションを構築するためのガイダンスを提供するよ。これらのアプリケーシ
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
タイルレイアウトjsIsotope
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
shima111の日記
タスクマネージャから、explorer.exe を終了させてから、「新しいタスクの実行」で explorer.exe を起動させると復活する よくある環境だけど、お客さんとこの開発サーバにアクセスしたいのだが、IP制限がかかっていて特定のIPからしかアクセスできないってことがあると思います。そんな時、お客さんに「このIPアドレスは自社サーバですので、このIPからのアクセスは許可してください」って申請して設定してもらいます。その後、自社サーバにVPN接続してお客さんのサーバにアクセスできるようになる、と。 そこで問題になるのが、VPN接続した際のデフォルトゲートウェイをVPNサーバにする(大抵デフォルトはこうなると思うけど)と、ある特定のサイトに上手くアクセスできないことがあります。一般的に言われてる原因はMTUのサイズが経路の途中で変化するため、パケットが途中でロストしちゃうからみたいです
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Image Maps jQuery Plugin
