JavaScript position: fixed の要素のタッチイベントが発生しないときがあるiOS Safariのバグ とある要素に「position: fixed」をかけて、そいつにタッチイベントで何か処理をすることってたまにあるかと思います。 例えば上下左右にメニューバーみたいなのが固定で表示してあって、それをスワイプで閉じたり開いたりできるようなものな... 2022/06/24 CSS技術JavaScript
CSS iOSでページ全体のスクロールを禁止させるベストプラクティス モーダルやドロワーメニューなどを実装する際に、表示中はページ全体のスクロールを禁止させたいということがよくあるかと思います。 僕も以前ドロワーメニューのjQueryプラグインを作ったときに、ページ全体のスクロールを止めるために試行錯誤してま... 2022/06/15 CSS技術JavaScript
フロントエンド フロントエンド開発環境 テンプレート 作りました 案件に取り掛かるときに一番めんどくさいのが開発環境の構築です。 いつも過去案件の流用ばかりでしたが、ちゃんとしたベースがあった方が良いかなと思い作ってみました。 一般的なペライチのLPを想定しているので、無駄がないシンプルな開発環境になって... 2022/05/15 フロントエンドCSS技術JavaScript
CSS CSSで画面外からアニメーションさせると表示されなくなるiOSのバグ? 更新 : 2018年11月21日(水) iOS11以降では問題なく動作することが確認できました。 以下の記事はiOS10以前のSafariのみの挙動になります。 iOS10以前に対応する場合のみ参考にしていただければ幸いです。 CSS3のア... 2017/09/16 CSS技術JavaScriptiOS
JavaScript 配列のコピーを作ったのにコピーできてない!? – JavaScriptの参照渡しの罠 JavaScriptのオブジェクト型は参照渡しです! さて、これを見て「?」となった方へ。 JavaScriptにはプリミティブ型とオブジェクト型が存在します。 プリミティブ型とは以下のものを指します。 数値型 文字列型 ブーリアン型 nu... 2017/08/26 JavaScript技術
技術 iPhoneでスクロールするとresizeイベントが発生してしまう問題 スマートフォンサイトでresizeイベントというと、画面を回転させた時くらいであまり使う場面はないように思えますが、レスポンシブサイトなんかでは意外と頻繁に使ったりすることもあるかと思います。 そんな時に陥るのがスクロール時にresizeイ... 2015/12/23 技術JavaScriptjQuery
jQuery 横からスライドするドロワーメニューのjQueryプラグイン作りました。 ドロワーメニューjQueryプラグイン「 Last Sidebar 」 オーディオドラマ短編集『last colors』の特設ページを作った際に横からスライドしてくるメニュー(ドロワーメニュー)を実装したくて自作で書いたjQueryをプラグ... 2015/12/16 技術JavaScriptjQuery