PAGETOP

CSSについて, WEBデザイン

No Image

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

WEBデザイン, 便利なサイトの紹介

すぐに使えるダミーテキスト&ダミー画像ジェネレーター

Webサイトやチラシ・ポスター等の制作中に必要となるダミー画像。サイズや背景色など、制作物に合わせたものを使いたい時に便利なのが、画像作成ジェネレーターです。
Photosh ...

デザインのテクニック, 便利なサイトの紹介

全部無料!バナーやチラシに使いやすいシルエット素材11選

Webのみならず、チラシやポスターなど、あらゆるデザインでシルエット素材を使いたい場面は多いと思います。そこで今回は、多種の高品質なシルエット素材を11セットご紹介します。

Googleアナリティクス, Googleサービス

Google アナリティクスでメルマガ経由のアクセスを解析する方法

発行したメルマガがどれくらいクリックされているか、メルマガ経由でどれくらい商品が購入されたかを知ることは、メルマガマーケティングの改善に非常に役立ちます。
メル ...

アクセスアップ

開封率を上げ、サイトへ誘導させるメルマガライティング、4つの効果的な方法

Webマーケティングに非常に有効なツールであるメルマガ。多くの企業が活用していると思いますが、配信はしているけれど、十分に効果を発揮できていないメルマガもあるので ...

CSSについて, WEBデザイン

【CSS3】CSSだけで実現!背景画像を固定&スクロールで切り替えるパララックス風効果

背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、 ...

CSSについて, WEBデザイン

【CSS3】CSSだけで実現!背景画像を固定&スクロールで切り替えるパララックス風効果

背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、 ...

Photoshopのテクニック

【Photoshop】水滴ブラシを使ってビールグラス写真にシズル感を演出するテクニック

食べ物や飲み物などの写真をおいしそうに見せることを、焼き肉などが焼けるジュージュー音を表す英語「sizzle」をそのまま取って、「シズル感」などと言 ...

WEBデザイン, 便利なサイトの紹介

SVGを便利なアイコンフォントに!フォントジェネレーター「IcoMoon」

「CSSで簡単にアイコン作成!CDNのWebフォント「Font Aesome」」では、CDNのWebフォントを利用して、CSSでアイコンを作成する方法をご紹介し ...

WEBデザイン, 便利なサイトの紹介

CSSで簡単にアイコン作成!CDNのWebフォント「Font Aesome」

デザイナーさんにとって、アイコンの一つひとつも作品であり、こだわりたい部分・・・ではあるものの、作る時間がないから今回はフリー素材で・・・ということもあるかと ...

Photoshopのテクニック

【Photoshop】レイヤースタイルだけで作るガラスのような透明テキスト

透明感のあるガラスのようなテキストを、レイヤースタイルのみで簡単に作るチュートリアルが「Photoshop Lady()」で公開されていましたので、ご紹介します ...

WEBデザイン参考, 便利なサイトの紹介

GPL?MIT?CC?最低限覚えておくべきWEB素材ライセンスの意味

インターネット上には、無料で使えるWeb用素材やソフトウェア、スクリプト等が出回っていますが、これらを使うにあたって注意しなければいけないのが「ライセンス」です。無料 ...

Googleアナリティクス, SEO対策・アクセスアップ, WEBデザイン

Google AnalyticsソーシャルレポートでSNSのコンバージョン効果を測定する

SNS上で、いいね!やリツイートの増減を把握したり、アクセス解析でアクセス数やコンバージョン率を計測するということは、おそらくどの企業でも行ってい ...

WEBデザイン, 便利なサイトの紹介

PSDで編集可能!無料で使える高品質アイコン素材10選

数あるアイコン素材の中でも、無料で、しかもPSD付きで完全編集可能のセットをご紹介します。サイトのデザインに合わせて色やサイズを変えられるので、デザイン業務の効率化に便利です。

WEBデザイン, 便利なサイトの紹介

サイトで使用されているフォントが分かる!試せる!「FontFaceNinja」が便利

このサイトのフォントが素敵だな、と思ったとき、フォント名を知りたいことはありませんか?今回は、ページ上のテキストにマウスオーバーするだけで、フォント名 ...

jQueryについて, WEBデザイン

【Javascript】3Dアニメーションで切り替わるレスポンシブのコンテンツスライダー

奥行きのある3D効果で画像を配置し、アニメーションをしながら切り替わる「Tilted Content Slideshow」。Janvascript ...

