[B! CSS][iphone] lophのブックマーク

NimbusKit - The iOS framework that grows only as fast as its documentation

The iOS framework that grows only as fast as its documentation Fork Nimbus on GitHub - Follow NimbusKit on Twitter 1.2.1 Documentation Peruse documentation for the most recent stable cut of Nimbus from February 21, 2014. docs. » Nimbus is a toolkit for experienced iOS software designers. It provides well-documented, modular components that solve a number of common iOS software requirements. This i

loph 2012/12/14

リンク

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。

こんにちは、ウェブ開発の林です。スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き）こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。追記：ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--

loph 2012/07/09

リンク

スマートフォンと画面解像度・ピクセル密度

320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。ピクセル密度の違いが見た目に影響するさて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て

loph 2012/05/31

リンク

[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)

[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとかスマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！特に明記がないものはすべてWebkitについてです。見つけ次第順次追加予定。タイトル変更、増えてきたので目次追加しました。この記事はiOS5、Android 3以前について記載したものです【css】タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-