Pinterest入門

(因為說了要寫所以就寫...)

Pinterest是以圖片分享為主的Socialmedia，其功能主要就是Browse→Pin、Repin、Like、Comment、View Source Site。基本上就是純圖片版的tumblr。

申請

找人Invite或是自己Request一個，基本上兩日內可以搞到一個。

Browse

Browse前要Follow，不過Pinterest會Suggest可以follow的朋友或是按開account時選的Topic (Category)來建議一些Pinner給你 (這和tumblr真的很像)
之後看到有趣圖片可以Repin (Share/Reblogging)、Like (同FB Like)、Comment (同facebook)、View Source Site (看圖片來源網站找更多的圖或是看原文)，或是看該Pinner的其他Pins...總之就是在看貼圖版吧。
*如果想要吸引follower或是和facebook同步，repin more!

Pin

Pin前一是安裝App (Upload照片用)、一是安裝Bookmarklet (網頁用)，兩者都可在Goodies頁面找到。(Bookmarklet安裝教學)
然後是要設定Board (貼圖主題)，在開新account時Pinterest會開了數個預設版面，當然可以之後再理。
裝好Bookmarklet之後就是在看到有有趣圖片的網頁時按一下Bookmarklet，那個操作和Delicious滿像的...

1. 多於一張圖時要選圖，有縮圖和圖片大小可供參考
2. 選圖之後是打一些文字描述 (140字)，支援hashtag，可與Twitter和Facebook同步
3. 最重要的...選Board
4. 以上完成按Pin

說回Bookmarklet...Bookmarklet像Delicious的部分是在網頁上已選取的文字是會自動copy到文字描述的，頗方便。

Board

基本上是貼圖主題，但更像Delicious的Stack...

Board的功用除了是分主題更重要是它是提供了與Pinterest的Category的銜接，好讓你的Pin更易被人發視。

注意事項

1. 版權: Jansen已經提過的，「Pinterest已經擁有了用戶上載的內容，而且可以隨意使用。當用戶把內容提交到Pinterest之後，用戶權就在Pinterest的手中」(Pinterest第一課：版權)
   另外要注意的是，要告是先告你的，雖然有了report鍵這種事應該會少了很多? (不過這個鍵要按進pin / 用permalink入才看的到...)
2. Affiliate code: Pin到Pinterest的商品是可以展示價錢的 (限某些網上商店)，只是Affiliate code也會變成是Pinterest的...
3. 中文: Pinterest Share的中文處理不太行，FB Share是可以，只是Share to Twitter要留心中文字會在部分client不能顯示...

小感

作為Socialmedia來說是有趣的，只是目前我還是在看Global timeline或Category的多...另外國內已有Pinterest山寨，叫花瓣，用起來不知如何只是介面有夠像 (他有tagging不知有沒有比較強)...

Fireworks 5.1 輸出 Object CSS 的方法

Firework是很多Designer愛用的設計軟件－然而作為Developer此物如同仇敵，因為要把Object的CSS抽出來有•夠•麻•煩。

現在總算是有個方法可以把一些標準一點的CSS3屬性export出來...需要Fireworks 5.1和Fireworks CSS3 Mobile pack

之後在window→extension可以找到CSS Property一欄，在選取了Object的時候可以在這個window看到相應的css屬性及在window的底部看到全套css+html code可以copy

目前成功的有cross-browser的round corner和css gradient [video教學，有用的只有3:10~3:23]，未至於可以取代front-end切圖工序但算是輕鬆一點吧...(至少有個比較好的方法知道那個round-corner的設定了!)

G+有Page了!

簡單來說就是FB Page，是商用的Google+ → 申請連結
當然馬上開一個...ヽ( °▽ °)ノ



用起來的初步是:
1. 開page的過程很像FB Page，唯獨是沒有Blog作為分類
2. 用起來好像personal account，但預設Circle是Public, 預設Circle:

• Following
• Customers
• VIPs
• Team members

3. 可以Group Hangout
4. 有Group的Share (Spread the word)
5. 管理者是經由主Account 左Sidebar頭像切換Page

實際要如何圈要再探索...

Browser Test Story: Multiple IE & IE9 on Mac/Linux/Window

在Mac/Linux機要找一個有足夠穩定的IE或是同一個window有多個IE測試一直是麻煩事－用winebottler(mac)/wine(linux)的IE或者是IETester都有穩定性差的問題，要做JS Debug是近乎不可能之事…
(Off topic: 只是看Layout有沒有問題用browser lab或是spoon就好了，不用這麼煩)

說到底，IE始終只能在windows上面run！

