ウィンドウサイズで読み込むJavascriptを切り替える方法
パララックスのページを作成しているときにパララックスのjsが邪魔してたので、読み込まないようにする方法をまとめました。 ウィンドウサイズで読み込みJSの切り替え レスポンシブサイトの制作時にPCで読み込んでいるjavascriptを変更したいときに使用するコード。 PCサイトでパララックスのページを制作していて、スマホ表示では真っ白になる現象が起きたので、調べるとでparallax.jsが悪さしてるみたい。そこでスマホ表示のとき、つまりブラウザのウィンドウサイズが649pxのときにはparallax.jsを読み込まないようにしました。 <script type="text/javascript"> jQuery(document).ready(function($) { //PC環境の場合 if (window.matchMedia( '(min-width: 649px)' ).matc
Sizzy - 多彩なデバイスでのWebサイト確認を簡単に
Webサイトは一つのデバイスだけで見るとは限りません。特に最近ではPC、タブレット、スマートフォンなどあらゆる大きさのデバイスで閲覧します。そうしたデバイスでの表示確認をすべての実機でやるのは現実的ではありません。 そこで使ってみたいのがSizzyです。多数のデバイス幅に対応したデザイン確認ツールです。 Sizzyの使い方 最初にURLを入力します。 そうすると様々なデバイス幅でサイトの確認ができます。 ズーム変更機能が便利です。 Androidデバイスだけに絞り込んだところです。 タブレットだけ。 横向きもできます。 Sizzyを使えば多彩なデバイスでの表示確認が簡単にできます。Sizzyで確認しながら進めていけばあるメディアクエリーを使った時だけデザインが崩れると言った問題もすぐに気付けるはずです。 SizzyはHTML5/JavaScript製のオープンソース・ソフトウェア（ソースコ
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応
右クリック禁止を回避する
ブラウザの右クリックには、文字コードの変更やナビゲーションのための進む、戻るなどがあるわけですが、右クリックを禁止するという嫌がらせをしている困ったWebサイトがあります。右ボタンを押しながらのマウス操作で動作を指示できるマウスジェスチャ機能を利用するたびに警告が表示されるとかなりウザいと感じるわけですね。 まあ、右クリック禁止はJavaScriptの機能で実現しているわけなので、ブラウザの設定をScriptを実行しないようにしておけば何ごともなく右クリックできるわけで、右クリック禁止ははっきりいって無意味な行為で無駄な努力です。そうはいっても、ブラウザの設定を変えてScriptを無効にするのは現実的ではありません。ナビゲーション関連はブラウザ上部のメニューバーから使ったりキーボード操作でよいとして、おそらく画像の保存やソースを見てみようというときに障害となる程度でしょう。 Firefox
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
