【javascript】レスポンシブなタブメニューをサクッと実装できる「Responsive Full Width Tabs」
PCサイトをレスポンシブ化する上で悩むのが、メニューのあしらい。
特にタブメニューとなると、スマホサ ...
【Photoshop】顔写真をレタッチ！まつげをボリュームアップ＆目の色を変える方法
女性の顔写真のレタッチで、覚えておくと便利な「まつげのボリュームアップ」。一本一本書き足していくことになるので、少々手間はかかりますが、手順はとても簡 ...
CSSオンリーでローディングアニメーションを簡単に作るジェネレーター「CSS Load」
すぐに使えるダミーテキスト＆ダミー画像ジェネレーター
Webサイトやチラシ・ポスター等の制作中に必要となるダミー画像。サイズや背景色など、制作物に合わせたものを使いたい時に便利なのが、画像作成ジェネレーターです。
Photosh ...
全部無料！バナーやチラシに使いやすいシルエット素材11選
Webのみならず、チラシやポスターなど、あらゆるデザインでシルエット素材を使いたい場面は多いと思います。そこで今回は、多種の高品質なシルエット素材を11セットご紹介します。
Google アナリティクスでメルマガ経由のアクセスを解析する方法
発行したメルマガがどれくらいクリックされているか、メルマガ経由でどれくらい商品が購入されたかを知ることは、メルマガマーケティングの改善に非常に役立ちます。
メル ...
メルマガの開封率を上げ、サイトへ誘導させるメルマガライティング
Webマーケティングに非常に有効なツールであるメルマガ。多くの企業が活用していると思いますが、配信はしているけれど、十分に効果を発揮できていないメルマガもあるので ...
【CSS3】CSSだけで実現！背景画像を固定＆スクロールで切り替えるパララックス風効果
背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、 ...
【CSS3】SCSSで作るスライドメニュー！マウスオーバーで背景色チェンジ
背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、 ...
【Photoshop】水滴ブラシを使ってビールグラス写真にシズル感を演出するテクニック
食べ物や飲み物などの写真をおいしそうに見せることを、焼き肉などが焼けるジュージュー音を表す英語「sizzle」をそのまま取って、「シズル感」などと言 ...
SVGを便利なアイコンフォントに！フォントジェネレーター「IcoMoon」
「CSSで簡単にアイコン作成！CDNのWebフォント「Font Aesome」」では、CDNのWebフォントを利用して、CSSでアイコンを作成する方法をご紹介し ...
CSSで簡単にアイコン作成！CDNのWebフォント「Font Aesome」
デザイナーさんにとって、アイコンの一つひとつも作品であり、こだわりたい部分・・・ではあるものの、作る時間がないから今回はフリー素材で・・・ということもあるかと ...
【Photoshop】レイヤースタイルだけで作るガラスのような透明テキスト
透明感のあるガラスのようなテキストを、レイヤースタイルのみで簡単に作るチュートリアルが「Photoshop Lady（）」で公開されていましたので、ご紹介します ...
GPL？MIT？CC？最低限覚えておくべきWEB素材ライセンスの意味
インターネット上には、無料で使えるWeb用素材やソフトウェア、スクリプト等が出回っていますが、これらを使うにあたって注意しなければいけないのが「ライセンス」です。無料 ...
Google AnalyticsソーシャルレポートでSNSのコンバージョン効果を測定する
SNS上で、いいね！やリツイートの増減を把握したり、アクセス解析でアクセス数やコンバージョン率を計測するということは、おそらくどの企業でも行ってい ...
無料で使える高品質アイコン素材10選。PSDで編集可能
数あるアイコン素材の中でも、無料で、しかもPSD付きで完全編集可能のセットをご紹介します。サイトのデザインに合わせて色やサイズを変えられるので、デザイン業務の効率化に便利です。
ホームページで使用されているフォントが分かる！試せる！「FontFaceNinja
このサイトのフォントが素敵だな、と思ったとき、フォント名を知りたいことはありませんか？今回は、ページ上のテキストにマウスオーバーするだけで、フォント名 ...
【Javascript】３Dアニメーションで切り替わるレスポンシブのコンテンツスライダー
奥行きのある３D効果で画像を配置し、アニメーションをしながら切り替わる「Tilted Content Slideshow」。Janvascript ...
カスタマイズ自由！無料のWebサイトテンプレート
Webデザインの時間短縮とデザイン力アップを助けてくれるWebテンプレートPSD。デザインの効率化、というだけでなく、テンプレートPSDはきちんとガイドが引かれていて、パーツごとにフォル ...
人物写真を今までよりもずっと美しく、おしゃれに撮るコツ
人物写真を撮影する際、少し雰囲気の良い写真を撮りたいと思っていても、いつも平凡で、記念写真のようになってしまう、ということはありませんか？
光や構図を少し ...
すぐに使える！CSS３で画像を加工する「フィルタ」まとめ
【Photoshop】初心者も簡単！降りしきる雨をPhotoshopで描く方法
Photoshopで、風景写真に雨を降らせるテクニックをご紹介します。
今回使った写真はこちら。
【CSS】CSSで簡単カスタマイズ！きれい、かわいい、軽いSVGアイコン28個がおすすめ！
美しいグラッフィクが魅力のSVGアイコン28個がセットになった「Optimized Inline SVG Icons」。JPEGやGIFなどの画 ...
【Photoshop】たった３ステップで朝焼け画像を作る、簡単シンプルな小技
どんな写真も、美しい朝焼け画像にしてしまう、簡単なチュートリアルをご紹介します。
まずはこの写真を朝焼け画像にしてみます。
【HTML5】もう入力でうんざりされない！一問一答、全画面のフォームアイデア
商品の注文やアンケートの入力フォームというと、一画面の中に名前やアドレスなどの記入必須事項が縦にいくつも並んでいるものがほとんどです。
ですが、今回紹 ...
デザイナー、カメラマン必見！簡単、クールなポートフォリオサイトが無料で作れる
ポートフォリオサイトが欲しい、でも自分でサイトを作るのは面倒・・・という人におすすめなのが「ALL YOU ...
ネーミングに役立つアイデアをくれるジェネレーターを紹介
新しいサイトやサービス・商品につける名前に悩んだ時に使えるのが、名前生成ジェネレーター。思いもよらないところから良いアイデアをくれます。
今回は、簡単に使えて、 ...
初心者のためのGoogle Analyticsの使い方 応用編
Google Analyticsには、「ユーザー」「集客」「行動」「コンバージョン」という４つの項目があり、基本編ではそれぞれのレポートの見方を解説してきました。ですが、こ ...
初心者のためのGoogle Analyticsの使い方 基本編④行動
Google Analyticsの「行動」では、ユーザーのサイト内の動きを把握することができます。その中でも、ぜひ確認しておきたい項目について、解説していきます。ここ ...
初心者のためのGoogle Analyticsの使い方 基本編③集客
サイトを運営する上で気になるのが「どこを経由して訪問したか」ということ。
ここでは、訪問経路や検索キーワードを把握することができる項目「集客」について解説しま ...