様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
50 Free UI and Web Design Wireframing Kits, Resources and Source Files — Smashing Magazine
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some gener
QRコード(二次元バーコード）作成【無料】
URL（ホームページのアドレス）のQRコード 「URL用QR」メニューをご利用いただくと、QRコードを作成すると同時にホームページの実在チェックも行われます。このため、URLの入力ミスによる誤ったQRコード作成を防ぐことが出来ます。 メールアドレスのQRコード 「メールQR」メニューをご利用いただくと、QRコードを作成すると同時にメールアドレスの体系チェックとメールサーバの実在チェックも行われます。このため、メールアドレス入力ミスによる誤ったQRコード作成を防ぐことが出来ます。 地図のQRコード 「地図QR」メニューをご利用いただくと、実際の地図を見ながら地図QRコードを作成することが出来ます。Googleマップなどの地図サイトの操作が苦手な方も簡単に地図QRコードを作成できます。 GPSの現在地からも地図のQRが作成できるようになりました。 作成したQRコードの保存 「作成済QR」メニュ
hi-posi » [FlashLite]デバイスフォントの大きさ
たまにはtipsネタを。。 FlashLiteで使用できるフォントサイズは決まっています。 一般に12pix , 20pix , 24, 32 と言われています。 さらに携帯の機種毎にフォントの幅が違うので、PCで開発していても、あまりピンとこないと思います。 僕自身、普段は12pixしか使わないので、中間サイズって いったい一行にいくつまで文字を表示できるのか？ 適当なフォントサイズを並べたswfを作って、手持ちの携帯で調べてみました。 「あ～こ」まで見えていたら、１０文字、「あ～そ」まで見てたら、１５文字と数えました。 以下が、2バイトの文字(日本語)を表示した時の比較した表です。 注意してもらいたいのは、ステージサイズ「240 x 240」のファイルを「ブラウザ」で見た時のものです。 ですので、機種によってはスクロールバーが表示されますので、SWFは縮小して表示されます。 ■デバイス
世界の見方が永久に変わりそうな｢Sixth Sense｣テクノロジー（動画）
これはちょっと一言では形容し難い世界ですね。 今年のTEDカンファレンスで話題になった｢Sixth Sense｣です。 周辺にあるモノの情報を、その表面に照射するシステム…と小さくまとめちゃえたら簡単なんですけど、このMITメディアラボのパティー・メーズ（Pattie Maes）女史率いるプロジェクトにはそれだけじゃないものがあります。 まだ見てない方は、以下の動画（3分10秒、出演はブレインのPranav Mistry君）で是非どうぞ。解説も続きます。 この｢Sixth Sense（第六感）｣は携帯電話とカメラをドッキングして作ったマイクロ（小型）プロジェクターです。これが自分とクラウド（Webに保存された全情報）を繋ぐコンピュータの役割りを果たします（普通のウェブカムとバッテリー駆動の3Mプロジェクタに鏡をつけて携帯に繋げ、ネットに接続してます。制作費たったの350ドル）。Sixth
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
case:MobileDesign! モバイルサイトのデザイン紹介ブログ