今回はモバイルアプリのUIデザインをするときに参考になる素晴らしいスライドを紹介します。 モバイルアプリはWebデザインとはまた異なった視点が必要になってきます。モバイルアプリ特有のデザインフローや、プロトタイピング手法について学びたい方におすすめです! アプリUI勉強会 in ネットイヤーグループ
ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。 最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。 そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。 必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。 例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。 このようなナビゲーションは、一般的に下記の
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Today we’re stoked to introduce the brand spanking new Ratchet 2.0. The mobile-only framework for building mobile apps with HTML, CSS, and JavaScript has been overhauled with new features, documentation, and a brand new home. New home First, you’re not crazy—Ratchet ha
最近、iPhone を入手した事もあって SoGap - ソーシャルサービス間での話題性の「ギャップ」ランキング を iPhone(スマートフォン)に対応しようかと言う気になりました。ただ、スマートフォン用の専用ページを作るほどの労力はかけたくなかったので、CSS だけを弄って取りあえず見られるかなと思えるレベルまで持っていく事を考えます。 基本戦略としては、以下の通りです。 2 カラムのリキッドスタイル(サイドバー側は固定幅)を基本スタイルとして採用する。 スマートフォンの場合はサイドバーのカラムを下に落として、両カラムを 100% の幅で表示する。 以下、CSS をカスタマイズした時のメモ。 前提 まず、iPhone(Andoroid 携帯も?)の Web ブラウザ(Safari)は、デフォルトの状態だと「980px の横幅で描画された上で端末の横幅に合わせて縮小表示される」と言う挙動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く