Androidに関する情報

Web制作における対応ブラウザの選定方法

Web制作における対応ブラウザの選定方法

フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。

続きを読む »

  • 2015年11月25日 13:22
  • カテゴリー
  • direction

今どきのCSS3グラデーションの指定方法 (2015年版)

今どきのCSS3グラデーションの指定方法 (2015年版)

昨年、「今どきのCSS3グラデーションの指定方法」という記事を書いてそこそこアクセスがあるのですが、今年に入って状況が変わってきたのでアップデートしておきます。

続きを読む »

  • 2015年11月 9日 13:58
  • カテゴリー
  • CSS

スマホ用のスワイプギャラリーjQueryプラグイン「jquery.swipeGallery」

スマホで利用できるスワイプ可能なスライドギャラリー用のjQueryプラグイン「jquery.swipeGallery」を公開しました。指で画面をスワイプすると画像が切り替わるアレです。

続きを読む »

  • 2014年5月21日 15:55
  • カテゴリー
  • jQuery

スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」

普段スマホ用のブラウザ判別を行うために利用しているjQueyプラグインを公開したのでご紹介します・

続きを読む »

  • 2014年5月19日 17:08
  • カテゴリー
  • jQuery

CSS Niteベスト・セッション2013に選出されました

2013年5月25日に行なわれたセミナー『CSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」』の私と木村のセッション「スマートフォンサイト制作 よくあるトラブルと解決方法・回避方法」がCSS Niteベスト・セッション2013に選出されました。

続きを読む »

  • 2014年2月23日 13:43
  • カテゴリー
  • seminar

Androidのviewportに対する数値指定

本日はjQuery Advent Calendar 2013がお休みなのでAndroid Advent Calendar 2013の6日目でブログを書いてみます。

続きを読む »

  • 2013年12月 6日 13:25
  • カテゴリー
  • Android

Android4系でoverflow: hiddenとposition: fixedで位置がおかしくなるバグ

表題のとおりですが、少しわかりにくいので詳しく説明します。

続きを読む »

  • 2013年6月 6日 11:26
  • カテゴリー
  • Android, CSS

CSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」が終了しました

CSS Nite LP, Disk 27登壇したイベントCSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」が終了しました。

続きを読む »

  • 2013年5月26日 13:18
  • カテゴリー
  • seminar

スマホサイトでtd/th要素へのposition:relativeはダメ!

iOS4.x系やAndroid2.x系のブラウザだとtd/th要素に指定したposition:relativeが無視されます。

続きを読む »

  • 2012年12月 3日 14:46
  • カテゴリー
  • CSS

jQuery1.8系のanimate()で一部のAndroid端末が落ちる件

jQuery1.8でjQueryのanimateメソッドが刷新されましたが、その影響で一部のAndroid端末(P01-Dとか)のブラウザでanimate()メソッドの処理でブラウザが落ちてしまう現象が発生します。

続きを読む »

Android4.0とiframe

iframe内でコンテンツを展開するとAndroid4.0でシビレルくらい様々なバグが発生します。

続きを読む »

  • 2012年7月20日 01:01
  • カテゴリー
  • Android

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません)

続きを読む »

Androidとtransformとinputのバグ

3D系のtransformの後ろに入力フォームがあった場合、Androidで挙動がおかしくなります。

続きを読む »

  • 2012年2月28日 18:27
  • カテゴリー
  • Android

@keyframesとAndroid

CSS3の@keyframesでアニメーションを作成しているんですがAndroidでかなりバグがあるようです。

続きを読む »

  • 2012年2月12日 14:13
  • カテゴリー
  • Android, CSS

スマホサイト案件の見積もりについて

Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。

続きを読む »

Androidの場合のみbodyにclassを追加するJavaScript

ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。

続きを読む »

  • 2012年1月13日 13:44
  • カテゴリー
  • Android

続:Androidブラウザでviewportのwidth指定

1年ほど前にAndroidブラウザでviewportのwidth指定という記事を書いたのですが、1年間いろんな端末や状況に対応しているうちに今は結構違うスクリプトを利用しています。

続きを読む »

  • 2012年1月 6日 11:06
  • カテゴリー
  • Android

Android2.2 とtransformのバグ

Android2.2(Regza phone)で検証していると色々とバグと遭遇しました。

続きを読む »

  • 2011年12月27日 15:13
  • カテゴリー
  • Android

スマートフォンとposition:fixedのバグ

iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。

続きを読む »

[書評] iPhone & Android スマートフォンサイト制作の教科書

iPhone & Android スマートフォンサイト制作の教科書 iPhone & Android スマートフォンサイト制作の教科書を献本いただきました。ありがとうございます。

続きを読む »

  • 2011年10月25日 20:16
  • カテゴリー
  • books

CSS Nite in TAKAMATSU, Vol.5は「スマートフォン特集」

CSS Nite in TAKAMATSU, Vol.510月1日に高松でCSS Nite in TAKAMATSU, Vol.5 「スマートフォン特集」が開催され私も登壇させていただきます。

