jQueryを使わずにCSSのみで背景画像をX軸にスライドさせる方法

WEBサイトでよく見かけるコンテンツのひとつ、スライドショー。 今回は、複数の画像をスライドさせる方法ではなく、背景画像をX軸内で無限ループさせるスライドショーをCSSのみで実装する方法です。 jQueryを使わずCSSアニメーションを使っ….

…Read More

グラデーションを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

123