アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ
「スマホにはもうあまりイノベーションがない」 孫泰蔵氏らが語る、スタートアップの次のキーワードとは？
日本を代表する投資家二人が、世界のスタートアップ事情と日本のスタートアップの展望について対談。スマートフォンの次はリアルビジネスやハードウェア領域が熱いと語る、そのワケは？ 大統領がパネルティスカッション！ 欧のスタートアップイベント 孫：川田さんは日本に限らず色んなところに投資をなさっていると思うんですけれど、これから、来年とか「熱いな」って思う領域とかってどういうところなですか？ 川田：この前泰蔵さんにですね、ヘルシンキで生のトナカイの肉をご馳走されて、すごい黒くて濃いお酒があって。あとKLab真田さんとかと皆でガバガバ飲んでぶっ倒れてたんですけど。ヘルシンキってすごいですね。北欧は非常にですね、泰蔵さんもSlushのイベントで話されてたんですけど。Slushというイベントがあって。ヨーロッパで最大ですよね。 孫：6000人来ていて。 川田：そこはオープニングでいきなりフィンランドの首
無料でダウンロードできる430種類以上のイラスト集「430+ FREE storyboard illustrations」
スマフォアプリの操作が気持ちいいエフェクトがたくさん！タップ操作時のエフェクトのまとめ -Tapotype
Tapotype 掲載されている各エフェクトはタップやクリック操作で、実際にアニメーションで動作します。 サイト閲覧には、Safariをオススメします。 各エフェクトはカテゴリ別にまとめられており、それぞれ詳細ページも用意されています。
カテゴリ別に見る、スマフォのアプリに使用されている気持ちのいいアニメーションのまとめ
気持ちのいいアニメーションは、スマフォのアプリには欠かせないと言ってもよいでしょう。 アニメーションはインターフェイスを設計する上で非常に重要で、4つのカテゴリに分けてユーザエクスペリエンスに欠かせないアニメーションを紹介します。 Great Animations Make Great Apps 下記は各ポイントを意訳したものです。 1. 知らせるアニメーション 2. 可能であることを伝えるアニメーション 3. あなたを歓迎するアニメーション 4. 楽しませるアニメーション 1. 知らせるアニメーション 最も単純なアニメーションの使い方で、ユーザーに知らせることを目的としたアニメーションです。これは多くのアプリケーションで使用されています。
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマートフォン向けのサイトデザインでとっても大切な5つのポイント
J Taylor Design スマートフォンにおいて、スクリーン上のクリック（つまりタップ）無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚的にタップ可能に見えるか確認してください。見た目をボタンやリストのようにしたり、矢印などを加えてもよいでしょう。ただし、スマートフォンではtitleのテキストをホバーで表示したり、ホバー時のエフェクトを適用できないので、それ無しでも押すことができるように見えることが大切なポイントです。 もう一つの重要なことは、ラベルです。 「戻る」というラベルがあれば、ユーザーは戻ることを期待します。これは当たり前のようですが、ユーザーにとってラベルが何を意味するか分かることを確認してください。 ラベルを有意義にするポイントは、シンプ
psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集
TOP > Design , Photoshop , WebDesign > psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集 国内でも徐々に普及してきているスマートフォン。ここ最近ますます、スマートフォン移行が進んでいる感があり、WEB業界でもモバイルサイトやスマホアプリを受託する機会も増えてきていると思います。今回紹介するのは、モバイルサイトやスマホアプリを創るときに便利なGUIキット集「40 New Web, Mobile and Application GUI Kits」です。 Web GUI Kit このエントリーでは全部で40ものモバイルのデザインのための素材が配布されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Stencils for Sketching iPhone, iPad
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design
これはかなりの優れもの、スマートフォン・タブレット対応WordPressのテーマファイル -Skeleton
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンの比較サイト - スマートフォンデータベース
07design.net
html5-memo.com
Good night, Posterous
HugeDomains.com
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