Yahoo Blog 的側邊欄位加寬法 因為Yahoo Blog原側邊欄的寬度為150px, 對於某些較寬的外掛程式, 會顯得過窄, 造成"爆表"的現象, 因此笨貓將窄欄加寬至200px, 可更加靈活應用各種用法....
針對Yahoo Blog 側邊欄位加寬的教學, 圖文並茂版
超過 100 種 Web 2.0 線上產生器
包括logo, 圖形, 按鈕, 貼紙, 配色, CSS, domain name, favicon, meta tags, robots.txt, form等一應俱全
艾德將部落格上的導覽列換成了 Mac Dock 的模式,蠻好玩的。主要是透過 js + css 的模式來呈現,這是國外的作品,可以參考
first-letter pseudo-element adds a special style to the first letter of a text
時常在雜誌常見的一個首字放大(drop cap, dropped capital letter),是很受歡迎的設計元件,用來做為商業通訊、雜誌文章、書籍章節或其它公開文件的開頭…之前看到某個教學,於是也跟著玩了起來囉...底下來看幾個範例吧!
一些免費下載 templates 的網站
日前幾個朋友談到每次把照片貼上網路時, 都會用影像處理軟體在照片上加上自己的網址或簽名 像是打上浮水印一樣。
Free CSS Templates 這個網站目前設計並提供 100 多個免費的 CSS 模板,使用 CC 姓名標示 2.5 授權使用。 每個模板都別具特色,完全不使用表格 (純 CSS 及 XHTML 打造) 及符合 W3C 的 XHTML 標準。就算不直接下載套用的話,拿來參考別人的 CSS 怎麼寫也很受用。
This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout. I will try my best to explain the concepts behind each step, but a lot of the time other people have already covered these things better than I can. Because of this there will sometimes be links to more information on external sites.
對於網頁設計者來說Smashing Magazine真的是一個值得推薦的好站,它提供了很多好文章,這次要介紹的是53 CSS-Techniques You Couldn’t Live Without,共整理了53個你不能錯過的CSS技巧!
IE 7 已經出了,過不久 security update 就會自動強制更新... browser 間的相容問題又多了一個新的變數,這下我們這些 web developer/designer 有得受了。下面整理了一些處理相容性的技巧: