携帯サイト作成時の注意点（制限事項含む）｜携帯サイトの作り方｜モバイル／スマートフォン｜PHP & JavaScript Room
注意事項 docomo *1：モノクロ2階調で5KB以内のGIFファイル推奨（高階調だと低階調の機種でうまく表示されない可能性あり）。GIF87a/GIF89a形式のみサポート。最大画像サイズは最大94x72ドット。 Animated GIFは最大画面数5コマまで。1画面に最大4個まで配置可。リピート回数は最大166回。各コマは同一サイズで開始座標も同一にすること。 iモード全機種対応なら、画像サイズは最大128x128以内に収める。 au *2：au全機種対応は「GIF89a」。ファイルサイズは25KB以下。ブラウザで表示する場合はリサイズする等して9KB以下にする。 参照：KDDI au:技術情報 » GIF画像
フィーチャフォン向け HTML の考え方 - 携帯電話向けコンテンツの書き方
フィーチャフォン向けに HTML 文書を作成するに当たってご留意願いたい事として、文字コード, 携帯電話独自の機能及びフィーチャフォンで使えないか使うべきでない機能について解説します。 実際にマークアップするには。 文字コードについて。 文字コードとしては、シフト JIS コードまたは UTF-8 を用いて下さい。 かつては UTF-8 だと KDDI/沖縄セルラーの端末に問題がありましたが、令和 4年に同グループのフィーチャフォンが停波したため問題はなくなりました。 その他、マークアップに当たって心掛けたい事。 例え携帯電話向けといえども、HTML で記述する以上、PC で閲覧される恐れもあります。 PC での閲覧に問題が生じないように、しっかり基本となる要素などで論理的にマークアップしましょう。 詳しくは実際の携帯電話向けコンテンツ作成で解説します。 フィーチャフォンならではの HTM
携帯ブラウザのユーザーエージェント（User-Agent）による機種判別、キャリア判別
ドコモ、au、ソフトバンクの各携帯電話のブラウザのユーザーエージェントは、パソコンのブラウザと同様にプログラムで取得することができる。 ユーザーエージェントを利用してキャリアの判別や機種判別を行うことができる。 ユーザーエージェントには、ドコモなら「DoCoMo」、au・TU-KAなら「UP.Browser」、ソフトバンクなら「J-PHONE」、「Vodafone」、「SoftBank」という文字列が含まれている。 これらの文字列を調べることで携帯電話のキャリアを判別することができる。 ただし、Vodafoneの一部の機種は、「UP.Browser」という文字列がユーザーエージェントの途中に含まれている。 キャリアを判別する場合は、「ユーザーエージェントの先頭の文字が何で始まるか」で判別した方が良いと思われる。 また、ユーザーエージェントには機種名の文字列が含まれているので、機種の判別を行
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify - かちびと.net
なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さそうです。 [note]因みに当サイトでもjQuery Mobileのサンプルを配布していますので宜しければどうぞ。[/note] jQueryMobileを使ったHTMLファイルをダウンロード出来るのですが、諸事情でモックアップとして使うしか無さそうですが、ユーザー登録も不要で手軽に使えるので。 以下に使い方を少しご紹介。 Pageを作成 Try Nowをクリックしてスタート。まずはPageをク
雨のち晴れ » iphone対応サイト制作まとめ
iphoneに表示最適化したサイトもかなりたくさん出てきていますが、iphone対応サイトの作り方を備忘録的にまとめたかったので途中までまとめてみた。もっと書きたい事あるけど、続きは追記しておこうかな。 iphone最適化とはヤフー検索が対応した事例でもある通り、すぐに情報を見つけられるように、よりページを軽く、そして操作性の良い、iphoneに特化した見せ方をする事を言います。iphoneは通常PCでの見え方をそのまま表示し、タップしたりピンチオープンして拡大させたりしながら使用しますが、PC表示だといらない情報が多く、特に検索だと、パッと探してパッと表示できるものであって欲しいですよね。使う人の利便性を考えた設計から成り立ってます。 と言うことで今回は、iphoneサイト制作の基本をまとめてみた。 基本 iphoneのブラウザはMobile Safari ブラウザ: Safari2.
Androidの画面の大きさの違いを解決するFragments
スマートフォン向けとタブレット向けで、Androidのバージョンがフォークしてしまった最大の要因は画面サイズにあります。Androidのコンセプトである「1つのActivityが画面を占有する」という振る舞いは、タブレットの大き過ぎる画面にはマッチせず、3.xでは考え直さざるを得なかったわけです。 待たれる「Ice Cream Sandwich」 このスマートフォン向けとタブレット向けで使用されるOSが異なるという状況は、次期Android OSである「Ice Cream Sandwich」で統合して解決される見込みです。Ice Cream Sandwichは画面サイズに応じてアプリの画面がスケールし、スマートフォン向け、タブレット向けに同一のアプリで対応できるようになります。 Android 3.0新機能「Fragments」と「Android Compatibility Package
UI Guidelines for mobile and tablet web app design | Breaking the Mobile Web
Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remembe
Exploring Android App Developers GUI Kits, Icons, Fonts and Tools
Exploring Android App Developers GUI Kits, Icons, Fonts and Tools Android is an operating system, created by Google, that has taken over many mobile devices, such as cell phones, tablets, and netbooks. As mobile devices have become more popular, Android has become one of the leading players in the world of mobile development. In recent years, we’ve also seen a rise beyond cell phones, into even mo
使用中の無料iPhoneアプリ31
2013年12月25日 便利ツール 約一ヶ月前こんな感じでiPhoneを手にした私。きゃっきゃ言いながらいろんなアプリを試してみました！とりあえず無料のもののみインストールしていますが、十分満足のいくものばかりです！仕事や生活に便利なもの、くだらないものまでいろいろあるので、ぜひ試してみてください！ ↑私が10年以上利用している会計ソフト！ お仕事系 お仕事関係、特にデザイナーさん向けのアプリです。 Color Stream Color Streamをダウンロードする ※追記：現在有料アプリとなっているようです。 街角で見つけた素敵な配色をカメラで撮ってパレットを作成！もちろん画像からでなくても作れます。作成したパレットはメールで送信できます。パレットを作り溜めしておけば必要なときにサッと使えますよ！ Toggl Togglをダウンロードする タイムトラッキングのアプリ。プロジェクトやタス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
adakoda.com
30 Futuristic Phones We Wish Were Real
武威门地食品有限公司
Google Makes Finding Places Easier on Android's Google Maps App
IDEA * IDEA