因為萬惡又黑暗的activeX及更多不明原因，與其追求不穩定的multiple IE/wine改裝，不如裝個Virtual Machine (VM，虛擬機器)或找台netbook試機 (反正顯示器再加大用家的畫面s也是在1024 x 768 / 1024 x 600打轉...)

而為求方便VM是不二之選，畢竟不同機沒copy & paste滿麻煩的(前提是要Ram夠多CPU不太差)...而當中一個超讚又不用錢又支援全平台的solution就是VirtualBox！

當然如果只是用所謂的開心版或叫你自掏錢包就不用寫文，M$總算有丁點良心給你不用錢的windows/ windows VM下載作測試用...

1. IE VHD
   等了很久終於有人回報IE9 VHD可以在VirutalBox上跑了，不過下載為什麼不是一個iso/rar而是斬成7份啊?
   安裝倒是簡單，開一個沒硬碟的VM就好了[詳細教學]
   不過用4.1.2+新VHD居然掛點(BSoD)，有人說clone一次VHD to VDI就好*，真煩...
   另外這個activate一次只有30天，不過是可以用`slgmr -rearm`指令renew一次...如果不用IE6，接下來的方法比較推薦
   * 如果Mac之下跑不到可以有另一法: 試用ievms fix
2. Win 7 Enterprise 90-days Trial
   官方正印的試用版, 可以免key安裝及在不入key下activate。預設安裝IE 8，可以升級IE 9－要IE 7的朋友可以改裝windows server 2008 R2。
   這個版本安裝後十天內要activate，activate後有90天可用 (坊間流傳可用 `slgmr -rearm` 指令renew/extend 3次試用期*)。不過就算是trial過了也只是每小時關機一次，測試基本上沒差，反而是下載有夠煩:
   1. 進入上面的網址，最下方有下載按鈕(32bit/64bit)，點擊進入
   2. 要用個window live ID登入
   3. 登入後填from，email沒必要和live ID的一樣
   4. 之後會有轉到一個頁面說有確認信，不過好像在這頁再填一次之前填過的email再按continue就可以下載...
   5. 下載完之後開一個全新VM連硬碟，之後進行一般的OS安裝
   這個方法的優點是穩定，不會一有新VHD update又掛點的鬼事情

注意事項: 開VM時確保有足夠的Ram及大量硬碟空間，Win7 Ram建議值是1024MB
另外其實一隻IE 9可以摸擬IE 7、8已經很夠用 [Developer Tool內的DocumentMode的說明]，VM實在不用太多。
Good luck!

