はじめに 簡単に画像を加工できるCSSのfilterプロパティ。 今回は、その10種の関数を、見比べられるサンプルつきでご紹介します。 先に、よく使う書き方をまとめておきますね。そのままコピーして使えます。 よく使う書き…

はじめに マウスオーバーしたとき、画像を白黒反転させたいことがありますよね。 CSS３で追加されたプロパティ「filter」を使えば、簡単に効果を追加できますよ。 無料の道具白黒反転も、マウスを乗せたときの切り替えも、無…

構造化タグの記述方法について 簡単にですが、構造化タグを利用したサイトの書き方を紹介します。 自分のサイトで、例をあげさせていただきます。（※勉強したばかりなので、若干説明と構造が違いますが、ご了承ください。） 簡単にで…

テーブルの作例イメージ テーブルAとテーブルBで擬似的に下記のテーブルをイメージを作ってます。 MacやwindowsでChromeやFirefox、Safariで見ても問題はないです。ただIE11だけ、ずれるんです・・…

やりたいイメージ 動画を見ていただけますと、イメージが分かるかと思います。 よく見かけるやつですね。では、実装方法を紹介させていただきます。 実装方法について 固定したい要素の表示位置を .offset().top で取…

videoタグを使ってサムネイルを表示させる方法について 結論から言えば、javascript（jQuery）を使って解決できます。 サンプル動画とサンプルソースを掲載しますので、ご参照ください。 サンプル動画 先日、山…

今回紹介するのは、Safari（サファリ）でテキスト文字にグラデーションを反映させる方法について紹介させていただきます。 先日あるサイトを作ってたのですが、ブラウザのSafariだけグラデーションが反映されず、3、4時間…