Tue, July 25, 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 日本語リファレンス 本家日本語リ...

いろいろなスマートフォン(iPhone / Android)デバイスのHTML5対応状況

 

Droidget-jpからいろいろなAndroidデバイスのHTML5対応状況をご紹介します。 計測にはThe HTML5 testを使用しているとのことです。   情報元:HTML5対応状況 – Droid...

ブラウザ別CSSハック集(IE、Firefox、Safari、iPhone / iPad等)

 

■IE6 ■IE7 ■IE8 IE7以前用を記述、IE8用に上書き、それ意外のモダンブラウザ用にさらに上書き ■Firefox2 ■Firefox3 Fx2用を記述し、Fx3用を上書き ■Safari2-3 ■Safar...

Adobeも公認するFlash広告をHTML5に変換してiPhoneやiPadに配信する技術

 

早速ですね、アドビ。 以下引用 Greystripeというモバイル広告企業が、アドビと連携してFlash広告をiPhoneやiPadへ配信する技術を提供すると発表しました。 FlashデータをリアルタイムにHTML5へ変...