jQuery POP'n SocialButtonはカスタマイズされたFacebook、Twitter、はてなブックマークの共有アイコンを表示します。 WebサイトにTwitterやFacebook、そして日本であればはてなブックマークのソーシャル用アイコンが設置されているのは当たり前になってきました。しかし単に設置するだけではもはや目立ちません。今回はその一歩先をいくjQuery POP'n SocialButtonを紹介します。 各ボタンの右下に共有数が表示されます。 吹き出し風に数値を出すこともできます。 jQuery POP'n SocialButtonはマウスオーバーでアイコンがちょっとだけ上に持ち上がったり、アイコンをクリックするとシェアするためのウィンドウ、数値をクリックするとコメント一覧ページに遷移するようになっています（Facebookはどちらも数値クリックはありません）
nodejs_blogはnode.js/Express/MongoDBを組み合わせたブログシステムです。 node.jsはまだまだ際物だと思っていませんか。既に実用的なシステムも多数出てきています。今回はnode.jsを使ったブログシステムnodejs_blogを紹介します。 ユーザ向けの画面です。 管理画面。ポスト一覧です。 新しい投稿の追加。Markdownで記述します。 メッセージ一覧。コメントです。 nodejs_blogはフレームワークにExpressを使い、データベースにMongoDBを用いています。管理画面も用意されており、検索や認証もあるなど必要充分な機能は揃っていると言えます。Herokuでの利用も想定されていますので、無料で独自のブログシステムを開始するなんてことも可能です。 nodejs_blogはnode.js/JavaScript製のソフトウェア（ソースコードは公
スクロールしたときにサイドバーのパーツを止める方法についてご質問を頂きましたの、で本エントリーで紹介します。 似たような記事を、以前「jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン」で紹介しましたが、サイドバーのパーツを止める場合の説明が不足していたので、改めて本エントリーで解説します。 １．サンプル 追記：サンプル復旧しました。 下にサンプルを用意しました。 サンプル このサンプルは、スクロールしたときに、ページ右下にある「MT5」というMovable Typeのクレジットバナーを止めるようにしています。 動作はFirefoxとGoogle Chromeで確認しています。 ２．設定方法 １項のサンプルを用いて解説します。 まず、本ブログで配布しているjQueryプラグイン「PersistentHeaders」のv0.0.2をダウンロード
Facebookへの投稿をブログ形式で保存してくれる「FBログ」が登場した。5月2日の公開から4日間でユーザーは4000人を突破したという。 Facebookで過去の投稿をさかのぼったり検索することが難しい点を解消するサービス。Facebookアカウントでログインして登録すると、自分の投稿が日ごとのブログ形式で保存されるようになる。Twitter投稿をブログとして保存する「Twilog」と同様のサービスだ。 「全体に公開」の投稿はFBログ上では誰でも閲覧できるようになるが、「友達限定／プライベート」の投稿はユーザー自身のみが閲覧できるようになっている。 いいね！したURLを一覧形式で表示でき、オンラインブックマークとして使うことも可能だ。投稿をEvernoteに保存する機能（1日1回同期）や、自分にいね！やコメントしてくれた人をランキング形式で表示する機能も備えている。 現役大学生のクリエ
Googleアナリティクスを使って、ウェブページがどのくらいスクロールされているか解析するjQueryのプラグインを紹介します。 下記のキャプチャはスクロールの量（パーセント）ですが、特定のエレメント（フッタや記事など）までスクロールされたかもできます。 Tracking Scroll Depth with jQuery and Google Analytics jQuery Scroll Depth -GitHub [ad#ad-2] Scroll Depthの使い方 Scroll Depthの対応ブラウザ Scroll Depthの使い方 Scroll Depthの設置は簡単です。 Gooleアナリティクス まず、Googleアナリティクスのトラッキングコードを設定します。 トラッキング コードの追加 -Googleアナリティクス ヘルプ スクリプト 「jQuery 1.7+」と当スク
すでにご存知の方も多いと思いますが、Twitter公式サイトの機能を利用して、ブログやウェブサイトにTwitterのツイートを埋め込む方法を紹介します。 １．サンプル こんな感じで表示されます（スクリーンショットではありません）。返信・リツイート・お気に入り登録なども行えるので便利です。 「8.8.8.8,8.8.4.4」より速い「129.250.35.250」 (bit.ly/pbVRGH)— Yujiro Arakiさん (@yujiro) 9月 16, 2011 上記のコードは次のようになっています（便宜上改行しています）。 <blockquote class="twitter-tweet" lang="ja"> <p>「8.8.8.8,8.8.4.4」より速い「129.250.35.250」 (<a href="http://t.co/sTR0sMaq" title="http:/
よく、ブログのフッターやサイドバーに Flickrに投稿した写真が表示されていた りしますが、これをTumblrでやりたい、 っていう場合の方法。jQueryとTumblrの APIで表示します。Tumblrユーザーさんの 方が自分の周りで最近目立つ気がするの で書いてみます。 FlickrよりTumblrに投稿した写真をブログに載せたい、みたいな方向け。テキストや動画の投稿は省いて、画像だけ取り出してリンクも付けます。 ゴール ブログに、とか書きましたけど、最大50個表示出来るので50個表示しました。数は指定できます。 APIはv1とv2があって、新しい方のv2を使わないとアレなんですが、APIキーの取得が面倒だったのでv1を使用しています。なのであんま参考にならんかもですね。 参考にさせて頂いたのは以下のAPI和訳ページです。 チラシの裏 — Tumblr APIの使い方を勝手に和訳し
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度
何回目だろ。 とりあえず私が勝手に決めた11月と言えば自分の好きなブログを告白する月シリーズがやってまいりました。 2007年と2008年、2009年にやった記憶がなく・・・。気を取り直して。あと去年・・・か一昨年に紹介したブログは省略の方向で。 Web屋向けのブログ デザインどや！？ Webデザイナー・デザイナー向けブログ。 来年度あたりから鉄板になるかも？な勢いのブログ。デザイナーなら見ておいて損はないかと。 記事のテイストが妙にバラバラで落ち着かないのはなんでなのか。ちょっと違和感があるかなぁと。 どや！？WordPressで企業サイトを作成するときに便利なプラグイン（設定方法解説） バニデザノート Webデザイナー、デザイナー向けのブログ。 なんか急にきたなーっていう印象。なんでこんな急に来たのかを検証したいほど興味深いブログ。あいや、記事の内容はつぶぞろいなので文句なしです。あと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://fridaymixtape.com/wp-content/uploads/2012/01/steve.jpg
hipsterrunoff.com
http://animalnewyork.com/wp-content/uploads/2009/05/eminem_vibe_top50_hiphop.jpg
