新着エントリー

カテゴリー:デザイン

【無料】印刷にも使える高解像度!思わずコーヒーが飲みたくなるタグとグリーティングカード

思わずコーヒーが飲みたくなるタグとグリーティングカード

送られると思わずホッとするようなコーヒーのデザインが素敵なグリーティングカードとタグのデザイン素材を紹介します。無料でダウンロードでき、印刷に使用できる高解像度な画像となっています。
ちなみに筆者はコーヒーが好きで豆から挽いています!

カテゴリー:Web制作

【SVG】SVGアイコンのカラーをCSSで変更したい!

【SVG】SVGアイコンのカラーをCSSで変更したい!

ボタンにCSSグラデーションとSVGアイコンを同時につけようとしたのですが、before、after擬似要素をinputやimg、videoなどの置換要素には使えないことを知らずにハマった際の実装までの軌跡を綴っています。かっこ悪くても1つずつクリアしてこう。泣かない。

カテゴリー:Web制作

【CSS】CSSとHTMLだけでパララックス風エフェクトを実装する方法

【CSS】CSSとHTMLだけでパララックスを実装する方法

派手過ぎず文章を読む際に邪魔にならない演出が素敵なパララックス効果。今ではたくさんのjQueryプラグインがあり、実装も簡単になってきています。
javascriptはほとんどのブラウザが対応しており、現在のWeb業界では無くてはならない存在ですが、読み込みすぎるとページのロードが遅くなったり、他プラグインとの競合など管理が大変になってきますので使わなくて済むならそれに越したことはありません。
そこでCSSだけでパララックス風効果を実装してしまおうというのが本題です。
CSSなら重くないし、動きもサクサク快適です。