前回の記事で、ウインドウのリサイズを判定し、初期化処理(リロード)を話題にしました。過去記事ウインドウのリサイズ終了後に画面をリロードする方法しかし、この方法だけだと不十分なので、追加しておきます。スポンサーリンクスマホのウインドウリサイズの対応テストしてみると、スマホの場合もウインドウリサイズイベントが発生します。スマホのブラウザーは見た目上、画面いっぱいに表示されています。そのため、縦にしたり、横にしたりしなければ、ウインドウのリサイズは起こらないように見えます。実際には画面を一番下までスクロールした際に、ウインドウリサイズイベントが発生します。このため、前回話題にしたようにウインドウリサイズでリロードしてしまうと、スマホのスクロール時にリロードが発生してしまいます。処理性能としても好ましいことではありません。そこで、スマホの場合はユーザーエージェントを判定し、リロード処理を抑制することにしました。タブレットもスマホの処理に準ずることにします。JavaScriptによるユーザーエージェントの判定ウインドウがリサイズされた場合にリロードを行うロジックでしたので、スマホとタブレットの場合は後処理を抑止する判定を行えば、問題はクリアされます。そこで、ユーザーエージェントを判定しPC、スマホ、タブレットの切り分けを行うことにしました。JavaScriptによるユーザーエージェントの判定は以下のページを参考にさせて頂きました。200);});}});やってみてね。Lisaこの後よく読まれている記事STINGER6が公開されて、STINGER5のブログをどうしようか迷いました。結局STINGER5のまま、SNSシェアボタンをカスタマイズすることに。WordPressの無料テーマ「STINGER6」が公開されました。jScrollPaneを使ってインフォメーションのスクロールブロックを作ったのですが、そのブロックが外部のブログの...記事を読むCodaとEspressoでWEB制作にDreamweaverがいらなくなりました。私は数年前(10年くらい前?)に、WEB制作ツールをDreamweaverからCodaとEspressoに乗り換えました。今回は、2つ目のブログのことをお話しします。2つ目のブログはどちらかというと日記のノリです。※このペー...記事を読むSEO対策は「SEOチェキ!」が必須ですよ。ブログを運営しているとそのブログのアクセス順位やキーワードの検査順位などが気になりますよね。そんな時便利な...記事を読むWEBデザイントレンド「フラットデザイン」を考える。それはコンピュータが紙になった社会(電子化社会)の必然性。数年前から、WEB制作の分野ではフラットデザインというデザイントレンドが主流になっています。2月からブログをはじめました。ホームページ制作の仕事は10年も前なら、デザインが出来れば、仕事は完了したも同然でした。PHPでクロスドメイン対策する。昨日12月2日、クライアントから「ブログの記事ニュースがトップページのインフォメーションに表示できなくなっ...記事を読むウインドウのリサイズ終了後に画面をリロードする方法WordPressのパーマリンクを何度も変更しました。redirect」です。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。コメントデータの処理方法の詳細はこちらをご覧ください。記事を読むjQueryでウィンドウリサイズトリガーを発生させる。記事を読むSnapWidgetでHPにInstagramの画像を設置する際、直接Instagramのアカウントページにリンクする。Yosemiteにしてみたら、Adobe(Photoshop・Illustrator)の拡大・縮小ショートカットが効かなくなった(汗)。PHPでクロスドメイン対策する。記事を読む新着記事CodaとEspressoでWEB制作にDreamweaverがいらなくなりました。私は数年前(10年くらい前?)に、WEB制作ツールをDreamweaverからCodaとEspressoに乗り換えました。記事を読むアマゾンのジェフ・ベゾスが世界一の富豪に。