demoshop

demo, trying to be the best_

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

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

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

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

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

CSS Sprites 技巧實戰

  • 2010-01-24
  • 15625
  • 0

之前就有介紹過 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用了很白爛的方法解決它。