0レスポンシブサイトを作る時に一番面倒なのが、ビューポイントに合わせてメディアクエリを使い、細かく指定することだと思います。その指定の中で今回は、フォントサイズをレスポンシブに対応してみます。フォントサイズの指定で代表的な方法はvwを使うことですが、これだけだと正直使いづらいと感じています。使用率はどんなものでしょうか?スマホだけに使ったり部分的に使うのはたまに見ますが...そこで、calcと組み合わせて、vwを使いやすくしようと思います。0私は、縦書きのデザインをコーディングをする事が中々ありません。稀に縦書きボタンのデザインに出会うと、「どうやるんだっけ?」と焦ります。コピペ出来る様にメモります。0パララックスと言うか、ページをスクロールして、画面内に要素が現れたら要素を移動・変化させるプラグインは数あれど、使い方が良くわからなかったり何かと面倒です。classをつけるだけで動くライブラリを作って見ました。>スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。0Javascriptで動きをつけている時、ウィンドウのリサイズで動きをリセットしたい時もあるかと思います。PANELもブラウザのサイズを変更すると、それに合わせてゲーム画面も変更するようにしています。リサイズされた時という判定をしているとスマホ等で予期せぬ動きをしてしまいます。PANELはHTMLのDOMを操作して制作しました。今回のバージョンはHTML5から登場したcanvas要素を操作して制作しています。あと動きを少しリッチにしたり、難易度設定を出来るようにしてあります。縦書きで中央寄せにしたかったので3パターン試してみた【CSS】Classを付けるだけで要素が画面上までスクロールした時に要素を動かすJavascriptライブラリ【ScrollEffect.js】スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。PANELWordPressの.htaccessについて-特定のURLだけhttpsに飛ばしたりhttpに飛ばしたりPHPで画面サイズを判断して分岐したかったので、Jsで取得した画面の横幅を、sessionに入れてみた。YouTubeの動画をレスポンシブに対応させて貼り付けて見ました。三角関数を使って要素を円状に動かしてみる【Javascript】SNS系のボタンを追加してみる。