好用的 CSS 工具：Less 介紹(轉貼)

原文出處：http://blog.eztable.com.tw/2011/11/18/introduction-to-less/

10 Best Wedding Apps for iPhone

http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/

Wedding apps are quite popular on iTunes. If you have been involved in a wedding, you are probably familiar with all the hard work that you have to put forth to get through one without any major problems. There is a whole lot of planning and organization that you will need to do to throw a dream wedding event. Thanks to the talented community of iPhone developers, you have access to various wedding applications that can help you get more things done and manage your event like a pro.

These 10 wedding apps for iPhone can make life easier for those preparing for the big event:

iWedding: plan every little detail about your wedding with iWedding. Track what you need to do to throw a dream wedding event. Manage your guest lists and wedding activities like a pro.

Wedding Bridal Binder: a powerful wedding planner that helps you stay on top of things, take notes, select vendors, stay on budget and much more.

My Wedding: manage every aspect of your wedding event to make sure nothing gets neglected.

Wedding Dress Look Book: designed for those of you who are looking for that perfect dress for your wedding day. It is free and can give you some ideas.

Organizer: a cool task management tool for iPhone that enables you to stay on track and become more organized.

Wedding Date: keeps track of your wedding date and reminds you of your anniversaries. So you won’t miss any of your precious memories.

Wedding Day: your wedding day is one of the most important events of your life. You can track how many days have passed you by from that date with Wedding Day.

iBridal Gown: as the name suggests, Wedding dress allows you to find a decent dress for your wedding like a pro. Cool little app.

SmartStudio: a powerful app for photographers and anyone given the task to take and prepare pictures for a wedding. It may be an overkill for a single wedding but it has a lot of merits.

WeddingScan: a powerful wedding registry application for couples to register all kinds of stores at stores and have them uploaded to their online account.

Your take: what’s your favorite wedding application on iPhone?

Source: http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/

同場加映

1. http://www.iweddingdeluxe.com/  iWedding: Wedding Planner
2. http://www.ibride.me/iphone/ iBride: wedding planner
3. http://www.ourweddingnote.com/ 婚禮紀錄
4. http://itunes.apple.com/us/app/wedding-sherpa/id409101971: To Do list, Countdown, Guest List, Tips, Advice, Notes, find suppliers. Facebook integration and your phone contacts makes Guest List management 
5. 
   

Google釋出App開發工具App Inventor

App Inventor對Android市場是個靈藥還是毒藥？
http://www.inside.com.tw/2010/07/13/app-inventor-a-good-effect-or-not

App Inventor初探
http://www.inside.com.tw/2010/07/24/app-inventor-first-play

將Phplist整合到網站

http://www.nep-hk.com/drupal/node/44

Facebook PAGE專用語言 FBML+FBJS

FB的客製頁面就是FBML App
裡面用到的語法為 FBML(Html on FB)及FBJS(Javascript on FB)

相關資訊如下：
http://developers.facebook.com/docs/reference/fbml/
http://developers.facebook.com/docs/fbjs/

不支援iframe在粉絲頁的tab
若要嵌入video：用fb:flv 或 fb:swf


PS. 官方將逐漸不支援FBML

iPhone App產生器 iPhone App Creator

免費的AppCreator


createfreeiphoneapps
http://www.createfreeiphoneapps.com/

myappcreator
http://www.myappcreator.com/

appmakr
http://www.appmakr.com/

Appincubator：想法代工，未來分利潤的25%給你

http://www.medlmobile.com/appincubator

付費的服務


彈性較大的AppCreator

Swebapps：固定一次性費用+ monthly fee
http://www.swebapps.com/iphone-app-development.php

AppBreeder：提供餐廳、活動、房地產、商業顧問、品牌等類型的App套件讓你localize，建立App免費，收monthly fee
http://www.appbreeder.com/

MobileAppLoader：提供各行各業的套版，Setupfee很高
http://mobileapploader.com/myapp/Default.aspx

GameSalad：開發小遊戲的App

http://gamesalad.com/

++++

單純用途的App Creator

Kanchoo：製作新聞類型的App

http://www.kanchoo.com/

