これが欲しかった！記事上でリンクテキストをブログカードのように美しく見せることができるツール「embed.ly」｜広報・マーケティング向けブログ｜ネットPR.JP
これが欲しかった！記事上でリンクテキストをブログカードのように美しく見せることができるツール「embed.ly」 ブログなどの記事投稿上で、テキストリンクを作ることは簡単なのですが、やや味気なく感じることはありませんか？だからといって、リンクテキストや画像をきれいに並べて記事上に配置するのも手間がかかります。 ブログ記事上で簡単にリンクを「はてなブログ」のブログカードのように見せてくれるツールはないかと探していたろころ、社内スタッフから「embed.ly」というサービスを教えてもらいました。これがとても簡単に、テキストリンクを見栄えの良いリンクに変えることができるツールだったのでご紹介します。 リンクURLを入れると自動的に画像、タイトル、本文冒頭をブログカードみたいに見せてくれて記事内に挿入できる「embed.ly」 下記のリンクは、実際に「embed.ly」を使って表示しているリンクで
「Embedly」他社サービスを紹介する際のレスポンシブ対応ブログカード作成サービス
本サイト内のコンテンツはNORILOGが独自に制作しています。メーカー等から商品提供を受けることもありますが、その場合は記事内に明記しております。コンテンツの内容や評価に関するランキングの決定には一切関与していません。メーカー等の指示による表示部分にはPRを表記します。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。詳しくはサイト運営ポリシーをご覧ください。 最近ブログを書いている上でクールで便利な外部リンク作成ツールだと思ったものを紹介。 それが無料で使える「Embedly」（エンベッドリー）。 はてなのブログカードに近い感覚で記事を貼り付けられる上に、レスポンシブ対応ときたら・・・これはもう使わないという理由が見つかりません。しかし世界中には面白いWEBサービスがいろいろありますね！
新時代のブログカード「Embedly」がアツい！今までとはここが違う！！ | KOTOBAKO - コトバコ
ブロガーの皆さんも多く使ってるブログカード。もともとはてなブログカードが正しいんですかね。これねこれ。 僕のテーマでは相性が合わずプラグインが使えなかったのですが、先日お友達のシゲ（@piece_hairworks）さんにブックマークレットを教わってようやく使える様になったのです。 そんなようやく使えるようになったブログカードな訳ですが、いつのまにかブログカードに変わる新しいリンクが話題になってますね。こちらもブックマークレットでの作成ができます。 「Embedly」がアツい！！ ブロガー界隈で話題になってる新時代のブログカード「Embedly」。色々なブログで取り上げられていますが、僕の敬愛して止まないOZPA(@OZPA)さんも紹介しておりました。 上の記事で紹介されている通り、ブックマークレットページの赤枠で囲ったボタンがブックマークレットのURL。好きな方法でブックマークに設定しち
【CTA】大公開！ユーザーを惹きつけるメリット18のアイデアと60の代表フレーズ | UI改善ブログ by f-tra
CTAでユーザーに行動を喚起するときには、そのアクションを取ることでユーザー自身にどういったメリットがあるかどうかを提示する必要があります。 本日は、具体的にどのようにメリットをアピールすればよいか、その方向性やフレーズをご紹介したいと思います。 ご紹介するのは、以下18パターンのメリットの提示方法です。これらは大きく5つのタイプに分けることができます。 ユーザーに提示するメリットのパターン一覧 お得さをアピール 無料 トライアル、お試し 割引 送料無料 緊急性を提示する 数量限定 タイムリミット 商品のよさをアピール 心地よさ・便利さ クオリティ 作り手、熟練 オンリーワン ソーシャルプルーフを提示する 人気・話題性 利用状況 満足度 その他定量的メリット 付加サービスをアピール サポート スピーディ プレゼントを提示する プレゼント 抽選 以下、順番に説明していきます。またそれぞれ具体
背景写真に「ぼかし効果」を巧く使ったWebデザイン事例（簡単なチュートリアル付き）｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 先月7月29日付のエントリーで、美しくて・フルスクリーンな写真イメージをWebサイトの背景に使用する手法が2013年のトレンドになっている ということで、いくつかの事例をまとめました。 →思わず魅入ってしまう、美しく大きい写真素材を巧みに使ったフルスクリーンデザインのWebサイト・23選（2013/7/29） 背景に写真イメージを活用したデザイン手法として、フルスクリーンデザイン以外にも、「ぼかし効果（ブラーエフェクト）」を取り入れているWebサイト、最近では特に「元の素材が何なのかがわからないくらい強くぼかした写真イメージ」を取り入れているWebサイトのデザインが海外サイトを中心に増えている気がします。 これは、写真そのものの美しさ というよりも、 ぼかすことで新たな美しさを表現したり 奥行き感を表現したり そこに乗っかってい
ホバー時に様々な効果を付けるjQueryプラグイン「Hoverizr」 | Blog
ダウンロード こちらからプラグイン「jquery.hoverizr.js」をダウンロードします。 設置方法 <head>内でjQuery本体とダウンロードした「jquery.hoverizr.js」を読み込みます。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script src="js/jquery.hoverizr.js"></script> 続けて以下のように記述すると、ホバー時にグレースケールから元画像に変わるという効果が付きます。 <script type="text/javascript"> $(window).load(function() { $('画像のclass名かid名').hoverizr(); }); </script> オプショ
[CSS]コピペでOK！画像のホバー時用のかっこいい新しいエフェクトのまとめ
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://socialmedia-rex.com/?p=516