[CSS]「:target疑似クラス」をつかった実用的なスタイルシートのテクニック集
「:target疑似クラス」をつかって、タブコンテンツ、画像ギャラリー、画像拡大、アコーディオンなど実用的なコンテンツを実装するチュートリアルを紹介します。 キャプチャはW3Cの「The target pseudo-class :target」 [ad#ad-2] 「:target疑似クラス」はCSS3で、アンカーリンクがアクティブな状態にスタイルを適用するものです。 IE6～8では「:target疑似クラス」は動作しないため、代替を用意したり、スクリプト「Selectivizr」を利用するなどなんらかの対応が必要です。 「:target疑似クラス」をつかって、タブコンテンツを実装 「:target疑似クラス」をつかって、画像ギャラリーを実装 「:target疑似クラス」をつかって、画像の拡大表示を実装 「:target疑似クラス」をつかって、画像のズームイン・アウトを実装 「:targe
【第一回】 企業ツイッター，国内外の活用事例を総まとめ：In the looop：オルタナティブ・ブログ
企業におけるツイッター活用がいよいよ本格的になってきた。 フォーチュン100社中，65社がツイッター・アカウントの運用を開始したとの調査報告があったが，日本でもいよいよ先進企業による実験的アプローチが本格化してきた。当記事では，ここに来て急増している国内事例も含め，現時点でのツイッター事例総まとめを試みたい。 ■企業ツイッターの分類基準について 事例をまとめるにあたって，「ツイッター活用の目的」と「ツイッター活用ステップ」でマトリクス化してみた。まず簡単にその分類を説明したい。 ツイッター活用の目的は４パターンに分類した。 １．対話型エンゲージメント 主として広報部門が担当する。顧客との対話交流に主眼をおくブランディングツールとしての活用法だ。このタイプの主目的は，顧客とのエンゲージメントを深めることにある。 ２．販促プロモーション 主として営業，営業推進，マーケティング部門が担当する。顧
【第四回】 企業ツイッター，国内外の活用事例を総まとめ - 販促プロモーション後編 6事例：in the looop：ITmedia オルタナティブ・ブログ
「企業ツイッター総まとめ」の続き記事。今回は｢販促プロモーション系事例」の後編として6事例を紹介したい。 ■ 販促プロモーション - 統合型 来店，集客，商品サービス販売などを主目的とする「販促プロモーション」系のうち，TwitterAPIを利用する，BOTを活用するなど，独自のシステム開発を加えたのが統合型だ。国内，海外の順に事例を紹介していこう。 1．東急ハンズ korekamo 東急ハンズがはじめた商品検索サービス「コレカモネット」は，3月末までの経済産業省が主導する実証実験だ。（ただし実験終了後もサービスは継続中で，さらに機能拡張予定もある） 利用するには，該当サービスでユーザー登録をするか，ツイッターアカウントを持つ必要がある。ツイッターからは，@korekamoあてに欲しい商品の特徴などをツイートだけで，東急ハンズおよび無印良品の商品をデータベース（対象商品数は100万以上）か
【第三回】 企業ツイッター，国内外の活用事例を総まとめ - 販促プロモーション前編 11事例：In the looop：オルタナティブ・ブログ
「企業ツイッター総まとめ」の続き記事。今回は｢販促プロモーション系事例」だ。この分野は17事例あるので2回にわけて，対話・貢献（受動）型の8事例および探索・支援（能動）型の3事例を当記事で，統合型の6事例を次回記事で紹介したい。 ■ 販促プロモーション - 対話・貢献型 主として営業，営業推進，マーケティング部門が担当する。顧客に自社商品やイベントなどを案内し，セールス誘引ツールとして活用する方法だ。このタイプの主目的は，来店，集客，商品サービスの販売だ。ただし単純な告知ツールとしての活用は失敗に終わることが多い。では順に事例を紹介していこう。 1．無印良品 muji_net 最近の販促プロモーション活用事例として，まず無印良品の「フォロワー15000人記念セール」をあげたい。午前11時から15時までのわずか4時間で，600人が限定セール商品を購入し，フォロワーも1000人以上増加する大き
【最新スライド公開】ソーシャルコマース、徹底研究：In the looop：オルタナティブ・ブログ
ソーシャルコマースに関するスライド「ソーシャルコマース、徹底研究」を大幅にアップデイトし、最新版としてアップロードいたしました。ぜひご参照ください。 特に力を注いだのは、最新の事例を数多く採り入れ、そのエッセンスを集約した点です。本当はブログ記事にも書きたいのですが、まずはスライドにて公開させていただきます。 スライドは、SlideshareからPDFをダウンロードできます。社内外などで自由に活用いただいて結構です。 またご意見、ご感想、もっと良い事例などありましたら、遠慮なく、コメント、Twitter、Facebookまでいただければ幸いです。よろしくお願いします。 Tweet Check 記事裏話やイベント紹介、講演資料DLなど、In the looop ファンページ は こちら 【ソーシャルコマース関連】 ・ 「ソーシャルコマース」ってなんだろう？ (7/12) ・ Groupon隠
「ソーシャルコマース」ってなんだろう？ - その背景や類型化，機能，今後のトレンドについて総まとめ：In the looop：オルタナティブ・ブログ
先日は「ソーシャルグラフってなんだろう」という 記事 をアップして多くの反響をいただいたが，もうひとつ，今年になってブームとなりつつある言葉がある。それが「ソーシャルコマース」，別名「ソーシャルショッピング」だ。 しかしながらこの言葉には明確な定義がなく，最近注目されている「フラッシュマーケティング」ともあいまって，語る人によって内容の異なる，わかりにくいワードになっているようだ。そこで当記事では，この「ソーシャルコマース」について，背景や類型化，機能，今後のトレンドまでをまとめてみたい。 ■ ソーシャルコマースの本質的価値 ... ソーシャルテクノロジーによる「商いの原点回帰」 コマースにソーシャルの要素を加えたものが｢ソーシャルコマース」だが，まずマーケティングの変遷からその意義を理解しておきたい。まず，フィリップ・コトラーが最新著書「Marketing 3.0」で記したマーケティング
ソーシャルメディアマーケティング(SMM).jp
ソーシャルメディアマーケティング(SMM).jp ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 この記事に共感したので真似してみました。 ネットビジネスおたくになるための海外サイト10選 | Fringe81 blog この手のサイトを読むのが好きで毎日読んでいるのですが、上記の記事で紹介されていた中で知らないサイトがありました。専門サイトを運営している人同士がサイトを紹介しあうのは有意義かもと思ったので、同じように書いてみました。 Web Strategy by Jeremiah Owyang たまに新しいフレームワークを提唱しているブログです。思考を整理して計画を立てるときに役に立つ情報が多数掲載されています。 ときどき出しているレポートもデータが豊
【アンケート結果発表】Twitterの利用環境とクライアントシェア：In the looop：オルタナティブ・ブログ
さる10月19日，このブログにおいて皆様にアンケートをお願いいたしました。 ・ あなたはTwitterにどのようにアクセスしていますか？（リアルタイム集計あり） 以下に内容を報告させていただきます。 ■ アンケート調査概要 ・ アンケート方法： Webアンケート （複数選択肢から1つを回答） ・ 回答者： 当ブログにアクセスされた方 （1回答/IPアドレス） ・ 回答期間： 2009/10/19 - 2009/10/23 (5日間) ・ 利用サービス： twtpoll （Twitter系の無料アンケートツール） ・ 媒体バイアス： アイティメディア株式会社 媒体資料 ・ 機器バイアス： 携帯から当アンケートへのアクセスはPCより難易度が高い ■ アンケート調査結果 １．あなたがTwitterへアクセスする際に，一番良く利用するハードウェアは次のうちどれでしょうか？（回答数187
[JS]jQueryのプラグイン100選 -2010年総集編
2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連
[CSS]シンプルなHTMLに付箋紙のデザインを適用するスタイルシート
Sticky Notes with CSS3 デモ：左、デモ：右 [ad#ad-2] 付箋紙はどんな背景にも適用できます。 デモ 画像無しで付箋紙 Sticky Notes with CSS3 by accidental hacker 付箋紙の実装 上記の当サイトに設置したデモのコードを紹介します。 リスト要素で実装します。p要素は付箋紙には必要ありません。 <ul id="notes"> <li> <p>画像無しで付箋紙</p> </li> <li> <p>Sticky Notes with CSS3<br />by <a href="http://www.accidentalhacker.com/sticky-notes-with-css3/">accidental hacker</a></p> </li> </ul> [ad#ad-2] CSS3のグラデーション、ボックスシャドウ、回
「生命保険のカラクリ」を読んで「終身保険のカラクリ」が分かった - サクサク Money Note
2024.07 « 12345678910111213141516171819202122232425262728293031 » 2024.09 今日は、自分なりに「終身保険のカラクリ」を書いてみたいと思います。 まず、世間一般の生命保険に関するイメージは、こんな感じでしょうか・・・ ＜定期保険のイメージ＞ ・保険料は安いけど、”掛け捨て”って何だか損した気分 ・60歳とか過ぎたら、死亡保障がなくなるって不安 ＜終身保険のイメージ＞ ・払う保険料は高いが、払った額はほとんど戻ってくる ・死ぬまで一生涯の保障が続く やっぱり保険は、大手生保の終身にしておけば安心 私も去年までは、同じイメージを持っていましたし、 生命保険って興味がなかったので、よく分かっていませんでした。 ところが、「生命保険のカラクリ」や、投資＆保険セミナーで学んで、 ようやく「終身保険のカラクリ」が理解できました。 こ
「タイムセールなう」＝無印良品がTwitterで大成功 | TechWave（テックウェーブ）
【お詫びと訂正】 良品計画から「本文中のRT6431回というのは、クリック数でした」との連絡がありました。お詫びし訂正いたします。 無印良品ブランドの株式会社良品計画が、Twitterを使ったソーシャルメディアマーケティングで成果を上げ始めた。 良品計画web事業部の川名常海さんによると、無印良品がTwitterのアカウントを開設したのは昨年の10月２２日。「ほとんどコストもかからないので、何かやってみようという感じで、気軽に始めた」という。無印良品はもともとブランドロイヤリティーの高いファンが多いため、アカウント開設直後から一日130人から150人程度のペースで順調にフォロワー数が伸び続けた。ただ単に何でもいいからつぶやくということではなく、サイトへの来訪を促すような情報の流し方をしているのだという。 Twitterのフォロワー数が1万5000人に到達したのを契機に、Twitterフォロ
オーバーレイ表示を行う際の注意点 (ユーザビリティ実践メモ)
1ページでは載せきれない補足情報などを提示する際、元のページの上に重ねて表示する方法がしばしば用いられます（オーバーレイ表示と呼ばれています）。 今回は、オーバーレイ表示を行う際にどのような点に注意すべきかについてお伝えしたいと思います。 前提としてオーバーレイ表示には、下記のような利点があると考えられます。 ・ ページ遷移を挟まずに情報を提示できるため離脱されづらい ・ 情報に触れてもらえる確度が高い 一方で、この表示方法が抱えるリスクも存在します。 特にモーダルダイアログ（オーバーレイで表示されたダイアログを閉じるまで、他の部分が操作できないタイプのもの）を用いる場合にはかなり致命的なリスクが存在することが弊社のユーザ行動観察調査で発見されました。 実は調査の中で、オーバーレイで表示されたコンテンツ（下図B-2）を見終えたユーザが、ブラウザの「戻る」ボタンを押してしまうシーンが何度も見
ついに「窓の手 2010 Beta1 for Windows 7」公開開始、Windows7の各種カスタマイズが可能に
「本ソフトウェアはベータ版（開発途上版）です。正式配布版の直前段階の評価版として関係者の方々に配布し、性能や機能、使い勝手などを評価して頂く版という意味です。従って、正式版の機能を一通り備えた完成品に近い状態ではありますが、バグがあったりシステムに影響を与える場合があるため、万一そのような事態になってもシステムを復旧出来る方以外のご使用は控えて頂きますようお願いします」という注意書きと共に、ついにあのWindows関連の各種設定を簡単に変更できるフリーソフト「窓の手」のWindows7対応版、「窓の手 2010 Beta1 for Windows 7」が公開されました。 個人的には「不要ファイル掃除機」「キーボード掃除機」「マウス掃除機」といった各種ユーティリティもうれしい限りですが、「パフォーマンス」でWindows7を高速化できる設定が可能というのがかなりいい感じです。 ダウンロードと
ミクシィ、「チェック」「イイネ」「つぶやき」を商標出願 「独占利用が目的ではない」
ミクシィが、「チェック」「チェックイン」「イイネ」などを商標申請していることが分かった。ネットサービスで広く使われている言葉の商標申請を心配する声も挙がっているが、同社は「独占的な利用を目的としたものではない」と説明している。 特許庁の商標検索によると、ミクシィは「チェック」「チェックイン」「イイネ」の商標を今年8月に、「つぶやき」の商標を同7月に出願している。 チェックやチェックイン、イイネ、つぶやきといった文言を使うネットサービスはmixi以外にもあり、ネット上では、これらの文言をミクシィが独占的に利用するつもりではないか、と心配する声が挙がっている。 同社は、「当社で提供している、もしくは提供する可能性のあるサービス名について、商標出願を行っている。現状、当社のサービスにおいて利用したいと考えており、独占的な利用を目的としたものではない」と説明している。 同社は「ソーシャルアプリ」の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[徳力] UCCのTwitterマーケティング炎上事例に見る、マスマーケティングとソーシャルメディアマーケティングの境界線![[徳力] UCCのTwitterマーケティング炎上事例に見る、マスマーケティングとソーシャルメディアマーケティングの境界線](https://cdn-ak-scissors.b.st-hatena.com/image/square/fce58eaae20f5139f86296e5fcd2a0ebbb3e80cc/height=288;version=1;width=512/http%3A%2F%2Fblog.tokuriki.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F09%2Fdefault.png)
Guides Archive - CSS-Tricks
CSS-Tricks - A Website About Making Websites
Downloads | CSS-Tricks
[CSS]リンクの情報を補う、「content」プロパティのスタイリング集
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype