新着エントリー

カテゴリー:デザイン

【商用利用可】ポップだけど雰囲気のある漫画風エフェクトのかかったアルファベットテキスト【Illustrator】

ポップだけど雰囲気のある漫画風エフェクトのかかったアルファベットテキスト

コミカルなグラフィックデザインをしたいときに使えるIllustrator用の漫画風エフェクトのかかったアルファベットテキストパーツをご紹介します。
コンテンツに漫画を取り入れるのも当たり前になってきましたし、今後使う機会が増えそうです。

カテゴリー:デザイン

参考にしたい!サインアップに導く見事なランディングページデザイン20選

参考にしたい!現代的なサインアップフォームのランディングページ12選

ランディングページとはコンバージョン、つまり何かの目的を達成するために存在します。目的は単純ですが、実際に動いてもらうためにはWebサイト訪問者の心理に合わせた導線をデザインする必要があり、これがなかなかに難しいものです。皆さんのランディングページがどのようなものであれ、他のランディングページを見てインスピレーションを得ることは無駄にはなりません。

カテゴリー:デザイン

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

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

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

カテゴリー: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なら重くないし、動きもサクサク快適です。