*  `slgmr -rearm` 指令: 在以Adminstrator 權限執行的command prompt上執行 `slgmr -rearm`  (沒有`) ，成功的話在reboot後過期提示會消失
* 傳說有IE4Mac可以在mac以原生方式運行IE6-9，不過最終好像還是沒了...
* 千萬不要在VM OS loading時按host key,會kernel panic....

5個Google+實戰心得: Circle、+Mention與其他

上文提及了一些Google+新手入門，本文再談一點使用上的注意事項

1. Circle
Circle和FB Friend是不同的東西，和Twitter/Plurk更是逆向操作－加A到Circle是送訊息給A而非看A的訊息，pingooo這張圖就說明了訊息的流動方向 [原文: 我在 Google+ 貼的文到底誰會看到？]:

不過會出現在主頁Stream就只有朋友的Post，圈外訊息都會在Incoming，可以無視。
而Circle另一個和Facebook差很大的就是Google+會不斷提醒用戶它的存在，你的Share是有指定受眾，有語境、Scope，有效避免有搞不清狀況的朋友留言(詳見Google+的圈圈)

2. +Mention
Circle的操作是和Twitter逆向的，可是+Mention的部分和Twitter的@Mention極相近。
所謂的+Mention是在post/comment打"+"或"@"可以和facebook、Twitter一樣叫出User list*，如果click or enter任一User則可mention (上下select)
被mention的會收到notification，然後看到整串對話－就算這個post對他而言是Invisible的也好... (By Ingram Chen)
這個據說會改，改成plurk那樣應該就會safe...
*User是自己全部Circle member + All Searchable User，所以list可以很長...不過似乎有一定的filtering 所以不會出現太不相干的人

3. Spark、Hubble、Privacy Settings
- Spark算是以Google+內的Share為基礎的"Interest" Search Engine (和Trends有點像?)
- Hubble是circle group chat，不過我找不到操作...
- Privacy Settings其實還有更多細項可設，都在Google+ Settings內

4. 文字輸入
Google+的文字輸入和GChat/Plurk那個很像，可以用_、*等符號把字mark起來加底線或是變粗體(mini-markdown?) :

按「J」、「K」可以上下移動，訊息焦點。
右上角通知按鍵盤左、右方向鍵可以切換上下則訊息。
@人名帳號或是+人名帳號，都可以連接帳號連結。
按鍵盤「Q」會跳到即時通訊搜尋欄。
粗體使用方法：文字前後加「*」，範例為 *粗體*
斜體使用方法：文字前後加「_」，範例為 _斜體_
刪除線使用方法：文字前後加「-」，範例為 -刪除線-

－ Google+小技巧 by Andytn Tsai (範例有修正)

5. Hack: 私人Bookmark/Notebook
開一個沒有人/只有分身的Circle，然後Note/Bookmark只Share給那個Circle就好了
這種做法的唯一問題是沒search、sort、tag+有限back，東西根本挖不出來...
(原文為英文，By Arun Shroff )


其他小技巧可以參考這篇: 5個實用 Google+ 小貼士
如果還是不夠就可以看這篇: 24 個必學的 Google+ 小技巧 （超實用）

Google+新手入門

[重要]
G+已開放給所有Google Account用戶啦~
沒有的快去G+官網開一個吧!
(Developer: 部分API已開放，不過好像沒人做出啥來...)

[定義]
Google+ / G+ / Google Circle其實就是「很像Facebook但不是Facebook」的社交服務...xkcd這篇漫畫完全是神吐糟:


p.s.1 因為中文的版面不好用我是用英文版...

p.s.2 Google+目前沒有invitation，不過有人說有密技 [密技需有已登入的Google Account及不斷Reload，詳細]

p.s.2.1 不知是系統超負載還是補起來，暫時沒人撞中(回報是被redirect了)...失敗的朋友請在沒那麼繁忙的時間再試

p.s.2.2 不過無論如何請先看完下面的注意事項...

p.s.3 現在只要login google account再上google+就可以開了~(4/7/2011)  Invitation還是要的，不過是神出鬼沒地限時開放在Homepage右邊Column的最下方(14/7/2011)



[注意事項]
1. Google Profile內的一切會被預設為公開 (Everyone on the web)，敏感資料如地址電話請先移除
2. 如果要link Picasa (Google Photos)，某些權限會被Circle內的人看到，請先把任何形式的分享移除
(是可以不link，不過光是連結升級2048x2048以下的圖片不計使用空間就很吸引…[其他優惠及注意事項])
3. 未清好profile前最好不要設為可搜尋
4. Add/Invite基本上是依靠GMail contacts，如用新account玩請注意 (29/6/2011 8:00pm update: 好像如果有link twitter會去爬你的followings了)
5. 會有和Facebook/Buzz相像的notification email，如果不想再收到Google+的email可以 unsubscribe

[Browser]
需Google Profile支援的Browser－IE7出局。
如無Admin權限請改用Chrome Frame的Non-admin版本 [官方介紹]

[取得Google+]
正式公開了。進去官網開通就好。
還是要Invitation，見本文開頭。(17/7/2011)
現在不用邀請了，登入google account再上google+就可以開了~ (4/7/2011)
和Wave相似的是目前本服務是邀請制，不過一個人得到邀請後他的邀請量是無限制...所以Invitation是限時開放
HOWTO: 如果有Invitation開放，在Circle Tab Add friend的時候會有個 Footer提示Invite，那樣就可以Invite剛才選的朋友或是自己加contact
自己來: 去plus.google.com加入已登入的Google Account 到Invitation queue


***queue和發invitation目前關閉中，不過有人說有密技 :密技需有已登入的Google Account及不斷Reload，詳細在此－要Reload是因為Google+系統Loading太大...

[使用]
真的很Facebook...

• Home: 也就是newsfeed，不過google+叫Stream...上面的post可以like (+1)、可以comment、可以Share (Reshare)，人名那行的箭頭有extended menu: report、mute、block ，Homepage也可以換circle(外加Incoming和notification)和看到friend suggestion，還有hangout (live cam)
  
• Photos: 看自己和他人的Picasa相簿
• Profile: 個人Profile
• Circle: Friend list及他們身在的Circle，預設四個;加人、踢人、block人也是在這裡綜合處理
• (新) Game: 關於Game的一切－遊戲列表及朋友的遊戲feed update也可在這裡看到，絕對不會被煩到。

[Posting]

Post方面和Facebook相近: link、geo location、photos、video
Link方面如果是圖檔會直接顯示，Youtube是embed video+description text (十分plurk...)
Share掣上可以決定post是public、公開給全部circle/extended circle (friend of friend)/某個circle/某個朋友/只有自己 (近乎是plurk的小圈圈)、 和要不要用email傳給沒google+的朋友
不過那一欄是可以塞email，而且是多於一個...可以當成隱密notification用?
p.s. 要入完拍enter或是click確認加入顯示範圍...(和delicious入tag很像的，不同的是沒入到不會顯示)
Post完之後可以決定要不要disable comment、reshare，delete edit

[Profile]
和Facebook十分像，click Edit之後再click各項可以inline edit和選私隱度－預設是"Everyone on the web"(公開給網上所有人)，必改

[Friend]
基本來源為GMail Contacts，所以Buzz的問題一樣有: 那張List會有不能Add Friend的人在...
不過Google+這次總算有解: 在Circle -> Add Friend那個tab內是有個"remove"可以把click起了的contact一次remove (可以multiple)

有選人Remove就可以click

 (29/6/2011 8:00pm update: 好像如果有profile link twitter會去爬你的followings了，如果對方也有加twitter到profile就會顯示)

另外也有人提供了FB搬家大法 (或Outlook或任何可以export CSV的mail client，統稱CSV搬家大法)

之後的就是把Friend加進Circle等對方加回等訊息相通(另文)

[Notification]
一樣有得控制，都在Google+ Settings內...不過Notification mail可以對post作各種操作，太煩的post可以直接mute/email追thread，比facebook的方便也不像buzz的失控－而且buzz的grouping功能照樣保留，十分方便 (只要是用GMail + client support grouping)
FB般的Notification menu可以在toolbar人名旁邊的紅色數字鍵找到

[未確認]
相的tagging, youtube link的處理方式

至於Game之類的G+ App(?)可在Game找到。不過API沒開放

[app]
Android: 有App，全球Market應該已可下載
iOS: 有App，不過沒有了Reshare Orz


[展望]
初步使用感想

Socialmedia - google+ and facebook (modern browser, pls)
如果想找個一般人無法進去的領地玩玩 Google+也許不錯...(用了三個月仍是這樣覺得)
p.s. +1會變成+N好讚...

極速Google Buzz體驗

難得地得到Buzz+幾個也在試的人，那就來個極速體驗文好了...

1. 介面是murmur + facebook wall
2. 功能上有Wave和Facebook的影子:可以塞link塞map塞圖片至Buzz
3. 當然功能上也有Twitter和Plurk的影子
   不過論Follower管理，Buzz比Twitter和Plurk更好 (因為是Facebook式 XD)
   *UI也有一點Plurk的影子...不過murmur本來就有Plurk感，so...
4. 至於對手理所當然有Twitter－Twitter的Tweet可以Sync to Buzz，不過目前為止沒有人成功
5. Connected Site可以Sync Flickr、Blogger、GReader至Buzz
6. 一如GMail有keyboard shortcut
7. 另一個Twitter/plurk沒有的功能: @reply auto-complete 人名 (明抄Facebook)...不過目前的auto-complete是找contract而非找threads上的user，所以對於contact太多的人這個沒有
   引申問題 1:要用@reply是因為沒有reply鍵/link可以不用打人名就回覆
   引申問題 2:如果不在contract list上是不可以auto-complete的
   
8. 只要Join過一個buzz，之後reply會狂進inbox (GMail還好，用其他Client則...)

Buzz要改的地方不少...

Google Wave．超簡易入門

Google ʅʃʅʃave
(以上ASCII Art出自「Wave中文入門」這個Wave "tag:wave入门 with:public")
[注意: 本文會一直更新...因為有些功能沒試出來]
Google Wave是Google最新的通訊服務，一個新至很多人無法簡單描述的新工具
如果你問我Wave是什麼，簡單回答如下
披著Gmail的皮的實時協作+多媒體Plurk x Twitter x Forum
(aka. Twitter抄IRC，Plurk抄Twitter，Wave抄Plurk+GMail，GMail又抄Newsgroup+IM，Newsgroup抄BBS，IM抄chat room，chat room又抄IRC)
玩Wave需要一個Wave Account、一個足夠快的瀏覽器(Safari 4+，Google Chrome 3+，Firefox 3.5+)^*1、以及一合新一點的Dual Core+2GB Ram的PC (一個Wave的Tab可以令Chrome 3吃上300MB Ram..)
如果想知Wave是做甚麼的可以跳至"Discover Wave"
更詳細的介紹見Mashable的Wave Complete Guide，硬是兩篇合一篇本篇已經很長...