パソコン・スマホTips最近のWebサイト構築のお仕事は、必ずスマホ対応(だけではなくて、レスポンシブデザイン)を意識しなくてはいけないのです。パソコン用の画面表示とスマホ用の画面表示で決定的に違うのは画面サイズ。スマホの場合、パソコンとは違ってスクロールせずに表示できる情報量が少ない=パソコンと同じ情報を入れようとすると縦スクロールが多くなります。これを意識してページの表示方法を変えていく必要に迫られるのですが、例えば商品の写真を沢山載せたい。スマホや小さなタブレットでもコンパクトに表示したいという場合を考えてみた際、写真を一つにまとめてスライダーで表示すれば良いのでは?と考えました。それが、昨日のテスト。Sliderというプラグインを導入。導入に関しては、下記のサイトを参考にさせて頂きました。Slider」の使い方で実際に作ってみたのが昨日のスライダーだったのですが、縦位置と横位置の画像を混在したため、縦位置の写真が切り取られる感じになってしまったので、写真の向きを縦だけから選んで作ったのが↓これ作成したスライダーはショートコードで本文に埋め込む形になります。この形式ならば、スマホで見てもレイアウトを崩さずに写真を全て見せる形ができそうです。問題はPCや画面サイズの大きいタブレットでの表示と、スマホやサイズの小さいタブレットでの表示をどう切り替えるかですね。CSSを使ってそこをコントロールしなければいけません。現在、二つのWEBサイトをリニューアル製作中です。ほとんどこれに掛かりっきりの状態で、結構体力的にもヘロヘロな感じ。いう事で先週...記事を読むネットワーク設定の難しさ記事を読む安物買いの銭失い買い物をする時は、充分吟味して買った方が良いよというお話です。Form7に郵便番号から住所の自動入力機能を追加する歯茎の腫れはだいぶおさまりました。痛みもすっかりなくなったのでとりあえず無事wです。年末になってもお仕事のペースは相変わらず。...記事を読む暑いと機械も不機嫌になるのか?本日の夕刊によると、今年の仙台は観測史上最大の真夏日36日を記録したそうです。暑くて暑くてやってられないような日々が続いています...記事を読むアップルストア支払い方法でショッピングローンが選択できない>下取りが問題でしたで、アップルのオンラインストアでSIMフリーの新しいiPhoneを購入することになったのですが、なぜか支払い方法でオリコのショッピングローン...記事を読む電動アシスト自転車でコンサル先まで約12Km今日の仙台も暑かったですね。そんな中、本日はコンサルのお仕事で午前と午後2件巡ってきました。Driveの容量がいっぱいです」という警告が頻繁にでるようになりまして、おかしいな?と思っていたのです...記事を読むFC2ブログの外部サイトからの画像読み込み拒否を回避するすみません。いう事で、今日は2本立てで行こうかと思っています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。新しい投稿をメールで受け取るプロフィール地域ポータルサイト「仙台リング」管理人かつホームページ作成・管理、インターネット活用コンサルティング「リングファクトリー」社長である岩崎のへろへろな日常をブリブリとお伝えします。日刊へろへろ管理人日記.。