You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HTML5 Experts.jpはなぜこんなにパフォーマンスが悪いのか…全てお見せします！ーWebパフォーマンス改善企画（改善編） 吉川 徹 Webパフォーマンス改善企画（改善編）は、実際の改善内容とその結果をお伝えします！パフォーマンス分析を行った解析編は、こちらからご覧ください。本記事はHTML5 Experts.jpがいかにして速くなったのかを包み隠さずお伝えします！ 今回の前提条件と改善ポイント 実際の改善を行う前にいくつか前提条件を説明しなければいけません。まず動作環境ですが、HTML5 Experts.jpは、WordPress上で動作しており、改善内容はプラグインの導入やPHPのコード修正が主になっています。ただ、そういったWordPressの泥臭いチューニングは本題ではないので、細かく解説するのではなく大まかな改善内容とその方針を説明したいと思います。また、改善内容に関して
WordPressで作られたブログなどでスクロールして記事を読み終えた時に、その記事をシェアするボタン、記事へのコメント入力フォーム、メールニュースなどの告知を配置したパネルを下からアニメーションで表示するjQueryのプラグイン、いやWordPressのプラグインと言った方がいいのか、を紹介します。 デモページ：記事を読み終えたとこ パネルには左から、コメント、ソーシャルメディア、メールニュースが配置されており、これはカスタマイズできます。 jQuery Engageの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※WordPressなのでjquery.jsは既に利用していると思いますが、無ければ追加してください。 <script src="js/dist/jquery.engage.min.js" type="text/javasc
Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。
こんにちは、@yoheiMuneです。 ブログですごくお世話になるTwitterなどのソーシャルボタン。読んで頂いた方が情報発信したいと思ったときの手助けになるので大変重宝しています。 しかし、そのまま利用するとページの初期化が遅くなり（体感では２〜３秒遅くなる）、せっかく来て頂いたのに待たせることとなってしまう。 今回は、ソーシャルボタンを設置すると表示が遅くなる原因と、その対策案（２つ）をブログに書きたいと思います。 ソーシャルボタンを設置するとページの初期表示が遅くなる原因 ソーシャルボタンは、TwitterやFacebookなどの各サイトでHTML/JSコードを入手することで、簡単に自身のサイトに導入することが可能です。 しかし入手したコードをそのままページに埋め込むと、初期表示が遅くなる。 遅くなる原因は、主に以下２つかと思います。 scriptタグの埋め込み HTML内にscr
【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（2/2） 自社サイトやブログに簡単にFacebook関連のボタンを配置できるFacebookソーシャルプラグイン機能。今回は導入の基本ステップと全11種類の詳細をまとめてご紹介します！ こんにちは、SMM Labの小川です。 自社サイトやブログに簡単にFacebookのいいね！ボタンやコメント欄を設置できる「Facebookソーシャルプラグイン」機能を徹底解説！前回に引き続き、全部で11種類あるソーシャルプラグインの後半をまとめて紹介します。 ぜひこれをきっかけに、自社で導入しているソーシャルプラグインを見直してみてください。 前回記事：【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（1/2） ソーシャルプラグイン全11種類
【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（1/2） 自社サイトやブログに簡単にFacebook関連のボタンを配置できるFacebookソーシャルプラグイン機能。今回は導入の基本ステップと全11種類の詳細をまとめてご紹介します！ こんにちは、SMM Labの小川です。 自社サイトやブログに簡単にFacebookのいいね！ボタンやコメント欄を設置できる「Facebookソーシャルプラグイン」機能。皆さんは活用していますか？ 「自社サイトやブログからの導線として」、「サイトに一度訪れてくれたユーザーとの関係性継続のため」、また「情報の拡散ツールとして」も大変便利に活用できるソーシャルプラグイン機能。意外と使いこなせていない方が多いのではないでしょうか？ そこで今回は「Facebookソーシャルプラグイン機能」を徹底解説！ソーシャル
みなさん、今年も残り40日くらいだそうですよ。 年末の大掃除が終わるか今から心配なhakoishiです。 さて、今回は前回に引き続き、ソーシャルボタン設置のソースサンプルをご紹介。 今回は、「google+」「mixiチェック」「mixiイイネ！」「evernote」の4つです。 ※前回のエントリーはこちらから。「はてなブックマーク」「twitter」「facebook」「addthis」を取り上げています。 ソーシャルボタン設置のソースコードサンプルあれこれ。 google+ <g:plusone href="http://c-brains.jp/blog/wsg/"></g:plusone> sizeでサイズ、countでカウンターの有無を指定します。特に指定しない場合はカウンター有り、サイズは標準になります。 以下、サンプル。（※識別キーがダミーだと表示されないので、ボタンは画像にし
下のボックスにあなたのTwitterアカウントIDを入力し、[Go]ボタンをクリックしてみてください。 あなた専用のTwitterボタンのコードが発行されます。そのコードをあなたのブログに貼るだけで、あなたのブログを見に来た人がすぐにあなたのTwitterアカウントを見つけられるようになります。 <a href="http://twitter.com/YourLink" target="_blank"><img src="http://twitbtn.com/images/buttons/button_new01a.gif" alt="Twitterボタン" border="0" /></a><br /><a href="http://twitbtn.com/" style="font-size: 8px;" target="_blank">Twitterボタン</a> <a href
ども…皆さんこんにちは。義経です。 FC2ブログに各ボタンを設置する解説を行っております。 Twitter：ツイートボタン →Twitterツイートボタン編 Google：Google+1ボタン →今回 mixi：イイネ！ボタン →mixi：イイネ！ボタン編 Facebook：いいね！ボタン →Facebook：いいね！ボタン編 はてなブックマーク：はてなブックマークボタン →はてなブックマークボタン編 さて今回はGoogle+1ボタンです。 このGoogle+1ボタンとはからなのですが、Google+というFacebookのぱくｒ…Google版の様な物があります。 そのGoogle+のいいねボタンと思っていただければ良いかと思います。 んで、このGoogle+1ボタンはちょっと特殊で、Googleの検索条件にこのGoogle+1ボタンが有効らしいと言う事です。 ちなみにGoogle+1
ども…皆さんこんにちは。義経です。 FC2ブログに各ボタンを設置する解説を行っております。 Twitter：ツイートボタン →Twitterツイートボタン編 Google：Google+1ボタン →Google+1ボタン編 mixi：イイネ！ボタン →mixi：イイネ！ボタン編 Facebook：いいね！ボタン →今回 はてなブックマーク：はてなブックマークボタン →はてなブックマークボタン編 さて、今回はFacebookのいいね！ボタンです。 これも基本的にはFC2のサービスで提供されていますが、FC2のサービスを使用しない場合に自分で作ります。 余談ですが、自分はFacebookは使っていません。 というか使おうと思ったんですが怖すぎで止めましたｗ 何が怖かったかというと…とりあえず興味本位でFacebookに登録してみました。（実名じゃ無いです。）しかし何もせずに放置。その後会社でF
ども…皆さんこんにちは。義経です。 FC2ブログに各ボタンを設置する解説を行っております。 Twitter：ツイートボタン →Twitterツイートボタン編 Google：Google+1ボタン →Google+1ボタン編 mixi：イイネ！ボタン →mixi：イイネ！ボタン編 Facebook：いいね！ボタン →Facebook：いいね！ボタン編 はてなブックマーク：はてなブックマークボタン →今回 さて、今回ははてなブックマークボタンの追加です。 はてなブックマークって昔っからあるイメージだが…何故か変わりが全く無いというｗ 今回ははてなブックマークボタン編です。基本的にFC2ブログ用に書いていきます。 はてなブックマークボタンの設置方法 はてなブックマークにブックマークを追加するためのボタンです。 はてなブックマークボタンの作成・設置についてこちらのページより、作成していきます。 ①
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） ソーシャルメディアの各サービスがこぞって「いいね！」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次（兼ショートカット） Twitter「Twitterボタン」 Facebook「Share」「Like（いいね！）」 mixi「mixiチェック」 GREE「Social Feedback（いいね！）」 Evernote「Site Memory（Clip）」 Google+「＋１」 Tumblr「Share on Tumblr」 Pinterest「
ども…皆さんこんにちは。義経です。 FC2には標準でTwitterのツイートボタン、Facebookのいいね！ボタンが設置出来るようなオプションがあります。 しかし、それ以外のボタンを設置したいときに並べて設置しようと思うとなかなか難しいのでもういっそのこと全て手動で設置してみてはどうか？という事でいろんなボタンをブログに追加してみました。 今回追加したボタンは左から Twitter：ツイートボタン →今回 Google：Google+1ボタン →Google+1ボタン編 mixi：イイネ！ボタン →mixi：イイネ！ボタン編 Facebook：いいね！ボタン →Facebook：いいね！ボタン編 はてなブックマーク：はてなブックマークボタン →はてなブックマークボタン編 以上の設置方法を書いていこうと思う。 まず、何故設置することになったのかのきっかけですが、どうやらGoogle先生がこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く