スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。
Javascriptで動きをつけている時、ウィンドウのリサイズで動きをリセットしたい時もあるかと思います。
例えば、BREAK PANELもブラウザのサイズを変更すると、それに合わせてゲーム画面も変更するようにしています。
しかし、ただ単にリサイズされた時という判定をしているとスマホ等で予期せぬ動きをしてしまいます。
Javascriptで動きをつけている時、ウィンドウのリサイズで動きをリセットしたい時もあるかと思います。
例えば、BREAK PANELもブラウザのサイズを変更すると、それに合わせてゲーム画面も変更するようにしています。
しかし、ただ単にリサイズされた時という判定をしているとスマホ等で予期せぬ動きをしてしまいます。
前回のBREAK 25 PANELはHTMLのDOMを操作して制作しました。
今回のバージョンはHTML5から登場したcanvas要素を操作して制作しています。
あと動きを少しリッチにしたり、難易度設定を出来るようにしてあります。
Wordpressで作ったサイトをSSL化することがあると思います。
サイト全体をhttpsにしたり、もしくはお問い合わせフォームだけhttpsにしたり。
お問い合わせフォームだけでしたら、既存のWordpressのプラグインで簡単に特定のURLだけをSSL化できます。
しかし今回は、サイト全体をhttpsに遷移させて、ある特定のURLだけをhttpに遷移させるというものでした。
いろいろプラグインを探し回りましたが、目的を達成するようなプラグインは見つかりませんでした。
どうやら.htaccessで何とかしないといけないということで、何とかしてみました。
メディアクエリを使わずにcss1行だけでフォントサイズをレスポンシブ対応にする方法【CSS】
縦書きで中央寄せにしたかったので3パターン試してみた【CSS】
Classを付けるだけで要素が画面上までスクロールした時に要素を動かすJavascriptライブラリ【ScrollEffect.js】
スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。
数字をクリックするミニゲーム – BREAK PANEL
WordPressの.htaccessについて-特定のURLだけhttpsに飛ばしたりhttpに飛ばしたり
PHPで画面サイズを判断して分岐したかったので、Jsで取得した画面の横幅を、sessionに入れてみた。
YouTubeの動画をレスポンシブに対応させて貼り付けて見ました。
三角関数を使って要素を円状に動かしてみる【Javascript】
SNS系のボタンを追加してみる。【Facebook/twitter/Google+1/はてなブックマーク/Poket】