WEBアーカイブ : CI - カナダ在住、WEB制作者のブログ

Googleからバレンタインデーのプレゼントが届いた！

March 1, 2010

小生、カナダに在住してからというもの、バレンタインのプレゼントなど縁の無い物だと思っておりましたが、ついに、ついにもらうことができました。バレンタインプレゼント！

いや、最近ネタが無いもんで、とりあえず暇つぶしに掲載しました。$100分のAdwordsのプロモーションコードが記載されていました。日本の皆さんも届きましたか？

初めてPliggを使ってサイトを作ってみた

February 7, 2010

Pligg

VoteCa カナダの投票型情報共有サイト

皆さんはDiggというサイトをご存知でしょうか。北米では超大規模SNSとして名の知れたサイトなのですが、簡単に言えば、投票型のソーシャルブックマークサービスです。

Diggのアカウントを取得して、自分のブログでも、他の人の記事でもなんでもいいので投稿すると、それを見たユーザーから投票が行われ、その記事や情報に対しての評価することができます、日本ではあまり見ないサービスですね。

ただ、このサービス凄く利には適っていると思っていて、本来、広告なり情報なりその優越を決めるのはユーザーであって、提供者側ではないのです。これは通常の広告を打ったときであっても同じ。

その点、このDiggに関しては、情報の優越を決するのは完全にユーザー側なので、本当にユーザーにとって付加価値の高い情報を見ることができるっていうわけですね。

今回は、そのDiggのシステムクローンとして制作されたCMSのPliggを使って構築してみました。

まぁ、今回は小生の個人的なカナダ国内限定のソーシャルブックマークにしてしまう計画なので、規模を大きくするつもりはあまりありませんが、こういうサイトを一日で作ることができる次代なんですねぇ。怖い怖い。

ただ、今回作ってみて思ったけども、MT、WPとガリガリ組んできて、CMS系のシステムを理解するスピードが格段に上がった気がします。

今後も、こういう面白サービスを使って色々作ってみるので、またご報告させていただきます。

WEB屋なら知っておいた方がいい、ブラウザチェックサイト

January 23, 2010

WEB屋なら誰しも陥ったことののある、ブラウザの交互性問題。WEB屋の癖に「私Macしか持っていませんからぁ。」とWinブラウザの確認を怠るような人は、ちょっとWEB屋としてまじでどうなんですか？って感じです。今回はWDLさんのUseful Tools for Testing Cross Browser Compatibilityという記事からのご紹介です。

Adobe Browser Lab

Browser Shots

SuperPreview

Litmus

Cross Browser Testing

Spoon Browser Sandbox

Virtual Desktops

テキストが切り替わるjQueryプラグイン

January 17, 2010

ためしに使ってみました。Airport jQuery plugin。上部のヘッダーで文字がちりちり切り替わっていますよね。

まぁ、たぶん期間限定で使うと思いますが、ここでご紹介。

Airport - Information board text effect jQuery plugin

コードの記述はいたって簡単。

<div id="stuff"></div>
<script type="text/javascript">
    $('#stuff').airport(['moscow','berlin','stockholm']);
</script>

ウェブサイトよりソースをダウンロードしてこのコード記述だけ。ちょっとしたテキスト加工なんかに使えそうですね。簡単に切り替えたいときとか。

是非お試しあれ。

絶対見ておくべき、50の超ハイクオリティFlashサイト

January 8, 2010

50 Superb 3D Flash Websites You Must See!!!よりご紹介。・・・最近ご紹介ばっかりだなぁ。ありがとうございます。

とりあえずとんでもないクオリティのサイトばっかりだったので、興奮と共にいくつかご紹介。

Element

Audi A6

Optus Whale Song

Martini Asti

Cortex Design

いやー、さすがに50個も紹介する気力が無いです。ぶっちゃけ、魅入っていたいので、これにて失礼。

めちゃめちゃかっこいいComing Soonページ

January 7, 2010

spyrestudiosさんのGreat Examples Of Coming Soon Pages And How To Create Yoursというページからご紹介。

「公開まであと少し！」的なページを作るときに用いられるComing Soonのページ。いざ作るとなると今まで作っていたサイトのレイアウトと全然違うページになるし、要素も少ないのでどういう風に作るか悩みますよね。

そんな皆さんに、参考となるグレートなComing soonのページをご紹介します。

FavMovie

Designatr

Fontdeck

Better Blogger

Love Freelancing

EnStore

Media Loot

Pepsay

Birdboxx

Remindness

どれもこれも、すごいクオリティですね。空間の使い方が絶妙なのもあれば、イラストのクオリティをこれでもかと打ち出しているサイトもあれば、機能的な対策を採っているサイトもある。貴方の作ろうとしているComing Soonはどんなタイプでしょうか？是非参考にしてみてください。

twitter、facebook、delicious等のインタラクティブなヒットカウンター

December 26, 2009

インタラクティブカウンター／twitter,facebook等

最近、他サイトで紹介された物の紹介ばっかりですが、まぁ気にしていません。どうせネタ無い男です。略してネナオです。最近、滑りっぱなしですが気にしてません。

さて、本日はtwitterやfacebookなどのカウンターボタンが数点、紹介されているサイトを発見したので、ご紹介。

ページがtwitterなんかで投稿された数をカウントするカウンターの類は、いろんなサイトで目にしますが、結構似たようなレイアウトの物が多いと思いませんか？

そんな各SNSやtwitterなどのインタラクティブカウンターをご紹介します。

１．Tweetmeme

http://help.tweetmeme.com/2009/04/06/tweetmeme-button/

retweetされた数をカウントする、インタラクティブカウンターですね。これは本当に良く目にします。小生もブログももうちょっとtwitterのフォロワーや投稿が多ければ是非導入したいところですけどね。

２．Email this

http://getmailcounter.com/

メールカウンターですね。記事部分に導入して、メールの送信をしたところでカウントされるようです。重石s路意ですね。

３．Facebook Share Button

http://www.facebook.com/facebook-widgets/share.php

Facebookのシェアをカウントするカウンターですね。これも良く目にすることだと思います。こちらはfacebook純正の提供みたいですね。安心です。

４．Delicious

http://delicious.com/help/tagometer

最後はDeliciousのインタラクティブカウンター。導入するとしたらこちらの方かな、小生がDeliciousユーザーなので、結構面白いかも。

こんな感じですね。