続きを読む »

  • 2011年8月23日 15:43
  • カテゴリー
  • seminar

AndroidとjQueryのスライドアニメーションの不具合

Android2.2でjQueryのスライドアニメーションを利用すると、特定の条件でセレクトボックスの値が切り替わらないという不具合が発生します。

続きを読む »

Androidのposition:absoluteとフォームの問題

Androidではposition:absoluteをした要素内にフォーム部品があると色々と不具合があるようです。

続きを読む »

  • 2011年7月16日 02:07
  • カテゴリー
  • Android

スマートフォンサイトをデザインする上で知っておくべき10のTIPS

iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。

続きを読む »

Androidと-webkit-tap-highlight-color

Androidと-webkit-tap-highlight-colorの関係がよくわからず色々と悩んでいたのですが、ひと通りの結論が出たので紹介します。

続きを読む »

  • 2011年6月 9日 20:12
  • カテゴリー
  • Android, CSS

Androidで-webkit-box-reflectによる鏡面効果を指定する方法

Androidで-webkit-box-reflectのマスク処理が使えない!とつぶやいた@mattari_pandaからurl()による指定は聞くよと教えていただきました。

続きを読む »

  • 2011年6月 7日 11:10
  • カテゴリー
  • Android, CSS

Androidでfont-weight:boldを適用する方法

Androidでは日本語にfont-weight:boldが適用されません。

続きを読む »

  • 2011年5月19日 12:11
  • カテゴリー
  • Android

Safariの開発者メニューでスマートフォン開発

AndroidやiPhoneのスマートフォンのサイト作成を行う際にSafariの開発者メニューを利用すると便利です。

続きを読む »

Androidの画面キャプチャを撮る

iPhoneでは「ホーム」ボタンを押しながら「電源ボタン」を押すと画面キャプチャが撮れますがAndroidでは簡単に撮れません。(GALAXY Sなど一部のデバイスでは「ホーム」ボタンと「戻る」ボタンでキャプチャが撮れます。)

続きを読む »

  • 2011年4月25日 12:48
  • カテゴリー
  • Android

MacのAndroid エミュレータでサイト制作

MacのAndroid エミュレータでサイト制作

Mac OS X へのAndroid エミュレータのインストール方法です。Windowsはこちらを参照(Android エミュレータでサイト制作)。

続きを読む »

  • 2011年4月25日 11:03
  • カテゴリー
  • Android

HTML5が使えるスマートフォンOS

HTML5が使えると言うと少し言いすぎですが、headerなどの新要素に対してdisplay:blockが指定されているOSです。

続きを読む »

[書評]iPhone+Android スマートフォンサイト制作入門

iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL)たにぐちまこと さんの「iPhone+Android スマートフォンサイト制作入門」を献本いただきました。ドーナツ本の兄弟本です。

続きを読む »

  • 2011年3月28日 20:13
  • カテゴリー
  • books

iPhone/AndroidでURLスキームを利用したアプリ起動

iPhoneのSafariやAndroidのブラウザなどからURLスキームを利用することで直接アプリを起動することができるようになります。

続きを読む »

Android エミュレータでサイト制作

Android シミュレータでサイト制作

AndroidではWindows、Mac OS X 、Linuxで利用できる Android SDK が公開されており、SDKに含まれるAndroid エミュレータを利用することで効率よくサイト作成を行うことができます。

続きを読む »

  • 2011年3月 7日 13:01
  • カテゴリー
  • Android

Androidの画面サイズとDPI

前回、Androidではtarget-densitydpiでviewport調整を行えばよいと書きましたが、実際にどのようなサイズになるか具体的な説明をしたいと思います。

続きを読む »

  • 2011年2月 2日 15:09
  • カテゴリー
  • Android

Androidの「target-densitydpi」でviewportの調整

どうも色々調べているとAndroidのviewport調整はtarget-densitydpiというプロパティで行うのがよさそうです。

続きを読む »

  • 2011年1月31日 12:17
  • カテゴリー
  • Android

Androidにおけるコンテンツフィットと「overflow:hidden」

ネタ元:スマホサイトの作り方で、あんまり書かれてないことを書いてみた - iPhone・Android・WEB・音楽制作|Kaleidoscope

ネタ元ではスマートフォン向けに「overflow:hidden」を指定して横スクロールが表示されないようにするテクニックが紹介されています。しかし、「Androidの場合は完全じゃありません。」の一言が!これはおそらくAndroidのコンテンツフィット機能に関する問題だと思うのでそこらえへんを詳しく解説してみたいと思います。

続きを読む »

  • 2011年1月28日 00:02
  • カテゴリー
  • Android

Android端末のdevicePixelRatio

WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。

続きを読む »

  • 2011年1月25日 17:35
  • カテゴリー
  • Android

Androidブラウザでviewportのwidth指定

AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも?)

続きを読む »

購読

フィードリーダーを利用して検索結果を購読し、今後投稿されるエントリーでタグ「Android」が指定されているものにアクセスできます。 [フィードとは]

フィードを取得 フィードを取得