スマートフォンサイトにてフォームボタンのコーディング時に覚えておきたいCSSプロパティ | バシャログ。
禁煙してから３ヶ月、着実に体重が増加しているishidaです。 先週土曜日にCSS Nite LP13に参加してきました。 ちょうどスマートフォンのデザインとコーディングのお仕事が進行中でしたので、とても参考になりました。現在セミナー内容を振り返り学習中です。 それとCSS Nite関連ですと、何やら CSS Nite LP14 にて弊社メンバーが登壇するとかしないとか。 スマートフォンコーディングでは、CSS3で角丸やらグラデーションが使えるので画像の使用頻度は少なくなります。ボタンまわりについてもCSSのみで実装する機会が多いです。 フォームのsubmitボタンをCSSのみで表現する際には、ちょっとクセがありましたので 解決方法をご紹介します。 検索するsubmitボタンを、以下のようなデザインをCSSのみで実装することにします。 まずは簡単に横幅と背景色・角丸をCSSで設定してみます
マイコミジャーナル｜【レポート】iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方（2010/07/23）
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用CSSをメディアクエリで分岐する問題点
iPhone用CSSをメディアクエリで分岐する問題点 これまで1つのHTMLソースでPC用とiPhone用のスタイルシートを切り替えるテクニックとしてCSS3のメディアクエリが用いられることが多かったのですが、iPhone 4の登場によりこのテクニックはバッドノウハウになりつつあります。 追記(2010/07/09) 本エントリーはiPhone 4の発売前に書いたものです。 iPhone 4のSafariに関しては画面サイズが320×480として計算されている為、問題ないようです。 参考：Fonland: iPhone 4 の viewport は iPhone 3G と同じ これまでは次のようなコードでiPhone用にiphone.cssをそれ以外のデバイスにimport.cssを読み込むことが出来ました。 <link media="only screen and (max-device
PhoneGap：Objective-C を知らなくても iPhone ネイティブアプリの開発が可能
PhoneGap：Objective-C を知らなくても iPhone ネイティブアプリの開発が可能 2009年12月20日 投稿者: shiro ［Build Native iPhone Apps with HTML, CSS, JavaScript and PhoneGap | YouTube］ 興味深いビデオがある。 HTML、CSS、JavaScript で書かれた Web アプリを、PhoneGap というソフトを使って iPhone のネイティブアプリに変換するデモだ。 iPhone アプリ開発に興味はあるが Objective-C の世界に飛び込むのは逡巡しているひとにピッタリだ。 冒頭のビデオで PhoneGap を紹介しているのは「Building iPhone Apps with HTML, CSS, and JavaScript」を書いた Jonathan Stark
CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」:phpspot開発日誌
CSSiPhone ? Screens for all your iPhone needs. CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」。 多数のサイトを見ることで、CSSサイトデザインのノウハウが学べます。 iPhoneサイト作成は、小さいスクリーンの中でいかに情報を表示させるかというのが問われる部分ですが、こうしたページを参考にしていくことでいいものが作れそうですね。 iPhoneサイト作成のときのために覚えておきましょう。 関連エントリ iPhone向けWebアプリを作ろう iPhone用Webページでオブジェクトのドラッグ＆ドロップ、リサイズをジェスチャで行う凄いサンプル iPhoneでのWEBページ作成に「iPhoney」 RememberTheMilkと同期するiPhoneアプリ「Appigo Todo」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
