スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
スマホアプリの作り方【超まとめ】Web編：HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事52選 - ＠IT
Web編：HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 ＠IT編集部 2012/1/31（2013/2/28 改訂） iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思います。 一方で
FlashではじめてiPhoneアプリを作りました – 宇都宮ウエブ制作所
Flashは神。 正宗です。 Flash CS6を使ってFlashから簡単にiPhoneアプリを作る事ができましたので 、今回ハマったポイントなどを書いていこうかと思います。 簡単にiPhoneアプリを作る事ができたと言いましたが、 簡単というより、こう、普通に、普通にFlashを作ったらそれがそのままiPhoneアプリとして書き出された、という感じです。 なのでFlashに関して言えば特別なにか書くところがないくらい自然にiPhoneアプリを作る事ができました。これは凄い感覚でした。 ちなみにはじめて作ったアプリはこちらになります。 iDropCam iPhoneのカメラを通じてカラーのRGB値を割り出そうというアプリです。 仕掛けは単純なアプリですが使いやすいよう工夫してこしらえましたので、今月（2012/07）いっぱいは無料なのでよかったら使ってみてください。 AIRについてちょこっ
Objective-C初心者のためのiOS SDKコード例一覧～iPhone／iPadアプリ開発者が知らないと損するまとめ - ＠IT
このページは、iOS（iPhone／iPad／iPod touch）アプリ開発者／プログラマのための、iOS SDKのAPIの使用コード例の記事を探しやすいようにしたリンク集です。フレームワークごとに表でまとめてあります。メソッドやプロパティなどObjective-CのAPIの使い方の参考にしてください。 ＠ITにコード例の記事が掲載しているクラス／プロトコル／関数やフレームワークだけしかリストには挙げていませんが、今後新たにiOS SDKの使用コード例がある記事が公開されたら、改訂していく予定です。 フレームワークの並び順は、標準の「iOS Developer Library」と同様にしています。 Frameworks Cocoa Touch Layer Event Kit UI Game Kit iAd Map Kit UI Kit New! Media Layer Assets Li
AIRあげぽよ～！iPhone/Android両対応アプリを本格的に作ったよ！のまとめ
Captcha security check katapad.com is for sale Please prove you're not a robot View Price Processing
もう作業用BGMに困らない！音楽垂れ流し系Webサービス＆iPhoneアプリまとめ
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 all in a sick day’s work / arvindgrover こんにちは。作業中には音楽が欠かせない@ushigyuです。 毎日音楽を聴きながら何時間も作業をしていると、すぐに何巡もしてしまい「またこの曲か。何か新しい音楽ないかな・・・」などと思ってしまう方も多いのではないでしょうか。 そんなときに役立つのが、音楽を流し続けてくれるネットサービスやアプリ。 曲数やチャンネルはほとんど無限なので聞き飽きることがありませんし、意外な曲や懐かしい曲との出会いもあったりして楽しいです。 今回は、そんなサービスやiPhoneアプリを紹介します。
ActionScript入門Wiki - Arctic.js
AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascript" src="js/game.js"></script> </head> <body> <canvas id="canvas"></canvas> </body> </html> (function() { // arcGameクラスを継承したメインクラス var Main = arc.Class.create(arc.Game, { // コンストラクタ(必要なら引数を指定) initial
iPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slides
シンプルなHTMLプレゼンテーションを作成 する為のフレームワークのご紹介です。最近 は変わった動きのするプレゼンツールをよく 見かけますが、シンプルなタイプはあまり 見かけませんので選択肢の一つとして。 スマフォのスワイプ操作にも対応しています。 パワポとかKeynote使いたくないから作ったらしいです。iPadやiPhoneのスワイプ操作にも対応しています。 PCでは矢印キーで、タッチデバイスはスワイプで操作出来ます。JavaScriptにDojoが使われています。 以下動作サンプルです。 Sample iPhoneはQRコードでGOです。 実機でテストしました。タッチデバイスで閲覧すると、PCでは「矢印で動かします」みたいなナビゲーションもタッチデバイス用に切り替えられます。 コードDojoは殆ど触ったことが無いのであまり触れないでおきます。 <script type="text/j
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
私のSIMフリーiPhone 4Sの月額使用料（docomoのXi）を公開します。～SoftBank、auとほぼ一緒、むしろ…(・∀・;)＊リンあれ
タイトルは釣りじゃないですよ( ´ ▽ ` )ﾉユコびんです。 ご存じだと思いますが、私はSIMフリーiPhone 4Sを使っています。 『SIMフリーiPhone運用って、お高いんでしょ？ 本体だって高い上に、月額使用料もかかる。auやSoftBankで契約すれば端末代負担してくれるよ』 それは、確かにその通りです。 が、今現在の私のSIMフリーiPhone 4Sの月額使用料はauやSoftBankより若干少ないのです。 『ドコモ回線とか言って、日本通信じゃないの？』 違います、docomoの契約です。 私、ユコびんも普通の経済観念の人。 同じものなら高いより、安い方がいい！(`･ω･´+) ｷﾘｯ SIMフリーiPhoneを使うにあたって「どうしたら安く運用出来るかなぁ～」と考えた結果です。 倹約出来るところはして、お得に使いたいじゃないですか？ こうして渡り歩いたSIM、3枚目ですが
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマホサイト案件の見積もりについて
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.７倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.７倍くらいの感じじゃないでしょうか？ 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
iPhone3,4,5用の主要なUIが全部揃ってる！アプリ開発用のデザインテンプレートのPSD素材 -iPhone App Templates Pack
ごりゅご.com
永久保存版！iPhoneアプリ開発に必ず役立つ！Objective-c Tipsまとめ！ | PLUS
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
Titanium Mobileで作る！ iPhone／Androidアプリ 記事一覧 | gihyo.jp
Anscamobile.com