TapLynx：提供App編輯工具，收工具的錢
http://www.taplynx.com/

MyAppBuilder：Build book, video, audio App，收 monthly fee
http://myappbuilder.com/

BuildAnApp：
http://www.buildanapp.com

EbookApp：開發電子書App
http://ebookapp.com/


++++

單一目的的App Maker:

MobileStoreMaker：展示產品

http://mobilestoremaker.com/bb/

MobileROADIE：為樂團設計的App

http://www.mobileroadie.com/

MobBase：同樣是為樂團設計的App

http://www.mobbase.com/

++++

要寫code的Framework

PhoneGap：用html和java開發

http://www.phonegap.com/

Rhmobile：用html和ruby開發

http://rhomobile.com/

AppCelerator(titanium)：用html, Javascript, CSS, Python, Ruby, PHP

http://www.appcelerator.com/

參考：

13 Tools for Building Your Own iPhone App

http://www.readwriteweb.com/archives/13_tools_for_building_your_own_iphone_app.php

SEO checklist 與原理解釋

轉自Xdite  http://blog.xdite.net/?p=2036

++++

寫完昨日簡易 SEO tips 後相當手癢，雖然內容篇還沒結束，但想先來寫寫 SEO 的技術篇。其實 tuning 一個 websites 多半還是要靠「直覺」，但是技術功底紮實和觀念正確，真的會讓你 tuning 時事半功倍。想做好 SEO，細節其實要注意相當多地方。我會將之歸納成一章 checklist 方便使用外加原理解釋。

不過背後原理若我在別的文章中解釋過了，原諒我的懶惰，我會直接給出舊文連結。

做好 SEO 分為幾要幾不要：

要：

1. 網站使用 valid html 撰寫，最好過 w3c validator
原理：這是一定要的，原因如 part3。

2. 使用正確的 html 標記描述內容與網站的元素。該用 h1,h2, strong, p 的請不要客氣
原理：這是一定要的，原因如 part3。

3. 網頁敘述要含關鍵內容。關鍵字越前面越好。（但並非 abuse）
原理：可觀察 Google 的 SERP （Search Engine Result Page）

4. 網頁 title 要含關鍵字。關鍵字越前面越好。（但並非 abuse）
原理：可觀察 Google 的 SERP （Search Engine Result Page）

5. 網址要含關鍵字。WordPress 在這方面設計的相當好，只要你把選項打開就行了。至於其他的內容網站，你可以考慮在背景使用 Google Translate 將網址標題轉成英文然後 append 在網址上。
原理：可觀察 Google 的 SERP （Search Engine Result Page）

其中權重 5 > 4 > 3 。

6. 因為 3,4,5 的關係，生產內容時必須遵守 SEO 原則，程式設計上也必須做出搭配。請看 part3。

7. 圖片內容，請加 alt 描述這張圖片。但 alt 字數也別太誇張，否則會视為 cheating。如果這是選單或 banner，請用 ul, li 和 h1,h2 寫，再用 CSS 技巧換掉。別來個 img + a 做 banner 的設計，img 權重遠低於 h1。
原理： part3。

8. 把內容放在 Search Engine highly friendly 的平台，如果是你想在 Yahoo 取得高排名，請放 Wretch，如果你想在 Google 取得高排名，請放 Blogger.com。如果你是自己 hosting，請檢視你的平台是否有做到 checklist 上的要求。
原理： 搜尋引擎偏好自家產品，結果會出現在比較前面

9. 為網站生成符合標準的 sitemap.xml。並主動將結果送至 Google、Yahoo、Bing 等等。
原理：搜尋引擎仰賴自己設計的爬蟲去抓取內容，他們的 index 路徑是遵循著網站上的內部連結以及外部連結，至於沒有被連結到網頁，自然就不會被收錄。他們沒有通靈能力，自然不知道你有產出這樣的內容。你必須主動告知他們。另外，sitemap 可以標記內容在該站的權重以及內容更新時間。有效提供 Search Engine 運算依據。這一點非常重要，根據我曾經做過的實驗，某搜尋引擎有送 sitemap 跟沒送，排名結果差非常非常多。

