ランディングページをおざなりにしないために最低限実施しておきたいこと : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部のイシカワです。 今回は今までの色と変わって、ランディングページ (以下 LP) に関して書いてみたいと思います。 ランディングページとは？ インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告（又は検索結果）をクリックすると最初に表示されるページ。必ずしも自社サイトのトップページである必要はない。 (引用元: インターネット広告用語辞典) 新規ユーザーの獲得には LP が重要な要素になってきます。単に LP と言っても、何を詰め込んで良いか・どう見せれば良いか複雑に考えがちになってしまいます。しかし、ユーザーに対しては簡潔に伝えないと、複雑なものとして敬遠されてしまいます。LP 作成に当たり、最低限以下の要素を精査しておくと良いです。 LP に最低限必要な要素 LP を作成するにあたって大切な要素は沢山あり
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
2010年5月第3週号 1位は、2010年のWebデザインのトレンド、気になるネタは、Google TV 発表、秋にソニーとLogitechから発売 | gihyo.jp
週刊Webテク通信 2010年5月第3週号1位は、2010年のWebデザインのトレンド、気になるネタは、Google TV 発表、秋にソニーとLogitechから発売 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年5月17日～5月23日の間に見つけた記事のベスト5です。 1. Web Design Trends for 2010 | Webdesigner Depothttp://www.webdesignerdepot.com/2010/05/web-design-trends-for-2010/ いいデザインは流行に影響されないのはもちろんですが、Webデザインにおける流行は技術の進歩による影響を受けています。この記事では、これまでのWebデザインの限界を超えていく、進化へと
クロームからサファリまでブラウザ別のSEOツールを徹底解剖！ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ サーチエンジンランドから様々なブラウザベースのSEOツールを紹介する記事を。FireFoxはもちろん、グーグルクロームからサファリまでマイナー？なブラウザー用のSEOアドオンを紹介してくれるのはうれしいですね。 — SEO Japan ツールはみんなの人気者だ。あらゆるレベルの検索マーケッター（10ページで構成されるサイトを担当するマーケッターも、1000万ページで構成されているサイトを担当するマーッケターも）にとってツールは絶対に欠かすことのできない存在である。ツールは時間を節約し、問題の原因を突き止める上で役に立ち、競合者の活動を把握する機会を与えてくれるのだ。また、検索エンジンの仕組みにつ
Google アナリティクス オプトアウト アドオンのダウンロード ページ
Google アナリティクス オプトアウト アドオンは、Google アナリティクス JavaScript（analytics.js、gtag.js）によるデータの使用をウェブサイトのユーザーが無効にできるように開発された機能です。 この機能を利用するには、このアドオンをダウンロードして、ご利用のウェブブラウザにインストールしてください。Google アナリティクス オプトアウト アドオンは、Chrome、Safari、Firefox、Microsoft Edge でご利用いただけるように設計されています。このオプトアウト アドオンを適切に機能させるには、ブラウザに正しく読み込んで実行してください。このオプトアウト アドオンの詳細と、ブラウザに適切にインストールする方法については、こちらをご覧ください。 お使いのブラウザでは Google アナリティクス オプトアウト アドオンがサポートさ
Webデザイナーは人の流れをデザインすることも必要不可欠 - MdN Design Interactive
2010年5月24日 TEXT：石井研二 （株式会社HARMONY 取締役 兼 COO） 入口ページをしっかり管理しなければならない Webサイトは、集客と誘導で成果を出すもの。それがうまくいっているかを確認するために行うのがアクセス解析であり、うまくいっていない部分を見つけても、比較的容易に修正できるのがWebというメディアの良いところだ。 たとえばサイト全体の直帰率が60％あるとする。10万人訪れていたとしても、実質的に4万人しかWebサイトを見ていないのだから、これでは成果に結びつくことは少ないと考えなければならない。 集客をするのは、「入口ページ」だ。ほかのWebサイトからリンクされていたり、検索結果に表示されたり、お気に入り登録から再訪を受けるなど、さまざまな入り方がある。メールに記載されたURLをクリックして訪れる人も、無視できない数になるものだ。 入口ページとゴールをつなぐも
企業で使える無料Twitter情報収集ツールのまとめ ― 明日から無料でできるTwitter分析・効果測定メソッド（前編）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
MdN Design｜総合情報サイト
第9回「2010年上半期Webデザインのトレンドまとめ」 2010年05月25日 Webデザインは、驚くべき速度で進化してきた。特に最近はCSS3やHTML5、フォント埋め込み技術の台頭など久々の黄金期と言ってもよいだろう。このような中、私たちは多くの魅力的なWebサイトを見てきた。そこで2010年も半ばを迎えつつある現在、改めてWebデザインのトレンドを考えてみることにする。果たしてどのような新技術やコンセプト、アイデアが重視されているのだろうか？さらには数カ月後、数年後にWebデザインがどのように進化していくかも検討していきたい。また、Webデザイナーとして現在そして将来に向けて準備しておきたい事柄についても触れていく。 【注意】本記事はシリーズ記事の第1弾の内容となる。第2弾を見逃さないよう、RSSフィードの登録やTwitterフォローなどをするとよいだろう。 【MdN Design
オシャレなサイトに使えそうな画像ズームが行えるjQueryプラグイン「Cloud Zoom」:phpspot開発日誌
Professor Cloud オシャレなサイトに使えそうな画像ズームが行えるjQueryプラグイン「Cloud Zoom」。 写真にカーソルを合わせるだけで、次のようにカーソル部分がズームされ、こうしたUIが必要な場面において便利に使うことが出来そうです。 範囲外を反転させることも出来るみたい。 アパレルサイトとかで、細部を拡大してより商品をしってもらう、的なインタフェースが必要な際にサクッと実装出来てしまいますね。 関連エントリ GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 細部のズームアップ表現に使えるPhotoshopチュートリアル 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素をページのフッターに吸い付くように配置することが出来る便利なプラグインです。 ブラウザの高さを変更してもJavaScript側で調整してくれます。 通常の例。div#footerブロックは最初の要素の直下に来てます。 フッター設定した例。ブラウザの下部に常に配置されます。 色々方法はあると思いますが、実装が簡単なので便利かもしれませんね。 関連エントリ HTMLで雑誌のような美しい段組みレイアウト
Super Mario Crossover
Hey! To start this decade right, we believe Newgrounds should be ad-free for EVERYONE. For this to work, we need people who have the means to become paying supporters. For just $3 per month or $25 for the year, you can help this happen and get some nice perks! For the month of April we have disabled ads on all E-M content. We need 43 people to reach our goal of 3,000 active supporters. If we hit t
IE6を徹底的に知るためのIE6チートシート「Ultimate IE6 Cheatsheet」
WEBデザイナーなら一度は苦しめられたことがあるIE6。はやくIE6を考えなくて良い、開発環境にならないかと思っている方も多いと思いますが、まだ現状を見る限り、完全に考えなくて良いという日はもう少し時間がかかると思います。今日紹介するのはIE6について改めて知ることができるIE6の全てをまとめた「Ultimate IE6 Cheatsheet」を紹介したいと思います。 市場シェアが現状どうなっているのか？躓きがちなDOCTYPE宣言だったり、クロスブラウザで同一の表現を楽にしてくれるcssリセット、動作可能なjavascriptのフレームワークと様々な角度からIE6についてまとめてくれています。 詳しくは以下 シェアについては原文にも書かれていますが、18.1% とまだまだかなりの数字、シェアは確実に下がりつつあるもののまだ無視できる数字ではありませんね。 原文にはかなり細かな技術的なこと
テーブルやリストを使用した価格表のデザイン集
プロダクトやサービスを販売しているサイトにとって非常に重要な価格表のデザイン集を1st Web Designerから紹介します。 40 Fantastic Pricing Tables for Your Inspiration 価格表はその設計を決しておろそかにするものではなく、直観的で使いやすく、ユーザーに最も重要な情報を提供する非常に重要なコンテンツです。 上記サイトでは、シンプルなテーブルからフューチャーリストなど優れた手段で価格表を提供しているサイトが多数紹介されています。 その中から、下記にいくつかピックアップしました。 傾向としては、ページ幅いっぱいに配置し、お勧めを目立つようにしています。
ボックス内をスクロールすると自動でコンテンツをロードするjQuery - かちびと.net
IE6でも7でも動いてくれるのと なかなか使い勝手も良さそう なのでメモ。jQueryを使った コンテンツボックス内の自動 読み込みを実装します。 去年くらいの記事ですけど見逃してたのでメモ。 Facebookをやられてる方はピンと来るかも。下までスクロールすると自動で次のコンテンツが読み込まれますが、それをボックス内で実装したものです。基本的にどのブラウザでも動くみたいです。 Scrolling Dynamic Content box このボックス内でスクロールすると自動で次のコンテンツが読み込まれ、アイテムの数も表示されます。というか、見たほうが早いですね。 デモ コード コードです。 $('document').ready(function(){ updatestatus(); scrollalert(); }); function updatestatus(){ //ロードしたアイ
使いやすいアーカイブコンテンツの6つのポイント
アーカイブとは過去にリリースした記事のことで、それをより使いやすく機能的にする6つのポイントとその重要性をSmashing Magazineから紹介します。 Website Archives Design: Good Practices and Examples 下記は各ポイントを意訳したものです。 また、元記事ではアーカイブの多くのショーケースが紹介されていますが、それは省略しています。 はじめ 1.アーカイブのスペースは贅沢に 2. アーカイブは見つけやすく 3. アーカイブの境は明白に 4. アーカイブにカテゴリを使う 5. アーカイブでは全部を見せない 6. アーカイブの表示オプション 7. アーカイブを分ける アーカイブの重要性 はじめ アーカイブは注目を得ないウェブサイトのコンテンツとしてしばしば見落とされがちです。多くのウェブサイトで他のページと異なっていたり、まったく無視さ
透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい：DD_be
iPhoneサイトを無料作成！Dreamweaver拡張機能が登場
使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション（拡張機能）「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。 iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ
【レビュー】HTML5の最小構成サンプルとその説明 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにおいてA Minimal HTML Document (HTML5 Edition)のタイトルのもと、HTML5を使った場合の最小限のHTML記述の例とその意味を紹介している。同氏は以前、同じくSitePointにHTML 4.01およびXHTML 1.0の最小構成紹介を掲載しており、今回掲載された記事はその流れにつながるものとなる。掲載されているHTML5の最小構成例は次のとおり。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <link rel="stylesheet" href
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://japan.internet.com/busnews/20100525/8.html?rss
http://www.iogous.com/top.html
新着記事
新着記事
新着記事