好用的 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 排名絕對每天蒸蒸日上。

iPhone開發

iPhone開發者專區
http://developer.apple.com/devcenter/ios/index.action

Stanford教學
http://www.stanford.edu/class/cs193p/cgi-bin/drupal/downloads-2010-winter

Object-C
http://ipdevelop.blogspot.com/2009/05/objective-c-20.html

iPhone 軟體開發筆記
http://ipdevelop.blogspot.com/

Apps 跨平台策略

http://www.inside.com.tw/2011/03/14/smarter-choice-app-developer
作者支持用html5+css+javascript
但是反對者認為原生app的使用者體驗較好
另外有人建議使用用web技術寫原生app的mobile framework，諸如 Titanium 跟PhoneGap等

Quickly Build Social Network Service Via Web-serviced KickApps

各類Social Networking組件都可以透過 KickApps取得
提供API呼叫進行存取，資料存在kickApps


http://www.kickapps.com/our-platform/pricing/

網頁規劃設計工具Balsamiq Mockups

超好用的網頁規劃工具
以後和工程師溝通更方便了
線上是免費的唷！

http://fun.idv.tw/fun/2010/01/balsamiq_mockups.html


線上流程圖：Cacoo
http://fun.idv.tw/fun/2010/04/cacoo.html

Google 群发邮件发件人指南

我们收到了来自群发邮件发件人的询问，他们希望更详细地了解能确保邮件递送至 Gmail 用户的最佳做法。Gmail 对垃圾邮件进行分类的方式在很大程度上取决于用户的举报内容。Gmail 用户可以随时将任何邮件标记为垃圾邮件，也可以随时取消其标记。要提高收件箱的邮件递送率，请确保通讯组列表中的所有收件人都确实愿意接收您的邮件。请查 看以下主题获取一些技巧，了解如何确保您的邮件能够受到 Gmail 用户的欢迎。
身份验证和标识
订阅
取消订阅
格式
递送
第三方发件人
关联企业营销计划

Object C教學

http://www.otierney.net/objective-c.html.zh-tw.big5
http://zh.wikipedia.org/zh-tw/Objective-C

URL Rewrite 網址重寫 優化

URL重写优化

1).URL标准化是什么意思？
URL标准化，英文：url canonicalization来自matt cutts的博客文章：SEO advice: url canonicalization 中文翻译：SEO的建议：URL标准化 “URL标准化”是一个动名词，不好直接解释，我把它反过来一下：

什么是一个标准化的URL？

很多情况下，我们认为以下这几个链接都指向同一个页面（首页）：

www.example.com
example.com/
www.example.com/index.html
example.com/index.php
但 是从URL发送请求并返回网页内容的过程来看，这些URL都是互不相同的。对于上述URLs，Web服务器完全可以返回完全不同的内容。当这些URL所对 应的内容都一样时（一般情况下都一样的），谷歌需要从上述URLs中选一个具有代表性的，而忽略其余的。那么这个被谷歌选择了的URL，就是一个标准化的 URL。谷歌选择的这个过程称为“标准化”。

谷歌是怎么URL标准化的？

一般情况下，谷歌根据被外链的数量来判断。采用多的，则是标准化URL。

我想告诉谷歌我想要的标准化URL，怎么办？

采用301重定向进行URL标准化。


2).如何把动态链接静态化？
这是SEO过程中最经常碰到的问题，也是必须解决的问题。因为搜索引擎喜欢静态页面。从Web服务器的角度，这个问题转变为：如何将静态化的文件名称转化成参数。

需要两步来处理：

1、把网页上带链接的地方，都换上新的静态化链接。搜索引擎和浏览器将通过该链接来发生请求。（有些人做修改不是在网页上，而是进行动态链接向静态链接的转向，这是严重错误的）

2、在httpd.conf或.htaccess中使用RewriteRule：

RewriteRule "^/dir/ ([^./]*) \.html" "/dir/script.cgi?doc=$1" [PT]

[PT]标记告诉Apache执行后续的所有操作。

通过这个功能，使动态页面以静态链接的形式展示给搜索引擎，从而达到URL优化的目的。如SEO十万个为什么整站都是通过该方式实现。


3).改版时，如何保留原链接，创建新的URL？
具体操作办法（仅适用于apache网络服务器）：

文件位置：apache->conf->httpd.conf

请在httpd.conf中使用Alias指令：

Alias /newurl /www/htdocs/oldurl

如：用户访问新的地址example.com/newurl/id34.html 服务器将提供的内容原地址是example.com/www/htdocs/oldurl/id34.html。

注 意：Alias只会改变本地URL，如laohucheng.com/newurl/id34.html 的/newurl/id34.html 部分，而无法改变URL的主机名称部分（如：http://www.laohucheng.com/部分）。若要更改URL的主机名称部分，请使用 Redirect或RewriteRule指令。

