Zen-Coding - 教你極速撰寫HTML5與CSS3程式碼

什麼是Zen-Coding?

Zen Coding本身是個外掛程式,官網上的資料,Zen Coding目前可以使用在36套各類HTML與CSS編輯器中,像是Aptana、TextMate (Mac)、Notepad++、PSPad、Dreamweaver、Sublime Text 2、Visual Studio…等常用的編輯器都有支援Zen Coding。

那Zen-Coding的作用是什麼呢?它的目標很簡單,就是利用已有的技術,高速的架構出HTML、CSS、XML、XSL或HAML。什麼是已有的技術,簡單說,它是CSS Selector(CSS選擇器)的再利用。

一些些改變,能帶來什麼呢?

極速

就我使用Zen-Coding它的經驗而言,就算只是簡單拿來產出HTML5或CSS3的程式碼,Zen-Coding也可以非常有效率的加速我寫HTML5與CSS3的速度,加多少,這我很難用言語或文字表示,先看一段影片:

哇!哇!哇!哇!哇!哇!

如果看完沒有跟著哇!那再來一次!

哇!哇!哇!哇!哇!哇!

加速HTML5應用程式與網站的50個技巧

加速HTML5應用程式與網站的50個技巧

以下是BUILD 2012: 50 Performance Tricks to make your HTML5 Applications and Sites faster的讀書心得,此篇演說的內容和之前討論Web Performance Best Practices and Rules裡的原則有異曲同工之妙,是當我們網站開發上線前後或執行上有瓶頸,要針對網站進行效能調效時,可以有一個很快速的指導方針,BUILD的演說有影片及投影片可以下載,以下重點整理。

加速六大原則

SqlLocalDB學習筆記

SqlLocalDb的好,只有用過才知道

在使用Visual Studio 2012與以往有個很大的不同點,就是越來越少碰原生的SSMS管理工具,原因之一是Visual Studio 2012內建了SQL Server的管理工具,原因之二就是預設使用SqlLocalDb。所以在進行開發工作時,可以很方便的在Visual Studio 2012中完成基礎的資料庫工作。

SqlLocalDb.exe分享參數

學習SqlLocalDb的話,首推Will的「SQL Server 2012 Express LocalDB (SqlLocalDB) 深入剖析」,不過在假日的早晨,突然看到Will發佈了秘密影片,在大小寶貝的攻擊之下,根本無法進入學習模式,只好邊看一些,邊寫一些。

如果想要對SqlLocalDb有進一步的操作,就必須對於sqllocaldb.exe有多一分瞭解。影片有提到,原始sqllocaldb.exe的說明很爛,注意以下兩個參數:

share|h ["擁有者SID或帳戶"] "InstanceName" "ShareName"
使用指定的ShareName共用指定的InstanceName。若省略使用者SID或帳戶名稱,預設為目前使用者。
unshare|u "InstanceName"
停止共用指定的共用LocalDB執行個體。

改成英文來看就清楚一些了。

學習使用devenv.exe幫Visual Studio偵錯

擴充程式的好,大家都知道…

自從Visual Studio 2010開始有擴充套件的概念後,我想現在不管是使用Visual Studio 2010或Visual Studio 2012的開發人員們,應該很少人有不使用擴充套件,那種檔案庫上人氣排行前五十名,有百顆星星…很少有不裝的。有空、無聊、發呆…也會去找看看沒有什麼可以好玩的新玩意。但使用的擴充套件一多,難免會有衝突、問題等等。今天碰到一個怪問題,查了一會兒實在理不出個頭緒,心想,不會吧,Visual Studio 2012重灌是個僅次於Windows重灌的大工程。最後用了一個很不好的必殺技來解決,先說,原因我還是沒查出來。

devenv.exe參數及說明

在偵錯Visual Studio開發工具本身時,有二種方式,一種是開兩個VS執行個體,VS1去附加VS2的執行緒,然後用VS2去進行操作,當VS2當掉時,就可以使用VS1收集到相關資訊給開發團隊。

第一種方式,大概你已經”當”到無能為力,上類似connect(產品錯誤回報區)或英文官方討論區,就會有人教你用第一種方式。

但我想自己找問題點,怎麼辦?這時你就必須對Visual Studio的啟動程式(devenv.exe,路徑在C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE)下參數。讓Visual Studio幫你收集資訊,讓我們可以參考這些資訊理來判讀Visual Studio到底發生了什麼問題。

超快速申請Office 365 Enterprise Preview帳號

感謝Sky提供的資訊

以下為Sky在fb留言:

目前Office 365正在進行新版的Preview,有興趣的可以去申請玩玩看....
目前不限時間免費,但記得選Office 365 Enterprise Preview 的試用,才會完整...不要像Sky傻傻的選了ProPlus.結果沒包含Sharepoint等強大的功能...
Preview結束後,系統會自動砍掉帳號,所以如果有重要資料,記得自行備份下來噢!!
最後,申請後,直到測試結束,都不能砍帳號,所以也不要拿正式的名稱去作申請...喔,對了,Office 365沒有綁定Windows Live ID,大家不用擔心Windows Live ID被綁定,可以安心使用...
(Sky的含淚提供~)

申請Office 365 Enterprise Preview帳號

因為是預覽版的試用是免費又不卡功能,所以申請非企業版實在傷很大。不過它的網頁真的很容易誤導人,所以留下一篇記錄一下。

Office 365企業預覽版帳號申步驟:

  1. Office 365預覽版申請網址:http://www.microsoft.com/office/preview/en/try-office-preview