各種ブラウザにおけるlinear-gradient対応状況について

ブラウザの種類・バージョンで書式が大きく違って何かとやっかいなlinear-gradient()の 対応状況をまとめてみました。 使用したサンプルはこちら。 表示結果比較の画面キャプチャはこちら 【結果】 ●-webkit-gradient(linear,left top,left bottom,from(#FC0),to(#fff)); [対応]Chrome/Safari4+/iOS4+/Android2.x/ ●-webkit-linear-gradient(top,#FC0,#fff); [対応]Chrome/Safari5+/iOS5+ ●-webkit-linear-gradient(to bottom,#FC0,

IE6-8でCSS3のセレクタやプロバティを使う方法

プログレッシブエンハンスメントが叫ばれる今日この頃ですが、 可能ならIE6-8にもCSS3を使いたい、ということでJSで何とかできないか探してみると、 なんだかよさげなものが見つかります。 ■IE6でもCSS3のセレクタを使えるようにするもの (1)IE9.js(http://code.google.com/p/ie7-js/) IEの挙動を標準準拠させるjsライブラリ。一部のセレクタサポートの他、以下の項目をサポー

イラレでWebデザインをされる方にお願いしたい7つのこと。

普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 1.色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作っ

Adobe公認エキスパート

Web制作の現場というのはとにかく実力主義であって、 資格なんかはっきり言って何の役にも立たないのは重々承知なのですが、 ちょっと思うところあってAdobe公認エキスパート(ACE)の試験を受けてきました。 科目はDreamweaver。 この認定資格、とにかく情報がないのが特徴。 難易度も合格率も過去問も非公開。受験する時に「試験内容を口外しない」と制約させられる

[XHTML 1.0 Strict・IE6/7対応]外部リンクアイコン自動挿入Script

以前仕事で作った、「外部リンクアイコン自動挿入Script」を公開します。 target=”_blank”を使えないXHTML 1.0 Strictの文書型で外部リンクを別ウィンドウで開きたいと思っていろいろ検索したのですが、探し方が悪かったのかhttps://~で始まる自社サーバを除外してくれるものが無かったので自作したのがきっかけです。 ついでに外部リンクアイコンをテキストの後ろに