菜鸟指南：本功能的Alias指令在 httpd.conf中是这一句： #Alias /webpath /full/filesystem/path 去掉前面的#，并做下相应的修改即可。

SEO过程中一般在这些情况下需要用到该功能：

1、当文件移动或文件目录名称发现改变，出于SEO需要，你需要保持旧的URL；

2、网站改版了，网站导航和链接发生变化，为了继续持有原链接带来的流量，你需要保持旧的URL；

3、你希望不同的人用不同URL来链接同一个的内容。（SEO一般不建议这样做）

等等。。


4).如何替换请求URL中的文字
以下解决方案，仅适用于Apache服务器。

在.htaccess文件中添加以下语句：

RewriteCond %{REQUEST_URL} "string1"

RewriteRule "(.*)"string1(.*)" "$1string2$2" [N,PT]

例 如当客户端发出请求URL：example.com/string1/abcstring1.html，则转换为目标URL：example.com /string2/abcstring2.html。其中[N]标记告诉Apache重新执行重写规则，直到RewriteCond失效为止。只要请求 URL中包含需要替换的字符串，它就会一直重复地执行。当所有的string1都被替换完毕，则RewriteCond失效。本例子 中，RewriteCond执行了2次。[PT]告诉mod_rewrite把重写的URL传送到Apache来进行接下来的处理工作。

我们都知道，关键字是否在URL中对于网站SEO至关重要。对于建站初期不注重SEO的站点，特别是大型站点，本功能真是雪中送炭。

注意：使用本功能时，有时会把非目标字符也做了修改，假如例子中的“abcstring1”不是目标字符，但这个功能也会替换了它。


5).如何将无效的URL重定向到其他页面？
很多时候，我们考虑把无效的URL比如：用户拼错的URL、不存在的URL重定向到别的网页，例如网站的首页、404页面等。

在httpd.conf或.htaccess文件中使用ErrorDocument来捕获404 （找不到文件）错误：

ErrorDocument 404 /index.html
DirectoryIndex index.html /path/to/notfound.html

本功能会让所有的404错误——每次当某人请求无效的URL 时，都返回URL / index.html 提供的网站首页。

这里需要注意两点：

1、直接指向首页是否是合适的？或者让它指向到一个404页面会更好些？如果在404页面用javasctrip做一个跳转到首页，也是SEO允许的做法。

2、即使返回有效的文件，仍然会将404 状态码返回给客户端和搜索引擎。这表示搜索引擎机器人来确认网站上的链接时，仍然会得到正确的结果（404状态码）。

在 UTF8 編碼下的網頁簡繁互轉

Javascript前端的繁簡轉換，無需動到後端程式及資料庫

http://blog.markplace.net/marks_place/10/2006/10/27/150

MySQL：Subquery vs. Join 效能何者為佳？

在網路上查了一些資料，似乎尚無定見

但是：

MySQL官方說：「A LEFT [OUTER] JOIN can be faster than an equivalent subquery because the server might be able to optimize it better — a fact that is not specific to MySQL Server alone.」
http://dev.mysql.com/doc/refman/5.1/en/rewriting-subqueries.html

但是有些文章說 subquery比join好？
http://qops.blogspot.com/2008/01/inner-join-sql.htm

MySql Stored Procedure

如何使用Mysql的 stored procedure及trigger
http://whateverusay.pixnet.net/blog/post/12731385
、
http://social.msdn.microsoft.com/forums/zh-TW/238/thread/0646773a-fa4e-405d-aefb-0f8d681cbe2f/

http://www.mysqltutorial.org/mysql-stored-procedure-tutorial.aspx

MySql 優化

優化MySql伺服器效能
http://www.hkcode.com/linux-bsd-notes/93

MySql的優化
http://eiping.com/?p=26

MySql優化詳細介紹
http://blog.wu-boy.com/2008/06/18/281/

MySql官方優化文件
http://dev.mysql.com/doc/refman/5.1/zh/optimization.html

優化你的Mysql資料庫操作
http://www.hkpug.net/zh-hant/node/272

PHP List API

PHPList 是一套很流行的電子報發送系統
但是如果想要從其他的web application叫用，有沒有好的方法呢？

在網路上找了一些資訊，好好來研究一下
http://forums.phplist.com/viewtopic.php?t=5009
http://forums.phplist.com/viewtopic.php?f=7&t=5009&start=15
http://forums.phplist.com/viewtopic.php?f=15&t=24734

PHP Command Docs
http://docs.phplist.com/CommandLineScriptInfo

[PHP] 輸出Excel/CSV檔

http://www.phpdc.com/article/18/
http://topic.csdn.net/t/20060824/16/4973156.html#