CSS

ページ全体をグレースケールにする

色覚障害者の方がWEBページを閲覧した場合、色情報を認識できない場合があります。色情報に頼らないWEBページがアクシビリティの点から重要です。
そこでページ全体をグレースケールにして、色覚障害者が見やすいページかどうかチェックすることが1つの方法です。
続きを読む…

CSSで画像を一部だけしか表示させない!!

kirinukigazou

CSSで画像の一部だけを表示させるには、CSSのclipプロパティを使います。何も指定が無ければ画像全体が表示されますが、CSSのclipプロパティを使うと、指定した部分を切り抜いて表示させることができます。
続きを読む…

フォントサイズをワンクリックで変更

フォントサイズをワンクリックで変更するには、
デフォルトの状態から大きなフォント『A』を押すと、
フォントが大きく表示されて、
小さいフォント『A』を押すと、
フォントが小さく表示されます。
javascriptでCSSのfont-sizeプロパティを変更することで実現します。
続きを読む…