Mon, November 20, 2017

日本のスマートフォン(iPhone / Android)サイトデザイン集いろいろ

 

スマホ用に最適化された日本サイトを集めているまとめサイトいろいろです。 デザイン、提案の参考に。 ■スマートフォンサイト集めました。 ■iShowcase ■絶対見ておきたい有名企業のスマホサイトまとめ ■iPhone対...

スマートフォン(iPhone / Android)でposition: fixedを実現する方法「iScroll.js」

 

スマートフォンで非対応(仕様のようです)のposition: fixedですが、「iScroll」使って実現することが出来ます。 ■iScroll デモはこちら(PCでは機能しません) ■使い方 ダウンロードしたiscr...

画像ギャラリー等、スマートフォン(iPhone / Android)用にフリック・スワイプ操作を実現するjQueryプラグインまとめ

 

画像ギャラリー等、スマートフォンサイトには必須のフリック・スワイプ操作を実現するjQueryプラグインをまとめました。 ■jquery.flickslide.js フリック操作でスライド。画像ギャラリーに最適なjQuer...

PC上でスマートフォン(iPhone / Android)サイトを確認するためのシミュレータいろいろ

 

■iPhoneシミュレータ Applelから配布されているiPhoneSDKに含まれているiPhoneシミュレータ。 導入方法参考記事 iPhoneシミュレータ – iPhoneをMac上で再現するソフト | Macのホ...

ユーザーエージェントによってPCとスマートフォン(iPhone / Android)を振り分ける方法いろいろ(PHP / JavaScript / .htaccess等)

 

PCでアクセスした場合はPC用サイトへ、スマートフォンでアクセスした場合はスマフォ用のアドレスに振り分けられるようにする方法です。 ■PHPによる振り分け ユーザーエージェントを判別して「iPhone」、「Android...

スマートフォン(iphone、Xperia、GALAXY等)のviewportの最適な指定方法とは? – 画面サイズ(画面解像度)の一覧も

 

iphone、Xperia、GALAXY等、スマートフォンの主要機種それぞれを考慮したviewportの指定方法です。 640px960pxを基準とし、画面サイズ320pxに合わせるように指定するのがよいかと思います。 ...

WordPressをPCとスマートフォン(iPhone / Android)でテーマを切り替えるためのプラグイン

 

One Source Multi Use(ワンソース・マルチユース)ということで WordPressを使用したサイトでユーザーエージェントによりテーマを切り替える必要があり プラグインを検討してみました。 iPhone・...

スマートフォン(iPhone / Android)サイトでjquery mobileを使おうとしている人に役立ちそうなサイトのまとめ

 

最近仕事でjquery mobileを使うことがあったので 参考にさせていただいたサイトをまとめました。 ■jQuery Mobile ダウンロードはこちら ■jQuery Mobile 日本語リファレンス 本家日本語リ...