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

免費IP,ICMP,TCP及頻寬測試的好工具PsPing

PsPing簡介

PsPing是一個命令列公用程式,它用來測量網路的效能。除了標準的ICMP ping功能,

  • 它可以回報連接至TCP埠的延遲
  • 在系統溝通時TCP往返的延遲
  • 在連接系統時的TCP可用頻寬

此外取得min、max、average的值都在0.01ms,你可以還使用PsPing生成統計圖的結果,這讓你將結果匯整至試算表(spreadsheets)。

安裝

PSTools.zip下載至電腦磁碟上,然後解壓縮。開啟命令提示字元(cmd.exe),切換至PsPing所在目錄,輸入【psping】會顯示指令語法。

PsPing參數查詢

使用PsPing

PsPing實現Ping功能、TCP ping、延遲和頻寬測量。使用下列命令列選項來顯示每個類型的用法:

查詢PsPing語法

用法: psping -? [i|t|l|b]

參數說明:

  • -? I   ICMP ping 的用法。
  • -? T   TCP ping 的用法。
  • -? L   延隔時間測試的用法。
  • -? B   頻寬測試的用法。
ICMP ping參數查詢

ICMP ping語法

psping [[-6] | [-4]] [-h [buckets]] [-i <interval>] [-l <requestsize> [-q] [n-t|-<count>] [-w <count>] <destination>

參數說明:

  • -h 列出統計圖(每0.01ms一個值,預設顯示數為20)。
  • -i 以秒為單位的時間間隔(預設1秒)。指定為0為快速ping。
  • -l 請求大小。
  • -n Ping的次數。(預設5次)
  • -q 不輸出ping命令的過程。
  • -t Ping不停止執行,直到用Ctrl + C停止。輸入Ctrl + Break可暫時停止。
  • -w 執行指定數目的預熱ping(預設為 1)。
  • -4 使用 IPv4。
  • -6 使用 IPv6。

使用高速ping來測試,可使用-q和-i 0的組合。

ICMP ping測試

  • psping 192.168.3.1

    這是最簡單的用法,相於於cmd.exe裡的ping指令。

  • psping -h 5 192.168.3.1
    顯示統計圖結果

如何刪除Team Foundation Service(TFS)上的測試專案

Team Foundation Server & Service

你或許聽過TFS(Team Foundation Server),它是一套軟體開發流程的軟體。如果你不瞭解它,可以參MSDN的《TFS基本認識》的上Team Foundation Server 是什麼?一小節來瞭解。

不過,今天要談的TFS是Team Foundation Service,TFS的簡介可以參考mrkt-使用 Team Foundation Service一文,裡面有很淺而易懂的介紹。就我的認知,它是Team Foundation Server的子集合,Team Foundation Service提供與微軟產品或非微軟產品有非常高的整合度,它提供由小而大的隊團一個非常好的選擇。Team Foundation Server對於小團隊來說,太大,不管是功能面,因為軟硬體成本,Team Foundation Service對於小團隊或是不需要Team Foundation Server那強大功能的團隊而言,剛剛好。

如何刪除Team Foundation Service(TFS)上的測試專案