ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ
こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め
Isotope · Filter & sort magical layouts
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
[CSS]まるでFlashのように画像とキャプションをアニメーションで替えるテクニックいろいろ
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。 デモは10種類あり、CSSでここまでできるのか！って感じです。 Original Hover Effects with CSS3 [ad#ad-2] 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ 基本となるHTML HTMLは非常にシンプルです。 キャプションはタイトルとテキストをdiv要素で内包しclassに「mask」をつけ、そのキャプションと画像をdiv要素で内包します。 <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
position: fixed;でサイドに固定してjQueryでスライドして現れるメニュー
では、設置方法を説明してみます。 固定されたスライドメニューの作成 まず、head内でjQueryを読み込みます。もちろんjQueryは自分のサーバーにアップしてもかまいません。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> メニュー自体は簡単なリストメニューで構成されています。#のところはそれぞれリンク先のアドレスに変更してください。 <ul id="navi"> <li class="home"><a href="#"></a></li> <li class="rss"><a href="#"></a></li> <li class="facebook"><a href="#"></a></li> <li cla
楽天グループ サービス一覧
お買い物 楽天市場 日本最大級の総合インターネットショッピングモール／ショッピングコミュニティ 楽天ブックス 本、書籍、DVD、Blu-ray、CD、ゲーム、ソフトウェア、雑誌、洋書の通販／ネット書店 楽天Kobo電子書籍ストア コミック・小説・ビジネス書、約400万冊取扱の電子書籍ストア。セールやクーポンでいつでもお得！ Rakuten Fashion 人気セレクトショップをはじめ、1100以上のブランドを公式に取扱うファッション通販サイト 楽天ビック ビックカメラと楽天が運営する家電の総合ショップ 楽天24 24時間いつでもどこでも、楽々お買い物。毎日をもっと楽ちんに。お水、トイレットペーパーなど日用品を販売 楽天RaCoupon（ラ・クーポン） 楽天グループ各種サービスで利用できるオンライン割引クーポン ラクマ 販売手数料が安い/簡単に出品・購入ができる楽天のフリマ 楽天マート 生鮮
60 High Quality Free WordPress Themes Of Year 2011 (So Far) | Design World Vision
Over the years, WordPress has gained immense importance for the fact that it helped bloggers start with their new venture without having to bother about hiring a designer and getting the website designed. At the initial stages of the introduction of the WordPress as the platform to begin the blog/website with, there were limited options available. With the ever mounting popularity, designers all o
スマートフォンの人気記事 5882件 - はてなブックマーク
2000年、バブルがはじけ切って就職氷河期が始まった頃。 ぼくは大学生をやっていた。 就職協定というものがあって、学生は就職活動するのは4年生、関西では4回生と呼んだけど、になってからね、と言われていたのが突然、ぼくが3回生になった途端、はい今から就職活動です！と叫ばれて、何かその真似ごとみたいなのはしたけれど、そもそも求人は少ないし、その少ない求人の中でたいしてやる気のない学生を採用するような会社はもちろんないし、結果ぼくはスムーズにニートになることに。 しかし、大学卒業直後のニートとは大学時代のゴロゴロした生活から大学を抜いたものでしかなくて、ぼくの大学生活とは本と漫画と麻雀とバンドとバイトと単位でできていたから、バンドもバイトも辞めたぼくは、仕事もないんだからバイトは続けろよとはすごく思うのだけれど上手いことできているのかどうか卒業を控えて家族経営だったバイト先が家族ごと夜逃げして潰
ウェブページに固定表示させるエレメントの効果的な使い方
「positon: fixed;」などで配置した、スクロールしても固定位置に表示されるエレメントの効果的な使い方を紹介します。 Fixed position web elements [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブページで固定表示されたエレメントは、最近多く見かけるようになりました。これはページで表示されていない箇所へスクロールした時に、特定のエレメントのみ表示を残すものです。最もよく見かけるのは、ナビゲーションを含めたヘッダでしょう。 エレメントを固定表示することで最も大切なことは、それがユーザーにとって重要なものである、ということです。エレメントの重要性は変化することもありますが、基本的なゴールはページのいずれかの部分を永久にビューポートに表示することです。 もし、このテクニックを使うときは、慎重に検討することを勧めます。このエレメントは自動
複雑なお問い合わせフォームを作成するプラグイン cforms II | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
cforms II » delicious:days お問い合わせフォームを作成するプラグインとして以前、お問い合わせフォームを簡単に作成するプラグイン Contact Form 7を紹介したが、Contact Form 7は簡単にお問い合わせフォームを作成できるが、checkboxやradioボタンが使えない等の制約（最新バージョンでは使用できる）があり、複雑な質問事項を含むようなお問い合わせフォームを作成することができない。そこで、より詳細なお問い合わせフォームの作成を可能にするプラグインが、cforms IIである。 このcforms IIは現在、バージョン6.0まで更新されており、積極的に機能拡張が進められている。Formタグを使った設定はほとんどできるのではないだろうか。しかしながら、日本語の翻訳ファイルはまだないので英語で使うしかない。日本語翻訳ファイルを作成したので、cfor
Iframeで『いいね！』を押した人限定で見れるコンテンツを作る覚書-ファンゲート- Eitoku's Blog
『Fan-Gate(ファンゲート)』をご存知でしょうか？ Facebookページでいいね！ボタンを押さないとページやコンテンツが見れないようにする事です。いろいろブログを見たりしたましたが、ちんぷんかんぷん、四苦八苦しましたが、iframeで使えるように作れました。↓ いいね！を押していない方にはコンテンツは見えません。いいね！を押してもらうように促す文が表示されます。 いいね！を押してくれた方にはコンテンツが見られるようになります。 実際に見てみたい方は、土屋英徳(Tsuchiya Hidenori) | Facebookへ。 海外のFacebookページでは、結構見受けられます。特徴としては、Facebookページ全体を見せないようにする設定とは異なり、あるコンテンツだけを見せないようにできるので、ウォールなどはいいねを押されない方でも見れる事です。 これがいい、悪いは別として、ユーザ
WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α - かちびと.net
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上） DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス（接頭語）を変更する（wp_→foodblog_） FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める（adminは避ける） 作成したユーザー名でログイン
WordPressのマルチサイト機能で複数のブログを管理する
ちょんまげ英語塾 > WEB制作TIPS > WordPressのマルチサイト機能で複数のブログを管理する WordPress(ワードプレス)のマルチサイト機能とは ※WordPress の解説及びインストール方法については、WordPressをxreaにインストールするで解説していますので、まずはこちらをお読みください。 WordPress 3.0 から、いままで WordPress MU でのみ提供されていた一つの WordPress で複数のブログを管理する機能(マルチサイト機能)が統合されました。このページではデジロック社が運営している xrea や coreserver といったレンタルサーバにインストールされた WordPress でマルチサイト機能を使って複数のブログを管理・運営する方法を解説します。※他社のサーバを使ってる方へ 一言でマルチサイト機能と言ってもブログの公開U
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
HugeDomains.com
Captcha security check monodez.com is for sale Please prove you're not a robot View Price Processing
ユーザビリティの原則と現場で使えるユーザビリティテストの方法
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「いいね！」するとコンテンツを見る事が出来るファンゲート対応のFacebookページをWordPressで作る手順 - かちびと.net
IDEA * IDEA
ガントチャート,プロジェクト管理,スケジュール表がサクサク作れる。チャート作成がカンタンに共有！しかもフリー タスク管理にも - Brabio!