このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
いっつもソーシャル系の埋め込みタグの時に、明示的にURLを指定する方法を忘れちゃうので、一度備忘録替わりにまとめておきます。 基本的にはURLを指定する必要はなくて、どのソーシャルも自動的に今のページのURLを拾ってくれますが、アンカ付とかで遷移してきた場合に正しくカウントされないものをあるので、明示的に指定しておくと安全です。 公式でだいたいわかるけど、割とコードをコピーする派なので、自分のためにまとめておきます。 FaceBookのいいねボタン data-hrefで指定できます。 ボタン生成ページでけっこう細かく指定できますが。 <div class="fb-like" data-href="https://liginc.co.jp/" data-send="false" data-layout="button_count" data-width="450" data-show-fac
アイスは「爽」が好き。りくま（@Rikuma_）です。 上のようにブログのエントリー内で「＠（アットマーク）」の後にTwitterのアカウント名を付加すると、以前は自動でリンク化されてました。 これは「Anywhere」という機能を利用した自動リンク方法で、WordPressでは「Twitter Anywhere Plus」というプラグインを使うことにより、Twitterアカウントを自動的にリンク化してくれてました。 ※プラグイン名称「Anywhere」の前にはアットマークが付いてます。変換されると鬱陶しいのでアットマーク外してます。 しかし、以前にエントリーでも書いたのですが、Anywhere機能はサービス提供を終了してしまいました。これに伴いプラグインも意味を成さなくなっちゃった。 プラグイン削除以降、当ブログ内に書いてきた全ての方々のTwitterアカウントはリンクが外れ、ただの文字
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと
【ツイートした時にブログの概要などを表示させよう】自分のサイトをTwitterCards（ツイッターカード）に対応する方法 TwitterのTL（タイムライン）を眺めていると、たまに「文字＋画像」とか「文字＋動画」のツイートを見かけたことはありませんか。例えば、下のようなツイートです。 書きました〜。/ トップページはかっこつけたい！感覚的に色・テキスト・レイアウトなど操作できるWordPressテーマ「錦（Nishiki）」を作りました。公式配布やサポート体制も準備しています https://t.co/1pHfeQDIU8 — bouya Imamura (@s56bouya) August 16, 2017 このような文字だけでなく、リンク先のウェブサイトの画像・タイトル・抜粋文などが表示されているツイートは「Twitter Cards（ツイッターカード）」に対応しています。文字だけの
気になるあの人の投稿を見逃さないために！ 100SHIKIにTwitterの投稿情報をRSSフィードとしてまとめてくれるサービス「Twitter RSS」が取り上げられていた！使いようによってはかなり便利なサービスだと思うんので、紹介する！ キュレーターの投稿するリンクをチェックするのに便利！ 「Twitter RSS」は活用方法次第でかなり便利なツールとなり得る。既にRSSを配信しているブログやニュースサイトなどはあまり意味がないかもしれないが、キュレーターや面白いリンクをひたすらポストするアカウントの投稿を見落とさずにチェックするにはかなり役立つ。 使い方は2ステップ！気になる人のアカウントを入力し、出力されたRSSフィードのURLをRSSリーダーに登録するだけ！ Twitter RSS – Read twitter on RSS 僕は日々面白いニュースを投稿されている佐々木俊尚さん（
ClassySocial is a jQuery plugin written by Marius Stanciu - Sergiu, a plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram, Flickr, Blogger, GitHub, DeviantArt, Skype, Steam, Wordpress, Yahoo and e-mail. Allow your users to s
トレンディ且つナウい Web ページを構築するための CSS フレームワーク（※枠組み）です。フレームワークというとなんだか大袈裟な響きですが、実態は単なる CSS と JavaScript という２つのテキストファイルだけで特別な使い方等もありません。利用者はこれらを HTML ファイルに読み込ませたのち、Bootstrap 側で既に定義済みのクラスを各 HTML 要素に指定するだけで、自分は一行も CSS を書くことなく高品質な Web ページが作れてしまったりします。 Twitter Bootstrap うろ覚えですが、2011年の夏頃に最初のメジャーバージョンがリリースされました *1。当時 Twitter のエンジニアで現在は Github にお勤め中の Mark Otto 氏によって開発され、2013年4月時点ではバージョン2.3.1が最新版となっています。またバージョン3.0
Twitter Cardsとは Twitter Cardsとは、最近Twitterが始めた新しいツイート表示形式のことです。今まで、リンク付きのツイートの詳細は、以下のような感じで見えていたと思いますが、 これが以下のように、リンク先のタイトル、概要、アイキャッチ画像、書いた人のTwitterアカウントが表示させることができるようになりました。 Twitter Cradsに自分のブログなどのWEBサイトを対応させる方法 Twitter Cardsに自分のWEBサイトを対応させる方法は簡単です。HTMLのヘッダー情報に以下の例のようなHTMLが記述されていれば対応は完了です。facebookに概要を表示させるfacebook OGPタグの書き方と似ていますね。 [html]>meta name=”twitter:card” content=”summary”> meta name=”twit
先日InstagramがTwitter Cardsの利用を廃止し、Instagram経由で投稿された写真はすべてInstagram.comに遷移するように仕様変更が実施された。 個人的にはTweetbotやEchofonを使っているのでこの仕様変更に特別影響を受けていないのだが、ウェブで見ている人は毎回Instagram.comに遷移しないと写真が見れないことを嫌がっている人もいるはず。 そんな人のために今まで通りInstagramの写真を表示してくれるGoogle Chrome Extension「InstaTwit」を紹介する！！ InstaTwitをインストールして有効化するだけ！ 使い方は解説するまでもない。下記リンクからダウンロードし、有効化すればいいだけ。インストール後は一度Twitterを開いているタブを再読み込みするべし。 Chrome ウェブストア – InstaTwit
TwitterにInstagramの写真を投稿できるようにするIFTTTのレシピ 先日よりInstagramがTwitter上での画像プレビュー機能を無効にしたため、今後TwitterのTLでInstagram画像が見られなくなったという話題がニュースで大きく取り上げられている中、早速この問題の回避策となるツールが公開されています。 これはさまざまなWebサービスを組み合わせて自動化する人気サービスIFTTTのレシピ『bypass Instagram turning off Twitter cards』として公開されているものです。 IFTTTユーザーですでにTwitterやInstagramのアクティベートが済んでいれば『Use Recipe』をクリックするだけで設定は完了です。 （アクティベートがまだの場合は『Activate』をクリックしてTwitterやInstagramで使えるよ
Mobile device mockups are perfect for demoing new apps. These mockups let designers edit the device screen to add UIs that blend perfectly and fit naturally into the mockup photo. Tons of mobile app websites also use these device mockups to style the page header. It’s a growing design trend I’ve seen a lot recently, and in this post I’ll explore this trend, sharing examples and tips that any desig
自分の書いた記事に対する反応がいつも気になっている人、集まれ！ 書いた記事を各種ソーシャルネットワークに投稿するのは基本中の基本。ただ、各記事がどれぐらいの反応を得られているのかをまとめて見る方法はこれまで無かった。 本日、ブログの最新記事に対するソーシャルネットワークの反応をまとめて見ることができるアプリ「Feedback」がリリースされていたので、紹介する！これは僕のブログフォルダ入りが決定した！ Feedback – ブログの反響を可視化 1.0（￥85） カテゴリ: ソーシャルネットワーキング, 仕事効率化 販売元: Satoshi Asano – Satoshi Asano（サイズ: 3.9 MB） 自分のブログのURLを入力するだけ！ 「Feedback」の使い方はウルトラ簡単！ブログのURLを追加すれば後はアプリ側が勝手に各ソーシャルネットワークの反応を取得して表示してくれる
ブログをTwitterに最適化。 Twitter Cards 登録方法の説明です。 wordpressなら簡単に設定できるよ！ Twitter Cardsという機能をご存知だろうか？ ちゃんと設定するとこうなるよ。 サムネイルやディスクリプション。フォローまで表示されるよ！ 公式の説明。 Twitter Cards | Twitter Developers https://dev.twitter.com/docs/cards これをみれば出来ると思うけど、ちょっとめんどくさいよね！ wordpressなら簡単に出来るよ。 まずこのプラグインを入れる。 WordPress › Twitter Cards « WordPress Plugins http://wordpress.org/extend/plugins/twitter-cards/ ソースを確認したら、これが足りなかったので追加
WordPress 3.4からデフォルトで、TwitterのツイートをURLだけ貼り付けることで埋め込むことができるようになりました。 プラグインも必要ないので、たまにツイートを引用したい時など便利に使っています。しかし、ちょっと微妙だったのがそのスタイル。横幅550px固定になっていて、うちの記事の幅には足りず。ということで、その部分をどうにかしてみました。 [関連] Twitter ＠Anywhereが終了するというのでプラグインなしでアカウントを自動リンク化してみた [関連] WordPressで公開予定の記事を一覧にして表示する方法 [関連] 関連記事表示プラグイン「YARPP」を使って「LinkWithin」っぽくするカスタマイズ 横幅くらいCSSでどうにかできるんじゃないの? ってことで、HTMLを確認してみました。 <div id="twitter-widget-3" cla
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く