WEBデザイン, 便利なサイトの紹介

カスタマイズ自由!無料のWebサイトテンプレート

Webデザインの時間短縮とデザイン力アップを助けてくれるWebテンプレートPSD。デザインの効率化、というだけでなく、テンプレートPSDはきちんとガイドが引かれていて、パーツごとにフォル ...

写真撮影・カメラ

カメラ初心者必見!人物写真を今までよりもずっと美しく、おしゃれに撮るコツ

人物写真を撮影する際、少し雰囲気の良い写真を撮りたいと思っていても、いつも平凡で、記念写真のようになってしまう、ということはありませんか?
光や構図を少し ...

CSSについて, WEBデザイン, 写真撮影・カメラ

デスクトップでもモバイルでも、CSSフィルタが標準で使えるブラウザが増えてきており、活用の範囲が大きくひろがっています。そこで今回は、CSSフィルタの主な種類とコードについてサンプルを交えてご紹介します

Photoshopのテクニック

【Photoshop】初心者も簡単!降りしきる雨をPhotoshopで描く方法

Photoshopで、風景写真に雨を降らせるテクニックをご紹介します。
今回使った写真はこちら。

1.写真を開き、イメージ>カンバスサイズで、 ...

CSSについて, WEBデザイン, 便利なサイトの紹介

【CSS】CSSで簡単カスタマイズ!きれい、かわいい、軽いSVGアイコン28個がおすすめ!

美しいグラッフィクが魅力のSVGアイコン28個がセットになった「Optimized Inline SVG Icons」。JPEGやGIFなどの画 ...

Photoshopのテクニック

【Photoshop】たった3ステップで朝焼け画像を作る、簡単シンプルな小技

どんな写真も、美しい朝焼け画像にしてしまう、簡単なチュートリアルをご紹介します。
まずはこの写真を朝焼け画像にしてみます。

1.グラデーションを ...

HTMLについて, WEBデザイン

【HTML5】もう入力でうんざりされない!一問一答、全画面のフォームアイデア

商品の注文やアンケートの入力フォームというと、一画面の中に名前やアドレスなどの記入必須事項が縦にいくつも並んでいるものがほとんどです。
ですが、今回紹 ...

WEBデザイン, 便利なサイトの紹介, 写真撮影・カメラ

デザイナー、カメラマン必見!簡単、クールなポートフォリオサイトが無料で作れる「ALL YOU Online prtfolio」

ポートフォリオサイトが欲しい、でも自分でサイトを作るのは面倒・・・という人におすすめなのが「ALL YOU ...

WEBデザイン, ライティング・原稿制作, 便利なサイトの紹介

【ツール】ネーミングに悩んだ時にアイデアをくれるジェネレーター5選

新しいサイトやサービス・商品につける名前に悩んだ時に使えるのが、名前生成ジェネレーター。思いもよらないところから良いアイデアをくれます。
今回は、簡単に使えて、 ...

Googleアナリティクス, SEO対策・アクセスアップ

初心者のためのGoogle Analyticsの使い方 応用編

Google Analyticsには、「ユーザー」「集客」「行動」「コンバージョン」という4つの項目があり、基本編ではそれぞれのレポートの見方を解説してきました。ですが、こ ...

Googleアナリティクス, SEO対策・アクセスアップ

初心者のためのGoogle Analyticsの使い方 基本編④行動

Google Analyticsの「行動」では、ユーザーのサイト内の動きを把握することができます。その中でも、ぜひ確認しておきたい項目について、解説していきます。ここ ...

Googleアナリティクス, SEO対策・アクセスアップ

初心者のためのGoogle Analyticsの使い方 基本編③集客

サイトを運営する上で気になるのが「どこを経由して訪問したか」ということ。
ここでは、訪問経路や検索キーワードを把握することができる項目「集客」について解説しま ...

Googleアナリティクス, SEO対策・アクセスアップ

初心者のためのGoogle Analyticsの使い方 基本編②ユーザー

ここでは、レポートの中でもよく見る項目である「ユーザー」について解説します。
「ユーザー」を見ると、訪問者のリピート率や地域、サイト内での遷移を把握するこ ...

Googleアナリティクス, SEO対策・アクセスアップ

初心者のためのGoogle Analyticsの使い方 導入編①アナリティクスの導入

高機能であるがゆえに分かりづらいと言われるアクセス解析ツール「Google Analytics」。初心者にはとっつきにくいイメージもありますが、使える ...