コンテンツへスキップ

CSS

iPhoneで日本語なのにおかしな中国語で表示されてしまう問題を解決

iPhoneで日本語なのにおかしな中国語で表示されてしまう問題を解決

Windows PCでは正常なのに、 スマホ(iphone)から参照すると 発信 → 發信 お気軽 → お氣輕 お応え → お應え こんな感じに変換されてしまい困った。 WEBフォントを使用してる箇所などで発生していた。… 続きを読む »iPhoneで日本語なのにおかしな中国語で表示されてしまう問題を解決

CSS3のブレンドモードを利用して、君もベテランブレンダーになろう。

CSS3のブレンドモードを利用して、君もベテランブレンダーになろう。

こんにちは。 30度を超す日もあり初夏の趣きもあるこの頃ですが、 CSS3のブレンドモード(描画モード)にはまっております。 いいですね。ブレンドモード。 繰り返しの透過の背景画像なんかに利用しています。 上のボディビル… 続きを読む »CSS3のブレンドモードを利用して、君もベテランブレンダーになろう。

CSSで画像に白黒やセピアなどの効果をかける方法

CSSで画像に白黒やセピアなどの効果をかける方法

白黒やセピア色など、エフェクトを加えた画像は、 今まではPhotoshopなどで効果をつけたものを作成してアップするのが普通でしたが、最近ではCSSで直接効果を加えることができるようになりました。 まずはデモをご覧くださ… 続きを読む »CSSで画像に白黒やセピアなどの効果をかける方法

モーダルウィンドウをCSSだけで設置する方法「CSS Modal」軽量かつJS不要!

CSSだけでモーダルウィンドウを設置できる時代になっていました。 余計なライブラリ等を読み込む必要が無いので、かなり軽量です。 ライトボックス風で見た目もエフェクトもシンプルなので使い勝手が良さそうです。 サンプルデモ・… 続きを読む »モーダルウィンドウをCSSだけで設置する方法「CSS Modal」軽量かつJS不要!