「Pinterestに投稿する」ボタンをWordPressに設置するコード - かちびと.net
Pinterestが流行ってますね。こうした ソーシャルサイトには必ずある投稿ボタン ですが、勿論、Pinterestにもあります。 その「Pinterestに投稿する」ボタンを WordPressに設置するコードをご紹介 致します。 僕はGimme barが便利で性に合ってるのでPinterestは特に必要ないんですが、人気みたいなのでブログに貼る「投稿するボタン」をご紹介してみます。 Pin Itボタンはココで作成します。以下はこのコードをWordPress用にしたものです。 footer.phpに以下のスクリプトを貼ります。 <script type="text/javascript"> (function() { window.PinIt = window.PinIt || { loaded:false }; if (window.PinIt.loaded) return; win
テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード - かちびと.net
パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボックスはクリックで緑に変わりますが、IE7以下ではz-indexのバグがあるためクリックできません。 スピードや動く範囲だけなら以下のあたりを変えればいいです。 distance = 70;//マウスに対して要素が動く距離 sensitivity = 7;//感度。というか動くスピード var distHalf = distance / 2; //親要素を指定したセレクタ var parW = $
米Google画像検索が進化したらしいので、改めて機能をまとめてみた - かちびと.net
先日、米Googleの画像検索に新たに 機能が追加されました。今回もソート 機能なんですが、被写体別でソート 出来るようになったとの事。どんどん 便利になりますね・・せっかくなので 機能を改めてまとめてみることにしました。 先日、ブログで発表がありましたように、米Google先行で被写体別でソート出来る機能が追加されました。今までの機能も含めて何が出来るかチェックしてみたのでメモとして残します。 とっても便利なGoogle画像検索もだんだんと機能がパワーアップしてきました。ほんと便利ですね・・ サイズでソート サイズでソート出来ます。大中小だけでなく、アイコン（上記キャプチャ）や超高解像度（9600×7200pxとか）まで選択可能、直接サイズを指定する事も可能。また、利用中のモニターのサイズに合わせることも出来ます。「画像の詳細の調べ方」が話題に、という記事でもこのサイズソートが用いられま
Yahoo!Japanが12月でIE6のサポートを中止するっぽい警告出してる - かちびと.net
Twitterで知りましたけど、Yahoo! がIE6のサポートを中止する的な 警告を出してるみたいです。 IE6でYahoo!にアクセスすると警告 が出るようになっていますよ。今年の 12月中旬までのサポートっぽいです。 日本のトップクラスのユーザー数を誇るYahoo!Japanがこの動きをしてくれるのはWeb制作者にとって大きな動きになるかもしれません。 Yahoo!にIE6でアクセスすると IETesterのキャプチャです。上記のように お客様のブラウザはInternet Explorer6です。12月中旬より、Yahoo! JAPANトップページが正しく動作しなくなる場合がございますので、最新ブラウザのダウンロードをおすすめします。 という警告文を出しています。完全に中止ではないけど正常動作は保証しない、みたいな感じでしょうかね？というわけで、タイトルはちょっと釣りです。 リンク先
あのサイトを作りたい！オープンソースのクローンCMSまとめ
「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ
偶然映ってしまったアザラシの憎めない写真 - かちびと.net
休日なのでネタ。偶然 出てきたアザラシが全てを 持って行ってしまった1枚の 写真です。かわいい顔が 何とも憎めません。 以下がその写真です。 Crasher Seal Photobombs Group Of Penguins かわええ。 本当はペンギンの集合写真を撮る予定だったそうですが、偶然にも穴から出てきたアザラシがフォーカスを奪ってしまいました。これはどう見ても「ペンギンの集合写真」では無くて「イタズラ好きなアザラシ」の写真にしか見えませんよね。。この表情がなんともたまらない。 以前、リスが同じような事をしていましたが、偶然とは怖いものです。 Crasher Seal Photobombs Group Of Penguins (PHOTO)
Twitterに投稿したつぶやきで起こったあれこれ - かちびと.net
今までいろいろなTwitter関連の 事件やニュースがありました。 つぶやいたらこうなった、その つぶやきは不謹慎では、Twitter のつぶやきがニュースより早かった などなど色々な「～なう」を個人的な 視点で収集、整理します。 順不同です。 ドロリッチなう→グリコから感謝メール Twitterを使っていればどこかで見かける「ドロリッチなう」のPost。Twitterでbotやイラストなどが投稿されていますが、ドロリッチのメーカーであるグリコがbot製作者さんやイラストを書いたユーザーに新商品と感謝メールを送りました。 「ドロリッチ」勝手広告に感謝メール ハドソン川に飛行機が不時着した写真をアップ→サーバダウン U.S. Airwaysの旅客機がハドソン川に不時着した写真をどこのメディアよりも先にTwitterユーザーがiPhoneで撮り、画像をTwipicなどにPost。かなり話題にな
モバイルサイトのWebデザイン15選
携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE SHOPPING 余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。 FAT ONLINE SHOPPING AEON Lake Town シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Ｆｌａｓｈで操作も軽快でした。 AEON Lake Town MOS BURGER モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもか
僕がSMOの為にしている事と課題のメモ - かちびと.net
SMOという手法があります。SMOとはソーシャルメディア最適化（Social media optimization）の頭文字を取った言葉で、サイトへのトラフィックや知名度の向上、ニーズの把握、被リンクの獲得に役に立つ大事な手法です。 僕が現在しているSMOの手法とこれからの課題点などを備忘録として残します。内容は極めて基本的なSMOですが、基本のSMOを抑えるだけでかなり効果が得られると実感しています。 していること SMOとして僕がしている事、心がけている事。 ソーシャルメディアに投稿するボタンを設置 一応基本中の基本。はてなやTwitterなどなどに簡単に投稿できるボタンをsexybookmarkというWordPressのプラグインで実装しています。投稿を簡易化する事はユーザビリティ向上の効果とも言えます。以下にコードを書いておきます。ソースが汚くなるのが嫌でしたらJavaScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
