demoshop

最近因為一些原因，加快了我把某專案升級為 .NET 6 的時程，升級之前當然是要做些 POC 最簡單的就是建立一個範本專案，然後跑一些重點需求，確保這些需求的執行結果如預期，而在開啟範本專案後，有一個東西吸引了我的眼球，如是我就開始研究進去了…            

前一篇文章介紹了compass.app的使用方式，這一篇文章要講一些基本的SCSS語法，讓沒有用過的人可以比較容易上手。

Compass.app 是一個對於設計師相當有幫助的軟體，第一次見到它的功能以後讓人相當的心動，一直很想推薦給各位，但 demo 不是這方面的專家，寫出來的文總有些遺漏，所以請了 Miau 來幫我撰寫 Compass.app 的系列文。

話說光棒 LinghtBar  這玩意是一個很平常的效果了，記得當初 demo 剛開始在寫程式的時候就有一個想法，想做出一個萬用的方法讓以後很方便，但是那時候我的功力寫不出來，只寫了一個半殘的程式，而日子就這樣過去了我也沒有再去思考過這件事情，直到最近又有機會碰到需要光棒效果的網頁，而且沒有設計人員幫我處理，既然又要自己來了，那就搞好它吧

有些時候我們必須利用圖片來做超連結，如果點下去後不是只接換掉整個網頁（target=_blank）總是會看到一個虛框包住那張圖片，實在是有礙觀瞻，此篇文章就來簡單說明一下如何拿掉這效果。

之前就有介紹過 CSS Sprites 技巧的好處，但是都是紙上談兵，沒有實作，這次因為 demo 小鋪 4.0 的產生也就順便實作 CSS Sprites 技巧，在實作的過程中遇到一些設計上的困難點，所以本文章會以 demo小鋪 本身的實作經驗以及效果來介紹 CSS Sprites 實戰的技巧。

之前有一個案子，客戶相當重視著作權的問題，要求我們把網頁的滑鼠右鍵功能拿掉，製作網頁那麼多年當然覺得這實在是很沒意義，有心偷的人還是可以拿回去，但是客戶說至少要防範一般使用者，那....就上吧。

之前demo發的【利用CSS Tab Designer做出高品質的頁籤】不知道是否有使用者玩過了，demo再實際運用後有一個問題，再配合MultiView切換後無法讓使用者知道現在是屬於那個頁籤，所以就寫了一套處理方式，讓這玩意更完美。

經由免費的 CSS Tab Designer 可以讓我們就能很輕鬆容易地建立一個「殺手級」的 CSS 網頁選單。用 CSS 建立網頁選單除了可以很美觀之外，利用 CSS 美化我們的選單，除了網頁大小得以減少之外，在日後的維護也會更加的方便容易，但使用 CSS 控制網頁選單，可能需要花點時間才能將選單控制得如我們心裡所預期，但經由 CSS Tab Designer 讓這一切變得再輕鬆不過了，只要我們先將選單項目文字列出來，再選擇一個我們喜歡的內建樣式，我們就可以馬上能看到我們的成果，並且可以將其中的 CSS 及 HTML 部份複製起來，或是將成果直接輸出成網頁檔。且其輸語法更是符合 XHTML 1.0 Transitional 或是 XHTML 1.0 Strict。

小鋪上的問題，如果使用了LoginName控制項，它所顯示的登入ID就會是使用者輸入的，但是因為ID通常都不限大小寫，所以可能出現忽大忽小的字串，要怎麼統一顯示小寫呢?

這又是一篇紀錄文啦，起因是Microsoft Visual Studio 2008的CSS管理工具真的不錯用，所以demo也打算要來好好利用它，管理小鋪的CSS，但是問題來啦，之前demo用的方式是在Web.config中輸入   <pages theme="skin">   這樣子在Microsoft Visual Studio 2008中編輯是看不到css效果的，於是demo用了很白爛的方法解決它。