AndroidでCSS3のグラデーションが効かない | WEB MEMO:RE
下記のように一通りlinear-gradientを指定したけどAndroidでは無視されてしまう。 background-image: -webkit-linear-gradient(top, #ccc, #eee); background-image: -moz-linear-gradient(top, #ccc, #eee); background-image: -o-linear-gradient(top, #ccc, #eee); background-image: -ms-linear-gradient(top, #ccc, #eee); background-image: linear-gradient(to bottom, #ccc, #eee); Androidでもグラデーションを効かせる場合は、 background-image: -webkit-gradient(lin
今どきのCSS3グラデーションの指定方法
意外とAndroid以外は最新ブラウザが正式な記述に対応しております。 正式な記述の対応が遅かったSafariやiOS、非対応のAndroidは比較的に古い段階から-webkit-gradientに対応してますので、-webkit-gradientも合わせて記述すると対応ブラウザを利用しているユーザーが一気に増えます。 IE9以下や上記の記述では対応できない古いブラウザにはちゃんとフォールバックを指定しましょう。 上記を踏まえると以下のように記述するのがシンプルでよいのではないかと落ち着きました。 /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #b6e2fd), co
「.htaccess」でパソコン・タブレット・スマホ・ガラケーを振り分ける場合のメモ。
そろそろ本気でスマホサイトを制作しようかなと思っている管理人です。ゼロから全て制作するなら「レスポンシブウェブデザイン」にチャレンジしたいところですが、既存サイトに追加する場合には、スマホ用ページを制作して「.htaccess」でリダイレクトする方法も一つの手かなと思う今日この頃です。 というわけで今回は「.htaccess」でパソコン・タブレット・スマホ・ガラケーをリダイレクトする設定について簡単にメモしてみました。 前提条件 1.共通のURL（パソコン用ページ）は「http://www.hogehoge.jp/」です。 2.パソコンからアクセスすると「http://www.hogehoge.jp/」を表示します。 3.タブレットからアクセスすると「http://www.hogehoge.jp/」を表示します。 4.スマホからアクセスすると「http://www.hogehoge.jp/
作って学ぶスマートフォン対応サイトの基本 (1/4)
iPhone/Android向けサイト制作の基本を学ぶために、今回は実際に手を動かしながら非常に簡単なWebページを作ってみましょう。あわせて、スマートフォンサイト制作に最低限必要な制作環境（エディターとWebサーバー）についても紹介します。 用意するもの1：エディター HTMLを編集するのに必要です。使い慣れたソフトで構いませんが、もしなければ次のようなものを使うとよいでしょう。 ・Em Editor / Windows / 4000円（税込） http://jp.emeditor.com/ ・秀丸エディタ / Windows / 4200円（税込） http://hide.maruo.co.jp/ ・TeraPad / Windows / 無料 http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・JEdit X / Mac /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーエージェントによってPCとスマートフォン（iPhone / Android）を振り分ける方法いろいろ
