商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit
スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。 素材の利用にあたってはロイヤリティフリーで、個人でも商用でも無料で利用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 ダウンロードはページの下の方からです。
スマートフォンでのiframeを使うときに気にしておくこと
iframeをandroidとiPhoneで表示した場合の相違点 ■android iframe の表示される スクロールはできない ■iPhone ifameの表示される 2本指でスクロールする iPhoneを常時使用しているユーザーでも、2本指でスクロールすることは まずないでしょう。 使うとしたら、必ず注意書きを入れないとまずそうです。 総合すると、iframeは使えないですね… 見せ方として同様なdivタグを固定幅にして、overflow:scrollを付け加えるやり方があります。 divタグにoverflowをつける [code language="html"] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> .overbox{ width:200px; height:200px; overflow:scrol
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！ 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
![[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
スマートフォン制作で使えるバグまとめ集 – T2
読了: 約 5 分 スマートフォンサイト制作でもブラウザ・機種依存に悩まされますよね。 納期が短かったりするとホントに＼(^o^)／ｵﾜﾀという感じになるので メモしておきます。 photo credit: Cloned Milkmen via photopin cc 個人的にはAndroidのおかげで凄く工数がかかっています。 特殊な案件であるとは思いますが、そういう案件もスムーズに乗りこなせる変態になりたいですね。 [css, css3, html] スマｰﾄフォン(iPhone, Android)ブラウザのバグまとめ スマートフォンサイトをデザインする上で知っておくべき10のTIPS 以下はコーディング上の注意点と、それ以前のクライアントにデザインを提出する際の注意点です。 ガラケーでもそうですが、できないものをデザインしてしまうと後が辛くなってしまいますので、 注意が必要です。 フ
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
使わなくなったスマホどうしてる？機種変後のスマホ活用術5つ
新しいスマホを購入したとき、今までの端末はどうしていますか？ 大切なデータが入っているから、とりあえず保管しておく……なんて人が多いのではないでしょうか。 実はちょっと前のスマホとはいえ、かなり高性能なものばかり。そのまま眠らせておくのは、もったいないかもしれませんよ。 そこで今回は、おすすめの「中古スマホ活用術」をピックアップしてご紹介します！ ■超便利！ 機種変後のスマホがこんなところで大活躍しちゃうかも!? （1）お風呂でテレビやネットサーフィンを楽しもう！（Wi-Fi環境） 防水スマホはもちろん、防水ケースに入れておけば、お風呂場でも安心して使えます。日常的に使用している端末は、壊れたらちょっと心配……と思っている方に絶対おすすめです。 お気に入りの映画や動画を見たり、音楽を聴くなど、使い方はあなた次第！ ただし、使用後は水気をタオルでしっかり拭いてくださいね。 （2）IP電話、テ
CamiApp＜キャミアップ＞ - コクヨ ステーショナリー
【重要なご案内】 CamiAppアプリは2021年12月24日にてダウンロードページへの公開を終了いたします。お手持ちのCamiAppアプリは公開終了後もご利用いただけますが、OSのバージョンアップ等により正常に動作しなくなることがあります。必要なデータは、あらかじめ連携先やアルバムに転送・保存ください。ご了承のほどお願い申し上げます。 詳細はこちら ※IOSの商標は、米国Ciscoの米国およびその他の国のライセンスに基づき使用されています。 ※App StoreはApple Inc.のサービスマークです。 ※Android™、Google、Google Playは、Google Inc.の商標または登録商標です。 ※Windows®は、米国Microsoft Corporationの米国及びその他の国における商標または登録商標です。 ※その他記載された会社名、製品名などは、各社の商標また
スマートフォン（iPhone/Android）アプリのマーケティングとマネタイズ戦略を資料にまとめてみた《基礎編》：Android （アンドロイド） × グローバル：オルタナティブ・ブログ
@metaps_satoです。 最近セミナーの告知ばかりでしたので真面目にアプリのマネタイズに関する記事を書こうと思います。 ◆現在のスマホアプリの市場をまとめてみた スマホ市場は本当にスピードが速い。１ヶ月情報を追っていないと既に以前の情報が古る過ぎて役に立たなくなってしまいます。 市場のプレーヤーも増えますし、様々な企業がトライアンドエラーを繰り返しているので、成功事例・失敗事例もすさまじいスピードで増加しています。一旦ここらで情報まとめといたほうがイイなと感じましたので市況からマーケティングやマネタイズに関する基礎的な情報をまとめました。 ◆一番相談が多いのはやはりマーケティング ここ最近ビジネスでよく聞かれるのはアプリのマーケティングです。とりあえずアプリ作って見たものの、集客どうしようかという場合です。アプリの世界はウェブと違って外部リンクのようにう投げ合う文化が存在していないの
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
作って学ぶスマートフォン対応サイトの基本 (2/4)
基本のHTMLを作成する 最低限の制作環境が整ったところで、さっそく簡単なスマートフォン向けWebページを作成してみましょう。エディターを起動して、次のようなHTMLを用意します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>スマートフォンサイトテスト</title> </head> <body> </body> </html> 今回はHTML5で記述していますが、基本的にはHTML4やXHTMLなど、PC向けのHTML/XHTMLがほぼ利用できます（iモードなど携帯サイト用のHTMLは正しく表示できません）。続いて、基本的なマークアップを施していきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>
スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vingow（ビンゴー）｜自動収集・自動要約ニュースアプリ : 気になるジャンルのニュースをチェック！無料Androidアプリ | オクトバ
人気の有料アプリは「ゲーム」「ビジネス」「学習」系……トレンド総研、スマホアプリに関する調査 - ライブドアニュース
新学期も、【すごい時間割】│大学生の授業管理アプリ
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