iphoneネタ・話題まとめ

submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像...

Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。デ...

Ext JS is now SenchaiPhone 4のようなディスプレイピクセル密度が高いデバイスの登場で、WebデザイナやWebデベロッパの関心は、異なるピクセル濃度のデバイスにどのように対応するかといった点に集まりつつある。基本となるテクニックのいくつかはすでにいくつかのブログで紹介されて...

iPhoneアプリケーション開発ガイド――HTML+CSS+JavaScriptによる開発手法Jonathan Stark　著、増井 俊之　監訳、牧野 聡　訳2010年08月06日 発売予定208ページ定価1,995円ISBN978-4-87311-461-3原書: Building iPhone...

MovableType (MT4)のブログをJS・CSSのみでiPhoneに対応させるようやく iPhone 3GS を買ったので、MT4 のブログを iPhone に対応させてみました。 HTML は共通で、PC ブラウザと iPhone の切り替えを、JavaScript・CSS のみで実現し...

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。タグ: [オープンソース] [デザイン] [CSS] [HTML] ...

デザインも秀逸ながら、ユーザビリティに配慮して大量の項目を掲載するドロップダウン型のナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Mega Drop Down Menus w/ CSS & jQuery demoユーザビリティで配慮したポイントは、ホバー時にドロップダ...

超カッコいいApple風スライドショーギャラリー作成チュートリアルが公開されています。 次のようなカッコいいスライドショーが作れます。 デモページ コーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。 以下のエントリを参照してください。 A Beautiful A...

ここのところ「iPhoneアプリのUIの大半（ひょっとしたらすべて）をHTML+JavaScript+CSSで作ることはできないか？」に挑戦している私。そのためにまずは部品作りからとりかかっているのだが、昨日から今日にかけて作ったのは、プログレス・バー、スライダー、トグルスイッチなどの「連続値・不...

CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっ...

On this page I compare 19 WebKits in order to prove that thereis no “WebKit on Mobile” and to figure out which one is the best. My hope is thateventu...

HTML5のような新しい技術の問題点は、HTML4やらFlashなどの枯れた技術と違ってノウハウ・ライブラリ・ツールとかがまだ十分にそろっていない事。普及のタイミングもまだはっきりとしていないこの段階で手を出せない・出しにくいと感じている人が多いのも良く理解できる。私から見れば、逆に「こんな楽しい...

Safari対応サイトを作った際にあまり調べていなかったので、ちょっと調べてみました。OS 3.0から使える機能も増えていて、簡単なアプリならネイティブアプリ作らなくても実現できますね。選択肢が増えるのは良いことです。 ブラウザの仕様Web標準技術が使えるので、PCサイト開発の延長で作れる。ブラウ...

タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。Module Tabs in Web Design以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジ...

『 CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」。 』

iPhone OS 3.0になり、MobileSafariのエンジンにも開発者向けにいくつかの機能が追加されています。Appleは、過去iPhone 2.1ではSafariにフルスクリーンモードを追加するなど、AppStore向けのネイティブアプリだけではなくWebアプリに対してもサポートを強化し...

『 iPhone向けWebサイトを作るのに役立つフレームワーク、似たようなものにiui等が有る 』

iPhone/iPod touch iPhone/iPod touchはAppleから発売されているスマートフォンおよびミュージックプレイヤー。どちらも世界的に普及しており、AppleStoreからデジタルコンテンツを購入して利用できる。 当初は一般ユーザーはAjaxアプリケーションしか開発できな...

少々古くなるが、先週Twitterのチーフ・サイエンティスト、Abdur Chowdhury （昨年のSummize買収の際に入社）がこれに関してつぶやいたので、われわれも見ているところだ。この記事の最後に貼ったビデオにあるTwittARoundは、iPhone 3GS用の新しいTwitter拡張...