「 オウンドメディア構築・運用で使える基礎知識 」 一覧

画像のマウスオーバー時にキャプションを表示

画像のマウスオーバー時にキャプションをオシャレに表示(CSSのみ)

画像のマウスオーバー時にエフェクト付きでテキストを表示する「ホバーエフェクト」の ...

Google URL Shortener

Google短縮URLサービスで、リンクのクリック数を手軽に計測

Googleの短縮URLサービス「Google URL Shortener」ht ...

ドメイン

ドメイン取得時に、健全なドメインか確認する方法

お名前.comなどで、ドメインを取得する場合候補を複数だすと思います。 「xxx ...

オウンドメディアのメルマガ開封率をあげる

誰にでもできる、オウンドメディアのメルマガ開封率をあげる方法

オウンドメディアのメルマガ開封率をあげるための改善は、他の施策と比べて意外ととっ ...

no image

メタキーワードタグ自体もGoogleにサポートされていない

メタキーワード(meta keywords)は、Official Google ...

no image

サイトへの流入が増えた原因は、リファラースパム?

Google Analyticsのリファラースパムについてメモ ボットのフィルタ ...

写真補正を手軽におこうための無料オンラインツール

写真補正や加工が、簡単に楽しめるオンラインツール4選

写真をミニチュアライズするなら「TiltShift maker」 TiltShi ...

フリー(無料)写真素材

多くの人がお世話になっているフリー(無料)写真素材サイト一覧

仕事で、フリー写真を使いたいときに、使わせていただいているフリー写真素材サイト一 ...

ターゲット層の世代区分

「M1層,M2層,M3層,F1層,F2層,F3層,C層」ターゲット層の世代区分に用いる用語

M1層やF1層、M2層などの用語ってよく耳にすると思います。 みなさんは、会話に ...

アクセス解析イメージ

入力フォームの離脱を計測するイベントトラッキング

Google Analyticsのリンクなどのクリックを計測する、イベントトラッ ...

「301」「404」「503」

301,404,503など知ってて得するHTTPステータスコード

200(OK)・・・WEBサイトがきちんと表示される状態 301(恒久的な移動) ...

ストラクチャ構造

URL作成で使用するならアンダースコアではなくハイフンがベスト!

サイト制作時にURLを決めるとき、区切り記号のアンダースコア(_)とハイフン(- ...

色

Webアクセシビリティ、まずは色から改善しませんか!

色のコントラスト比と色覚の違いを無料で公開してくれているツールカラー・コントラス ...

Übersuggestとgoodkeyword

Google/Yahooなどのサジェストキーワードを一覧で表示できる2つのツール

GoogleやYahooなどの検索エンジンには、入力ボックスにキーワードを入力す ...

no image

同一サイトで、PCとスマートフォンが異なるURLの場合に、設定するrel属性

同一サイトだけど、レスポンシブデザインではなく、PC(パソコン)とSP(スマート ...

Screaming Frog SEO Spider Toolロゴ

サイトのtitle,meta descriptionタグを一括で取得できるツール

最近まで、Webサイトのtitleタグやmetaタグ(keywords,desc ...

no image

ページネーション(ページ送り)各ページの存在をGoogleに伝える方法

ページネーションしているページをGoogleにインデックスさせるための施策 ペー ...

icon

クオリティの高いフラットアイコンを無料でダウンロードできるサイト

Flaticon: Free vectors icons for downloa ...

no image

秋と言えば!ハロウィン(Halloween)のphotoshopブラシ

秋と言えばハロウィン!キャンペーンのバナー作成などに、以外とハロウィン(Hall ...

no image

夏の風物詩!花火(fireworks)のphotoshopブラシ

夏の風物詩と言えば、花火大会! Webサイトの夏のキャンペーンなどで、デザインに ...

no image

[書評]レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック

先日、アスキー・メディアワークス様より(2013/7/30)発売の書籍「レスポン ...

コンテンツ制作に役立つ無料のキーワードツール8選

無料のWeb制作や物書きに役立つキーワードツールを紹介します。(※一部有料じゃな ...

no image

パワーポイントでワイヤーフレームを作成するなら「PowerMockup」

ワイーヤーフレーム作成ツールはオンライン、オフラインでいくつかある。そんな中でも ...

都道府県と県庁所在地の英語表記

都道府県と県庁所在地の英語表記と英語直訳バージョン

都道府県の英語表記で以外と間違えて書いているのをよく見かけます。某ポータルサイト ...

金魚(Goldfish)のphotoshopブラシ

夏といえば、お祭り!夏祭りといえば金魚すくい。夏をイメージしたデザインに迷ったら ...

雨のphotoshopブラシ

梅雨時期におすすめな雨のphotoshopブラシ

梅雨時期に特に使える、雨のphotoshopブラシを集めてみました。 雨の日キャ ...

jpegmini

画像を軽量化させるオンラインツール「JPEGmini」と「TinyPNG」

JPEGmini - Your photos on a diet! JPEGmi ...

metallicratio

Webデザインにも黄金比や白銀比を活用!

出典:METALLIC RATIO / 貴金属比 [黄金比・白銀比などを計算]よ ...

no image

忘れそうなので、Dwのテンプレートメモ

最近は、上流の仕事ばっかりでDreamweaverのテンプレートさわっていない。 ...

色の勉強をこれからする方や配色に困ったら

下記は、色の勉強に役立つ情報をわかりやすくまとめてくれているサイトの一覧です。い ...

Kern Type, the kerning game

文字詰め(カーニング)のゲーム『Kern Type, the kerning game』

文字詰め(カーニング)をゲームをしながら、練習することができるサイトを見つけまし ...

雪の結晶などクリスマスはもちろん冬に使えるphotoshopブラシ

Snowflakes Brushesこの雪の結晶のphotoshopブラシを使わ ...

フォルダ単位でも一括置換できるかなり便利なツール『TExchange』

仕事で半角カナ→全角カナに、フォルダ単位で変換できるツールを探していました。Dr ...

table

htmlのtable⇔Excelに変換方法

htmlのtableをExcelに変換 htmlファイルの拡張子htmlをxls ...

no image

今さらだけど、IE6対策中心のCSSメモ

もう古いけど、前は役になったのでメモとして残しておきます。 IEでよくおこるCS ...