「 スマートフォン 」 一覧

モバイル フレンドリー テストで合格しているのに、「スマホ対応」ラベルが付かない時

スマホで検索していると「スマホ対応」と表示されるようになって、しばらく経ちました。 検索している時の順位も、「スマホ対応」と表示されてないページより、表示されているページの方が上位に表示されているのを …

no image

クリッカプルマップをjQueryでレスポンシブ対応させる方法

滅多に使わないのですが、たま~に「クリッカプルマップ」を使用してコーディングをする事があります。 しかし、「クリッカプルマップ」はレスポンシブで使用してしまうと、リンク位置がズレてしまう現象がおきます …

no image

スマホサイトの画像コピーガード対策

スマホ向けのサイト制作の機会が増えました。 PC向けの時にいろいろとしていた画像コピーガード対策も、スマホ対応しなくてはならなくなってきました。 画面の長押しすると、画像を保存することができます。 し …

no image

コピペで簡単にできるレスポンシブ対応GoogleMapの設置方法

ショップなどのサイトだと、地図は必須ツール。GoogleMapを利用する機会が多いです。 今回、スマホ対応サイトでGoogleMapを設置する機会がありました。 細かなカスタマイズをする場合は、Goo …

no image

スマホ用にWebクリップアイコンを設置してみた

Webクリップアイコンの設置はとても簡単!アイコン素材をちゃんとアップして、1行link要素を書くだけです。 iPhone、iPad、Androidでホーム画面にショートカット(ブックマーク)した時に …

no image

スマホ用サイトに「LINEで送る」ボタンを設置してみる

スマホ向けに情報を発信しているサイトなど、あると便利なシェアボタン。 いつの間にかに「LINEで送る」ボタンが出来ていたのですね。 ひとまず自分用に記述方法を2種類メモします。

no image

WordPressプラグイン「Simple Map」でスマホ対応GoogleMapを簡単設置。

GoogleMapは、いろいろとお世話になっています。ただスマホで時々面倒だと思うのが、スクロールしていてGoogleMapに何気に指が触れてしまった時。 画面の横幅が480px以下になった時に静的な …

no image

OS+ブラウザごとのcssが簡単に書けるJavaScript「CSS Browser Selector」

「このブラウザだけデザインが崩れてる?!」というのはよくあることで、時々cssにブラウザハックを書かねばならないことがありました。 そんな時、ほんの少しcssでクラスを指定するだけで、簡単にOSやブラ …

no image

スマートフォンサイトのソースコードを見たいときに便利だったツール【AndroidとPC】

今までPC用サイトだけだったのが、最近ではレスポンシブだったりスマホサイトだったり・・・と多様化してきました。 まだまだスマホでの表示は謎が多くて、毎回ドキドキしてます。 Androidでスマホサイト …

no image

Androidでp要素などが、勝手に改行されて幅が狭くなった時にしてみたこと。

PCと同じようにスマホでも閲覧することが当たり前になって、最近ではアクセス解析をするとPCからの閲覧をすっかり抜いてしまったサイトもあります。 スマホからの見え方をチェックしていて、よくモガイテいます …