みんなが見てる人気のスマートフォン向けWebサイトデザイン
歴代人気記事でも上位の ポータルのポータル。 今回は、iPad・iPhone・携帯サイトなど モバイルデバイスのデザインギャラリーを集めてみました! それでは続きからどうぞ。 iPad・iPhone Landing Pad ー an iPad App Gallery 綺麗なiPadアプリがたくさん掲載されています。 iOSpirations iPad/iPhoneのアプリやサイトデザインが紹介されています。 ishowcase 国内のiPhone / iPad最適化対応サイトが掲載されています。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 国内/海外のiPhoneサイトがたくさん掲載されています。 mobile AWESOMENESS 綺麗なモバイルデザインがたくさん。 Web Design Inspiration for the iPhone iPhoneに
この記事は8/23に掲載された「Resolution Independent Mobile UI」を訳したものです …または… ピクセルはピクセルじゃないんです。 「SASSとCSS3のメリット(the benefits of SASS and CSS3)」(英語、未訳)という記事の中で、解像度に依存しないユーザーインターフェースを実現するためにSencha Touch内で活用しているテクニックについて簡単に解説しました。今回の記事では、読者がUI開発を行う際に役に立つように、そのテクニックについてもう少し詳しく解説してみたいと思います。 概要 この記事はアダプティブなレイアウトや、レスポンスの良いWebデザインについてのものではありません。この記事は、デザイナーにとって比較的新しい関心事となった、「ピクセル密度」に注目したものです。モバイル環境において、画面の解像度は急速に進化しています
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebデベロッパやWebデザイナにとって差し迫った課題のひとつに、WebサイトをどうやってiPhone 4に対応させるか、といったものがある。iPhone 4の画面解像度はiPhone 3GSの4倍。縦が2倍、横が2倍の解像度になっている。このため、スケーラブルなデータを表示させた場合、iPhone 4とiPhone 3GSでは表示されるデータの美しさに大きな違いが現れる。iPhone 4の表示は美しい。 しかし、PCやiPhone 3GS向けに用意した画像はiPhone 4では従来通りの見た目で表示される。サイズのバランスをとるために1x1ピクセルを2x2ピクセルに拡大して表示するためだ。これではiPhone 4のRetinaディスプレイの性能
ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query(メディアクエリ)」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補(Candidate Recommendation)となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。
4 Pings & Trackbacks Pingback: 50 Inspiring Dark Web Designs | Inspiration Pingback: 10 Useful iPhone Apps for Web Designers and Developers | Tools Pingback: 34 Inspiring iPad Application Websites | Inspiration Pingback: 30 Inspiring iPhone Application Websites | Inspiration 31 Comments Excellent round up. Cookmate and Cellar stand out for me personally : ) Nice collection. I also like https://www
8 Feb 2022 — Updated 20 Mar 2023 Table of contents CSS Grid: Static 3 column Responsive 3 column Flexbox: Static 3 column Responsive 3 column Main content with left & right sidebars Padded boxes with headings Product feature comparison table Responsive Attributes: Static 3 column Responsive 3 column Responsive Columns: Static 3 column Responsive 3 column In this article, we'll explore various type
For the past two years, the elegant iPhone has housed some of the most poorly designed applications you could imagine. The hype surrounding iPhone has prompted many designers across the globe to try their skills with the new mobile medium. The result are literally thousands of various iPhone-applications that are often hardly usable and counter-intuitive. However, some designers invest a lot of ti
Over the last couple of years, mobile devices have managed to gain mainstream popularity. With iPhone, making mobile Web applications finally usable by broad masses, web design can now be applied to mobile applications as well. In this post we are focusing on designs that are specifically optimized for mobile devices, in particular iPhone. Though iPhone’s Safari browser is able to render any websi
Introducing iPhone-style Checkboxes iPhoneスタイルのチェックボックスをjQueryで簡単実装。 次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。 使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。 <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $(':checkbox').iphoneStyle(); }); </script> 微妙にアニメーションする部分も芸が細かくていいです。 関連エントリ iPhone/iPodTouch風のON・OFFスイッチをJavaScriptで作成しよう iPhoneのロック解除の際のあのUIを
What's in your Domain Name? Print This domain name will potentially help you bring in more customers and profits every day, as the domain itself goes up in value. A super premium .Com domain name from DomainMarket.com means instant branding, search engine, and marketing benefits. We make it safe, easy and affordable for you to own KreativUse.com right away. Click here to purchase KreativUse.com Do
モバイル状態からの用途に最適化する。 iPhone HIG には、iPhone アプリに求められることとして、次のようなユーザー像を想定するよう書かれています。 ユーザーは屋外を移動中である。 ユーザーはそのアプリケーションを開いてすぐに有益なコンテンツを見たい。 ユーザーはそのアプリケーションにおいて少ないタップで目的を果たしたい。 これをヒントに、ソシオメディアの iPhone 向けサイトでは、次のデザインコンセプトを基本とすることにしました。 屋外を移動中のユーザーが、すぐにソシオメディアにアクセスできる。 例えば、ソシオメディアのオフィスを訪問しようとしている人が途中で道に迷った時にすぐにソシオメディアに電話がかけられるとか(そう、iPhone は電話です!)、フォームからメールを送信できるとか、地図を確認できるといったことが重要だと考えました。 そこで、スクリーン上部には iPh
iPhone らしいユーザーインターフェースにする iPhone 向けのウェブサイトを作る上では、まず iPhone らしいユーザーインターフェースにすることが重要だと考えました。そのためには、主に次のふたつの設計作業が必要になります。 UIの要素を減らす iPhone の標準的なデザイン言語を使う UIの要素を減らす iPhone に組み込まれたウェブブラウザである Safari は、いくつかの制約はあるものの基本的にデスクトップ版の Safari と同等のレンダリング/スクリプト実行が可能なので、PC向けに作成されたウェブサイトをそのまま閲覧することができます。ただし 480 x 320 ピクセルのスクリーンでは通常のウェブサイトの横幅が入りきらないので、ユーザーは随時画面を拡大縮小したりドラッグ操作で表示領域を移動させながら閲覧する必要があります。 ウェブサイトを iPhone に最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く