JavaScript

JavaScript

position: fixed の要素のタッチイベントが発生しないときがあるiOS Safariのバグ

とある要素に「position: fixed」をかけて、そいつにタッチイベントで何か処理をすることってたまにあるかと思います。 例えば上下左右にメニューバーみたいなのが固定で表示してあって、それをスワイプで閉じたり開いたりできるようなものな...
CSS

iOSでページ全体のスクロールを禁止させるベストプラクティス

モーダルやドロワーメニューなどを実装する際に、表示中はページ全体のスクロールを禁止させたいということがよくあるかと思います。 僕も以前ドロワーメニューのjQueryプラグインを作ったときに、ページ全体のスクロールを止めるために試行錯誤してま...
フロントエンド

フロントエンド開発環境 テンプレート 作りました

案件に取り掛かるときに一番めんどくさいのが開発環境の構築です。 いつも過去案件の流用ばかりでしたが、ちゃんとしたベースがあった方が良いかなと思い作ってみました。 一般的なペライチのLPを想定しているので、無駄がないシンプルな開発環境になって...
CSS

CSSで画面外からアニメーションさせると表示されなくなるiOSのバグ?

更新 : 2018年11月21日(水) iOS11以降では問題なく動作することが確認できました。 以下の記事はiOS10以前のSafariのみの挙動になります。 iOS10以前に対応する場合のみ参考にしていただければ幸いです。 CSS3のア...
JavaScript

配列のコピーを作ったのにコピーできてない!? – JavaScriptの参照渡しの罠

JavaScriptのオブジェクト型は参照渡しです! さて、これを見て「?」となった方へ。 JavaScriptにはプリミティブ型とオブジェクト型が存在します。 プリミティブ型とは以下のものを指します。 数値型 文字列型 ブーリアン型 nu...
JavaScript

iPhoneでスクロールするとresizeイベントが発生してしまう問題

スマートフォンサイトでresizeイベントというと、画面を回転させた時くらいであまり使う場面はないように思えますが、レスポンシブサイトなんかでは意外と頻繁に使ったりすることもあるかと思います。 そんな時に陥るのがスクロール時にresizeイ...
jQuery

横からスライドするドロワーメニューのjQueryプラグイン作りました。

ドロワーメニューjQueryプラグイン「 Last Sidebar 」 オーディオドラマ短編集『last colors』の特設ページを作った際に横からスライドしてくるメニュー(ドロワーメニュー)を実装したくて自作で書いたjQueryをプラグ...
スポンサーリンク