Javascript 2021/1/28 2021/2/7 スクロール禁止のJavaScriptについて考えてみる【PC/スマホ対応】 「モーダルを開いた時にスクロールを一時的に禁止させたい」という目的でmousewheelイベントを使ったところ、Firefoxブラウザで動作しないということがありました。 その調べ物ついでに、スクロール禁止関連のイベントで気になったことを調...
Javascript 2020/9/9 【HLS】ウェブサイトの動画をストリーミング再生する【hls.js】 こんにちは、katori@xxbicottです。 ウェブに掲載する動画が重いときはこれまで動画本体の画質を落として軽量化して対応してきたんですが、解像度の荒さが気になる場合も。 そんな時、HLSを使ったストリーミング配信をすれば動画本体のク...
APPLICATION 2020/4/8 2020/4/9 Lottieでウェブアニメーションを作ってみた【サンプル有り】 こんにちは、katori@xxbicottです。 最近Adobe After Effectsを使っているんですが、とある記事でLottieの存在を知りました。 After Effectsのアニメーション書き出せるとかすごでは...試してみた...
Javascript 2019/5/22 2019/10/31 【PHP】シャープ(#)をパラメータとして受け取る方法【Ajax】 こんにちは、katori@xxbicotです。 この前、シャープをパラメータとして受け取ってphpで使いたいなぁという機会がありました。 例であげるとこういうURLです。 https://exampla.com/?target=man_#0...
Javascript 2018/11/14 2021/2/7 スクロールジャンクを防ぐ “Passive Event Listener”とは こんにちは、katoriです。 スマホでhoverアクションを適用するかどうか、意見が分かれる部分だと思いますが適用したいという人も多いかと思います。 この間試しに適用して検証してみたところ、Chromeの開発者ツールで大量の「[Viola...