グラデーションをIE8にも対応させたい時の対処法(hasLayout)

IEのfilterプロパティ※でaタグにグラデーションをかけようとしたところ、どうにもこうにもグラデーションがかからなくて苦戦しました。 ※ filterプロパティはIE独自のプロパティのため、他ブラウザには影響しません。 この現象は、IE….

…Read More

Sublime Text2 全角英数字をハイライトするプラグイン

sublimetext-icon

クライアントさまからの原稿内に全角英数字が紛れ込んでいることは多々ございますが、ついつい変換を忘れてしまうときってあるんですよね…。 最近はもっぱらSublime Text2で作業をすることが多いのですが、自動で全角英数字をハイライトしてく….

…Read More

Webアクセシビリティ チェックしたい7つのポイント

a11y

2004年にJIS規格化されたWebアクセシビリティ。 現時点ではJIS X 8341-3:2010というJIS規格があり、WCAG 2.0と同じ達成基準を採用しています。 アクセシビリティとは、 Webを利用するすべての人が、年齢や身体的….

…Read More

スマホで:hoverを使ってリンク色を変える方法

hover

スマホサイトでタップした時のリンク色を変えたいときのTips。 本来ならば:hoverだけでリンク色を変えることができるのですが、iOSはなぜかこの:hoverが指を話した時に効いてしまうというバグがあります。 ※ iPhone5は:hov….

…Read More

イメージ画像の横にテキストを配置する際に、文字の表示位置を真中にする

verticalalignthum

先日、スマホサイト制作中にはまった事なのですが、イメージ画像の横にテキストを配置したい時にvertical-alignプロパティを使ってもうまく表示位置を真ん中に出来ない事がありました。 上記のようにしたかったので、vertical-ali….

…Read More