Goal

To use facebook comments integrated to your own site.

Requirements

Need a facebook application for your site(domain).

For example:

How to get it

Fill in the blank and click get code from https://developers.facebook.com/docs/reference/plugins/comments/

Then just paste that code to your site(page).

Functions

• People who want to comment can choose if post to Facebook, there’s a checkbox.
• Comments posted to facebook are bidirectional. Threads stay synced across Facebook and on the Comments Box on your site regardless of where the comment was made.
• Sort comments by Social Ranking, Chronological(Time) order
• Boosting comments: Moderators can now ensure that high-quality comments appear at the top of the Comments Box

Facebook doesn’t explain how the Social Ranking works, but I checked some real-world examples and I guess basically we can consider it sort by like counts.

Moderation Tools

Put this meta tag in the html.

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}" />

Then if you log in with the owner of the application, you can access this url to control comments:

http://developers.facebook.com/tools/comments

or you can do it inside the Comments Box directly.

There’re Moderate dropdown to Hide comment, Ban User or Boost comment. In the Settings page you have other options like add moderators or set blacklisted words, etc.

Remember to check all the FAQ on the reference docs, very useful. I wonder why those go to the FAQ though.

Reference

https://developers.facebook.com/docs/reference/plugins/comments/

Click on the Account link in the top right hand corner of your dashboard.

Then click on theme.

Then in the top left hand corner you will see Tumblelog title.

Under that you will see the word “Untitled”.

I use Page Links To plugin to redirect the “about” page to http://about.me/kinopyo url.

This plugin allows you to make a WordPress page or post link to a URL of your choosing, instead of its WordPress page or post URL. It also will redirect people who go to the old (or “normal”) URL to the new one you’ve chosen (301 Moved Permanently redirects are standard, but you can choose a 302 Moved Temporarily redirect if you wish).

This functionality is useful for setting up navigational links to non-WordPress sections of your site or to off-site resources.

You can also use it to create a hand-crafted menu that links to pages, posts, categories, or anything within your site.

Reference: http://www.kreci.net/web-development/how-to-make-wordpress-page-link-to-any-url/

Update

If you already upgraded to Moutain Lion OSX, you definetly don’t need this, there is a navtive Reminder app built in :)

Original Post

You need to install Powerpack.

You can download Alfred extension here: http://www.dirtdon.com/?p=1261

Then launch your alfred, and type r foo, bar to create the reminder. You can get the notification of Growl after it’s done.

日本語

前提

AlfredおよびそのPowerpackのインストールが必要になります。

方法

http://www.dirtdon.com/?p=1261でAlfred用のExtensionをダウンロードしインストールします。

そうしますと、Alfred呼び出してr hogehogeでリマインダーが作成できます。

作成完了後はGrowlで通知もしてくれますー

Alfredについて

超オススメです。試してみてくださいー　特にPowerpack購入後は一気にパワーアップですよ！

jQueryでチェックボックスの状態を監視するイベントはclick eventを使う。

チェックされたかを判断するには$("#some_checkbox").is(':checked')がいい。

CoffeeScriptでのサンプルコード：

change eventも監視はできるが、取れる値は遅延されるみたいです。

The change event is sent to an element when its value changes. This event is limited to input elements, textarea boxes and select elements. For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus.

参考：http://forum.jquery.com/topic/jquery-checkbox-checked-event

Append class if condition is true in Haml (with Rails) - Stack Overflow http://t.co/7pyL7pNn

— kinopyo (@fantasyday) November 22, 2011

.post{ :class => ('gray' unless post.published?) }

HAMLである条件がtrueの時だけあるclassをタグに追加したい場合。