10. 在高 PR 的網站為自己的網站帶來 inbound link。
原理：眾所諸知，Google 的演算法是 Page Rank 演算法。PR 演算法簡單的想法是：如果一個網站，越多網站甚至是超級大站都連結這個網站，那麼它必定是重要的。但切記千萬別 abuse。

11. 提昇網站效能，開啟速度要快。
原理：網站速度，也是搜尋引擎排名的考慮因素之一。

12. 使用 Google Webmaster Tool 檢視你的網站 SEO 成效。
原理：它真的很好用….

不要：

1. 千萬不要濫用以上原則，搜尋引擎不是笨蛋，不會不知道你想作弊。適度的標記關鍵內容就能使你的排名大幅提昇。但是濫用會造成你被下架。
原理：常識。

2. 不要把主要內容放在 image/ js / flash/ iframe 內。
原理： bot 只吃該頁的 html，image / js/flash/iframe 對他們來說只是一行外部網址。它們不會知道這是內容

3. 不要在 a 裡面加 onclick / onmouseover 類似的屬性。
原理：這多半指稱這是 js link，搜尋引擎會跳過這個 a 內的內容。如果你要上計算人氣等功能，請用 Unobtrusive Javascript 技巧實作。如果你只是想要做 css hover 效果，那就更欠人罵了，可以用 CSS 寫的東西為何要放上 a 去破壞 SEO 效果。

4. 連結不要濫用 302 redirect。
原理：http response 的 301, 302 是有意義的。301 指的是永久性重導向，302 指的是暫時性重導向，但 RD 寫 code 往往沒有深究其意義。我曾經見過人氣系統用 302 設計先轉去人氣系統再跳回來。Epic Fail。302 對搜尋引擎來說是「完全不值得收錄」的內容，因為他是「暫時性網址」。如果網站全站都掛 302 連結，那……沒有搜尋引擎想要收錄超正常。

5. 標籤不要亂包。我曾經看過一行 html 是這樣寫的

 < h1 >< a href="xxx" > abc < /a >< img src="def" >< /img > < / h1> 

。搜尋引擎不知道重要的是 abc 還是沒有 alt 的 def。最後是連 abc 都被視為不重要內容。
原理：你讓搜尋引擎精神錯亂。

6. 每一頁的 title 與 meta description 不要重複
原理：搜尋引擎很大的權重採用 title 與 meta description。如果一個網站 50 頁 + 的 title 和 meta description 都一樣。搜尋引擎不會知道哪一頁是真正的入口點，真正重要的內容。下場就是全部都不收錄！！！

7. meta keywords 不重要
原理：Google 不採用。Yahoo 採用。但權重不大。因為 meta keywords 曾經被大家濫用 …但如果你拿 meta keywords 來做 correct 字義的功能，是不錯的。

8. 不要用 Word 生內容和做網頁
原理： part3 Word 只會生一堆垃圾 html code 出來而已。

9. 不要用 PSD 自動轉 html 做版面
原理：拜託不要惡搞啊……這種 html 根本不能用

10. 檢查你的 robots.txt ，不要上線以後上面還是放了 disallow * ，再疑惑為什麼搜尋引擎沒有收錄
原理：廢話，你就叫搜尋引擎不要抓啊。最好這樣上面還會收錄你的內容。

11. 不要故意亂塞關鍵字，再用 css 技巧做 display :none
原理：搜尋引擎不是白痴。你這樣做的話會被視為作弊，列入黑名單。

以上就是非常基礎的白帽 SEO 手法與 checklist。其實白帽 SEO 一點都不難，你要做的其實只有：

(1) 了解 HTML tag 的語義，使用正確標籤標記你的內容
(2) 了解搜尋引擎運作的基本原理，不要造成 bot 無法抓取與解讀
(3) 觀察 SERP，了解各家搜尋引擎的偏好
(4) 多做實驗，證實你觀察的假設行為
(5) 別幹蠢事，別 abuse 這些基本技巧
(6) 把這些基本原則常駐心中，上線前跑完一輪 check

如此一來，保證你的 content site PV 和 SERP result 排名絕對每天蒸蒸日上。