ネーミングに役立つアイデアをくれるジェネレーターを紹介

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

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

Google Analyticsの「行動」では、ユーザーのサイト内の動きを把握することができます。その中でも、ぜひ確認しておきたい項目について、解説していきます。ここ ...
初心者のためのGoogle Analyticsの使い方 基本編③集客

サイトを運営する上で気になるのが「どこを経由して訪問したか」ということ。
ここでは、訪問経路や検索キーワードを把握することができる項目「集客」について解説しま ...
初心者のためのGoogle Analyticsの使い方 基本編②ユーザー

ここでは、レポートの中でもよく見る項目である「ユーザー」について解説します。
「ユーザー」を見ると、訪問者のリピート率や地域、サイト内での遷移を把握するこ ...
初心者のためのGoogle Analyticsの使い方 導入編①アナリティクスの導入

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

サイトの集客を考える上で、アクセス解析は必須のツールです。以前からアクセス解析は用いられてきましたが、最近のツールの解析機能はますます優れ、単に訪問数や参照元を調べる、というだけでなく ...
暗い室内でも明るくキレイに撮影するテクニック

料理や小物の写真を撮る時、重要なのがライティング。
ですが、撮影場所によってはどうしても光が足りず、暗い写真になってしまうことがあります。後で修正できる、とはいえ、やはり元々の写真が ...
【jQuery】テーブルの見出しがスクロールに付いてくる方法

テーブルで大量のデータを見せたい時におすすめなjQueryプラグイン「Sticky Table Headers」をご紹介します。縦 ...
【Photoshop】水面にゆらゆらと浮かぶ文字を作るチュートリアル

ベースとなる写真はこれ。
これを「水面.psd」という名前で保存しておきます。
イメージ>複製でこの画像を複製し、次からの手順は、 ...
【Photoshop】簡単3ステップ!写真を鮮やかに美しく見せるorレトロ調に見せる方法

暗い写真を手早く明るくしたい、鮮やかな写真を手軽にレトロ調に変えたい、という方におすすめ。
それぞれの簡単ステップをご紹介します。 ...
【WordPress】ワードプレスでよく使うタグのまとめ&チートシート

ワードプレスのタグは、使っていないとすぐに忘れてしまうものです。その度に調べるのは大変、ということで、ワードプレスサイトを制作する際によく使うタグのまとめと、印刷し ...
手持ちの写真を何でもLEGO®風にするオンラインツール「Brick-a-pic」

プロフィール写真や風景写真など、画像ならなんでもLEGO®風ブロックにしてしまう面白ツールをご紹介します。
Brick-a-pic1.CHOOSE ...【SEO】ロングテールキーワードでコンバージョン率を上げるための6つの注意点

検索ボリュームが多いキーワードを狙ってSEO対策を行っているのに、
上位表示されない、
コンバージョン率が低い、
ということはありませ ...
アンカーテキストに色々なエフェクトをかける方法。

ホバー効果は画像やボックスだけではありません。CSS3を使えば、アンカーテキストにも、遊び心たっぷりのホバー効 ...
【Javascript】CSS3に自動で、必要最低限のベンダープレフィックスを付けてくれるプラグイン「cssFX」

ベンダープレフィックス対応が面倒なcss3のgradientsやbox-shadowなど、どのように記述していますか?
【WordPress】レスポンシブ対応!初心者にも使いやすい無料のWordPressテーマ8選

豊富なテーマが魅力のWordPress。美しいデザイン、高機能、レスポンシブ、しかも無料という素晴らしいテーマがたくさんあります。これからブ ...
【デザイン】パララックス効果がさらに進化!思わず魅入ってしまうサイト8選

パララックス効果は、2012年頃から取り入れられ始めた視差効果。スクロールした際に、各部が異なるスピードで動くことにより、画面に奥行き感を演出するものです。一時期 ...
【便利ツール】CSS3のグラデーションをあっという間に作ってくれるジェネレーター2つ

css3のコーディングの中でも、特に記述が煩雑なのがグラデーション。いちいちカラーコードで指定せず、ジェネレータを使って視覚的に、サクッと実装してしま ...
【jQuery】テーブルのデータを棒グラフにしてくれるプラグイン「TableBarChart」

「TableBarChart」は、テーブルの数値をアニメーション付きで棒グラフとして見せてくれるプラグイン。
使い方もカスタマイズも ...
【jQuery】飛び出して弾む!アニメーションがキュートなツールチップStackbox.js

飛び出したり、ひっくり返ったり、ぶら下がったり、多彩なアニメーションで楽しませてくれるツールチップ「Stackbox.js」。遊び心満載で、軽 ...
【Photoshop】デザイン作業を効率化!いろんな形のカスタムシェイプ素材

ハートや矢印など、複雑な形状をドラッグで簡単に描画できるカスタムシェイプ。拡大縮小やスタイル変更も自在で、イラストを描く時間がない!という忙しいデザイナーさん ...
コピペで5秒!CSS3で背景画像を画面いっぱいに表示する

背景画像をブラウザいっぱいに表示するテクニックを、シンプルかつ簡単に叶えるスタールシートをご紹介します。もちろん、レスポンシブ対応です。
元のサイトはこちら。
【SEO】Googleからペナルティーを受けないプレスリリースの発信方法

プレスリリースとは、企業などから、テレビ・ラジオ・新聞・雑誌・ニュースサイト等、各報道メディア向けに発表される声明のことで、新製品のPRなどに効果的なプ
簡単に素敵なオリジナルロゴを作れるウェブツール「Squarespace Logo」

デザインができなくても、簡単にかっこいいロゴを作れる「Squarespace Logo」。
ロゴテキストを打ち込んで、アイコンを一つ ...
顔写真をキレイに加工するためのウルテク!photshop

今や顔写真を使う上で、肌のレタッチは当然のものとなっています。けれどやり過ぎは禁物。「本人と雰囲気が違う」どころか、アンドロイドのような顔になってしまう ...
アニメーションしながら切り替わるスイッチをCSSのみで作るチュートリアル

クリックするとオンとオフが切り替わるスイッチを、CSSのみで実装するチュートリアルがBLOOM WEB DESIGN()で紹介されていました。クリック ...
知っていれば便利な「CSS18選」

普段あまり使わないCSSセレクタを使いたい時、どんな書式だったっけ?とその都度調べていませんか?また、CSSのチュートリアルなどを見ていて、この記号は何だろう・・・ということはありませ ...
【CSS】JS不要!SVGとCSSでアニメーションするクールなマウスオーバーエフェクト

マウスオーバーした時に、ボックスの周りをラインがキラッと走るエフェクトがcodropsで紹介されていました。これまでにはなかった新感覚の動きがとても ...
Webデザイナー人気の「無料写真素材サイト8選!」

国内外に数多く存在する写真素材サイト。無料でも、有料素材とひけを取らない優れた写真がたくさん公開されており、Webデザイナーにとっては強い味方です。今回はその中 ...