21 Inspiring iPhone App Websites - Web Design Ledger
Inspiration 21 Inspiring iPhone App Websites Gisele MullerOctober 15, 20128 Comments03.1k iPhone App websites are always a good source of inspiration. They are, most of the time, beautifully designed and showcase some really interesting apps. It’s nice to pay attention to the ‘design aesthetics’ of Apple related things, it seems that all designers get inspired and create clean and beautiful stuff.
CSS - text-overflow
The text-overflow declaration allows you to deal with clipped text: that is, text that does not fit into its box. text-overflow comes into play only when: the box has overflow other than visible (with overflow: visible the text simply flows out of the box) the box has white-space: nowrap or a similar method of constraining the way the text is laid out. (Without this, the text would wrap to the nex
『半透明のアイツ。iPhone用CSS"-webkit-tap-highlight-color"』
珍しくコーディングの話でも書いてみる。 おひさしぶりです。たすくです。 注：今回の記事は、iPhoneやiPadで見ないと何の意味もないです。笑 最近、ひょんなことから、iPad向けのコーディングをする機会ができまして。 CSS3がガッツリ使えるので、ニヤニヤしながら作ってるんですが、 どうもボタンがキレイに見えない。 例えば、こんなボタンがあったとするじゃないですか。 テストボタン1 （CSSだけで書いています） でもね、 iPhone/iPadでクリックする瞬間、一瞬半透明の黒いのが出てくるんですよ。 おいあんた、そりゃねーぜ。 せっかくキレイにボタン作ったって、そんなんじゃちょっとイヤですよワタシ。 こんな見た目じゃJSで色々やらせたりできないっすよ。 そこで色々調べた結果、iPhone/iPad用にこんなCSSが用意されてるらしいことを発見。 -webkit-tap-highlig
iPhone用CSS [iPhone生活]
iPhone用のスタイルシートを別途用意する場合 下記のようにall.cssというスクリーン用のスタイルシートを、 pc.cssとiphone.cssに分けて下記のように設定することで、iPhone用のhtmlを作らずにiPhone用のレイアウトを用意することが出来ます。 media="screen and (min-device-width: 481px)"> media="only screen and (max-device-width: 480px)"> if IEの部分は、IEがmedia="screen and "を読み込めないため、IE用に再度外部CSSを宣言しています。 既存のスタイルシート内にiPhone用のスタイルを追加する 一方、外部スタイルシートを分けずに、またはhtml内にスタイルを宣言している場合にそれを生かしてiPhone用のスタイルを宣言することが出来ます。
GitHub - madrobby/zepto: Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API
Zepto.js – a minimalist JavaScript library Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. See zeptojs.com for an extended introduction, downloads and documentation. Zepto.js is licensed under the terms of the MIT License. Want to give us money or a tip? Don't. Instead please donate to charity:
雨のち晴れ » iphone対応サイト制作まとめ
iphoneに表示最適化したサイトもかなりたくさん出てきていますが、iphone対応サイトの作り方を備忘録的にまとめたかったので途中までまとめてみた。もっと書きたい事あるけど、続きは追記しておこうかな。 iphone最適化とはヤフー検索が対応した事例でもある通り、すぐに情報を見つけられるように、よりページを軽く、そして操作性の良い、iphoneに特化した見せ方をする事を言います。iphoneは通常PCでの見え方をそのまま表示し、タップしたりピンチオープンして拡大させたりしながら使用しますが、PC表示だといらない情報が多く、特に検索だと、パッと探してパッと表示できるものであって欲しいですよね。使う人の利便性を考えた設計から成り立ってます。 と言うことで今回は、iphoneサイト制作の基本をまとめてみた。 基本 iphoneのブラウザはMobile Safari ブラウザ: Safari2.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる
GitHub - zentooo/Riddle.js: simple and stupid selector-based library for iPhone and Android devices