Imomemo

色々とやっていきたい

フロントエンド

CSSにdisplay:flex;を指定すると、子要素の画像が勝手に縮小される

色々良い感じにやってくれるflexだけど、画像を勝手に縮小してしまうことがある <div class="flex_box"> <p><img src="./sample.jpg" alt="説明"></p> <div> 何か長い文章 </div> </div> <styles> .flex_box { display: flex; } </styles> こんな感じにしていると、要素の横幅次第では画像が勝手に縮小されることがあります。 これが起こるのはテキストの部分が長…

スマホでストリートビューを操作するとページ下部に飛ばされてしまうバグ

ios環境でのストリートビューでバグを発見 iphoneでストリートビューを見て、その上でドラッグ・スクロールの動作をするとページ下部などに飛ばされてしまう。 これはios固有のバグらしく、この記事を書いている時点では特にgoogleは対策してくれていない。 …

スマホでのWebAudioAPIで音が鳴らない場合、frequency,gainの記述方法に原因があるかも

スマホでWebAudioAPIを使う 今はWebAudioAPIという便利なものがあって、簡単にブラウザで音楽を再生させたり、音程を指定して簡単なシンセみたいなものを作ることが出来る。 今回はスマホブラウザでもWebAudioAPIを使う基本点とメトロノームのwebアプリを作…

スマホでもvideoタグの自動再生を行いたい

スマホではvideoの自動再生がデフォルトで禁止されている どうも。 最近はスマホの性能も上がってきて、PCだけではなくスマホでもWebページなどでvideoタグを使って自動再生を行いたい場合があると思うのでそれについて。 <video autoplay loop> <source src="movie.mp4" type="video/mp4"> </video> こんな感じにすると、PCでは普通…