@keyframesとAndroid
CSS3の@keyframesでアニメーションを作成しているんですがAndroidでかなりバグがあるようです。
スマホサイト案件の見積もりについて
「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。
Androidの場合のみbodyにclassを追加するJavaScript
ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。
続：Androidブラウザでviewportのwidth指定
１年ほど前にAndroidブラウザでviewportのwidth指定という記事を書いたのですが、１年間いろんな端末や状況に対応しているうちに今は結構違うスクリプトを利用しています。
Android2.2 とtransformのバグ
Android2.2(Regza phone)で検証していると色々とバグと遭遇しました。
スマートフォンとposition:fixedのバグ
iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。
AndroidとjQueryのスライドアニメーションの不具合
Android2.2でjQueryのスライドアニメーションを利用すると、特定の条件でセレクトボックスの値が切り替わらないという不具合が発生します。
Androidのposition:absoluteとフォームの問題
Androidではposition:absoluteをした要素内にフォーム部品があると色々と不具合があるようです。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。
Androidと-webkit-tap-highlight-color
Androidと-webkit-tap-highlight-colorの関係がよくわからず色々と悩んでいたのですが、ひと通りの結論が出たので紹介します。
Androidで-webkit-box-reflectによる鏡面効果を指定する方法
Androidで-webkit-box-reflectのマスク処理が使えない！とつぶやいたら@mattari_pandaからurl()による指定は聞くよと教えていただきました。
Androidでfont-weight:boldを適応する方法
Androidでは日本語にfont-weight:boldが適応されません。
Safariの開発者メニューでスマートフォン開発
AndroidやiPhoneのスマートフォンのサイト作成を行う際にSafariの開発者メニューを利用すると便利です。
Androidの画面キャプチャを撮る
iPhoneでは「ホーム」ボタンを押しながら「電源ボタン」を押すと画面キャプチャが撮れますがAndroidでは簡単に撮れません。(GALAXY Sなど一部のデバイスでは「ホーム」ボタンと「戻る」ボタンでキャプチャが撮れます。)
MacのAndroid エミュレータでサイト制作
Mac OS X へのAndroid エミュレータのインストール方法です。Windowsはこちらを参照(Android エミュレータでサイト制作)。
HTML5が使えるスマートフォンOS
HTML5が使えると言うと少し言いすぎですが、headerなどの新要素に対してdisplay:blockが指定されているOSです。
iPhone/AndroidでURLスキームを利用したアプリ起動
iPhoneのSafariやAndroidのブラウザなどからURLスキームを利用することで直接アプリを起動することができるようになります。
Android エミュレータでサイト制作
AndroidではWindows、Mac OS X 、Linuxで利用できる Android SDK が公開されており、SDKに含まれるAndroid エミュレータを利用することで効率よくサイト作成を行うことができます。
Androidの画面サイズとDPI
前回、Androidではtarget-densitydpiでviewport調整を行えばよいと書きましたが、実際にどのようなサイズになるか具体的な説明をしたいと思います。
Androidの「target-densitydpi」でviewportの調整
どうも色々調べているとAndroidのviewport調整はtarget-densitydpiというプロパティで行うのがよさそうです。
Androidにおけるコンテンツフィットと「overflow:hidden」
ネタ元：スマホサイトの作り方で、あんまり書かれてないことを書いてみた - iPhone・Android・WEB・音楽制作｜Kaleidoscope
ネタ元ではスマートフォン向けに「overflow:hidden」を指定して横スクロールが表示されないようにするテクニックが紹介されています。しかし、「Androidの場合は完全じゃありません。」の一言が！これはおそらくAndroidのコンテンツフィット機能に関する問題だと思うのでそこらえへんを詳しく解説してみたいと思います。
Android端末のdevicePixelRatio
WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。
Androidブラウザでviewportのwidth指定
AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも？)
カテゴリー「android」のRSSを購読する
jQuery基礎文法最速マスター 
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
WEB製作者の為のSEOチートシート
ユーザーがページのどこをクリックしたか解析するツール 
ブロックレベル要素の高さを揃えるheightLine.js
SEO対策ツールまとめ
西畑一馬(
