はてなブックマーク

みんなが見てる人気のiPhone向けWebサイトデザイン

Flat UI Design フラットデザインを紹介しているデザインギャラリーです。主に紹介されているWebサイトは海外サイトですが、フラットデザインを取り入れる際の参考になりそうです。 Flat UI Design

スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。

この度、書籍「実例200に学ぶ スマートフォンサイトデザインのアイデア帳」に面白法人カヤックさんと共著で執筆をさせていただきました。インプレスジャパンさんから、2013年3月25日に発売されます。 » 実例200に学ぶ スマートフォンサイトデザインのアイデア帳 本書では、数多くのWebサイトの中からデザインテーマごとに参考となる事例を紹介しています。タップやフリックといった、スマートフォン特有の動作を活かしたWebデザインも含まれます。 新たにスマートフォンサイト制作に取り組む若きクリエイターの方々や、自社のサイトを構築しようとされているWeb担当者の方々のお役に立てれば幸いです。 本書を作成するにあたり、掲載に許諾してくださった多くの関係者様、編集の皆様にお礼を申し上げます。 目次 Chapter1 スマートフォンサイトの基本 Chapter2 スマートフォンサイト制作の基礎知識 Cha

スマートフォン端末の特徴を取り入れる ２０１３年のお正月企画でWeb制作会社さんが面白いサイトを公開していました。スマフォの特長を活かす！振ったり、縦横で切り替えるスマートフォンサイトでも紹介させていただきましたが、今年はスマートフォン端末の特徴を活かしたサイトやPCと連動した企画が目立ちました。 スマートフォン端末を振る動作と連動させる方法が知りたかったので、面白法人カヤックさんのお年賀プロジェクト2013のソース（kozuchi.js）を勉強させていただきました。 ありがとうございます。 » スマフォを振ると感知するデモはこちら 加速度センサーを使って動作を感知する スマートフォン端末を振る動作を取得するには、加速度センサーを使います。取得の仕方は、傾けた際に発生するdevicemotionイベントとaccelerationIncludingGravityオブジェクトを使います。 iP

前回は、2013年はスマフォサイトを作りたい！参考にしたい人気スマートフォンサイト１９をまとめてみましたが、今回はデバイスの特長を活かしたUIを使ったサイトをまとめました。現状は、キャンペーンサイトに使っているサイトが多いです。

App Storeと連動したiPhoneアプリのダウンロードバナーを表示 アプリのダウンロードへ誘導する方法としてダウロードボタンを用意しますが、iOS6のSafariで表示すると自動でApp Storeと連動したiPhoneアプリのダウンロードバナーを表示させる方法があるので紹介。 実装はすごい簡単にできます。アプリを紹介するページでこれを使えばダウンロードへスムーズに誘導することができます。また、インストール済みの場合はアプリが起動します。 結構目立つのでボタンの画像よりもインパクトはあります。 アプリバナーを表示させたデモはこちら ※iPhoneのiOS6のSafariで見て下さい

あけましておめでとうございます。 どうぞ本年もよろしくお願い申し上げます。 新年ということで2012年に掲載したiPhoneサイトのWebデザインで多く閲覧されたスマートフォンサイトをピックアップしました。 2013年は、スマートフォンサイトを作ろうと思っている方は参考にしてみてください。

みんなが見てる人気のiPhone向けWebサイトデザイン

「スマートフォン対応したWebサイトなんて作ったことない」「iPhoneサイトの作成は初めてだから分からない」など、デザインやコーディングの仕方、画面サイズなど、スマートフォン関連の情報を探すのが大変なので、参考になる情報をまとめました。 スマートフォンサイトデザインの本を執筆いたしました カヤックさんと共著で「実例200に学ぶ スマートフォンサイトデザインのアイデア帳」を執筆させていただきました 本書では、数多くのWebサイトの中からデザインテーマごとに参考となる事例を紹介しています。タップやフリックといった、スマートフォン特有の動作を活かしたWebデザインも含まれます。

みんなが見てる人気のiPhone向けWebサイトデザイン

みんなが見てる人気のiPhone向けWebサイトデザイン