ページのロード中に表示されるローディング画像。ユーザーにストレスを感じさせないよう、ローディング状況をアニメーションや数値で表示させるもので、読み込み時間がかかりそうなページには必須の仕掛けです。 今回ご紹介するのは、CSSオンリーで実装できる簡単なアニメーション。 ほとんどクリック操作だけで作ることができます。 続きを読む ǂށ

ページのロード中に表示されるローディング画像。ユーザーにストレスを感じさせないよう、ローディング状況をアニメーションや数値で表示させるもので、読み込み時間がかかりそうなページには必須の仕掛けです。 今回ご紹介するのは、CSSオンリーで実装できる簡単なアニメーション。 ほとんどクリック操作だけで作ることができます。 続きを読む 続きを読む⇒
すぐに使えるダミーテキスト&ダミー画像ジェネレーター Webサイトやチラシ・ポスター等の制作中に必要となるダミー画像。サイズや背景色など、制作物に合わせたものを使いたい時に便利なのが、画像作成ジェネレーターです。 Photoshopなどの画像加工ソフトを立ち上げなくても ... 続きを読む⇒
全部無料!バナーやチラシに使いやすいシルエット素材11選 Webのみならず、チラシやポスターなど、あらゆるデザインでシルエット素材を使いたい場面は多いと思います。そこで今回は、多種の高品質なシルエット素材を11セットご紹介します。 1.Crowd Silhouettes ... 続きを読む⇒
Google アナリティクスでメルマガ経由のアクセスを解析する方法 発行したメルマガがどれくらいクリックされているか、メルマガ経由でどれくらい商品が購入されたかを知ることは、メルマガマーケティングの改善に非常に役立ちます。 メルマガツールを使用して解析を行う方法もありま ... 続きを読む⇒
開封率を上げ、サイトへ誘導させるメルマガライティング、4つの効果的な方法 Webマーケティングに非常に有効なツールであるメルマガ。多くの企業が活用していると思いますが、配信はしているけれど、十分に効果を発揮できていないメルマガもあるのではないでしょうか。 開封率が悪い、 ... 続きを読む⇒
【CSS3】CSSだけで実現!背景画像を固定&スクロールで切り替えるパララックス風効果 背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、実装もシンプルで簡単です。 まずは ... 続きを読む⇒
【CSS3】CSSだけで実現!背景画像を固定&スクロールで切り替えるパララックス風効果 背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、実装もシンプルで簡単です。 まずは ... 続きを読む⇒
【Photoshop】水滴ブラシを使ってビールグラス写真にシズル感を演出するテクニック 食べ物や飲み物などの写真をおいしそうに見せることを、焼き肉などが焼けるジュージュー音を表す英語「sizzle」をそのまま取って、「シズル感」などと言います。 今回は、無料のPhoto ... 続きを読む⇒
SVGを便利なアイコンフォントに!フォントジェネレーター「IcoMoon」 「CSSで簡単にアイコン作成!CDNのWebフォント「Font Aesome」」では、CDNのWebフォントを利用して、CSSでアイコンを作成する方法をご紹介しました。 約500種類ある中から選 ... 続きを読む⇒
CSSで簡単にアイコン作成!CDNのWebフォント「Font Aesome」 デザイナーさんにとって、アイコンの一つひとつも作品であり、こだわりたい部分・・・ではあるものの、作る時間がないから今回はフリー素材で・・・ということもあるかと思います。また、ノンデザイナーさん ... 続きを読む⇒