傻仔仔

CSS Sprite在線生成器

CSS 圖片拼合 (CSS sprites) 可有效降低圖片文件的 HTTP 連接請求數，多個圖片將以一定間距合併為一個大圖片文件，頁面中使用這些圖片的元素將利用 background-position 這一 CSS 屬性來顯示拼合圖片中的指定位置。
這一技術可有效提升網站性能，尤其是網頁上有眾多小圖片時，如許多菜單欄圖標。Yahoo! 首頁是使用此技術的一個實例。
優勢：
創建 CSS sprites 時，必須考慮多重瀏覽器兼容性問題，此工具可以幫您避免這些問題。

CSS Sprite在目前web應用開發中非常流行。通過圖片合併可以減少http請求量，通過CSS的background特性來控制顯示，從而提高web應用的性能。
儘管如此，每次我們都要合併很多小圖片而且需要在CSS中進行精確定位，這是一件相當繁瑣的工作，偶也曾為這個頭疼過。
需求驅動產品，果然，現在已經有人為我們製作了一個方便小工具，來幫助我們完成這個繁瑣的工作。CSS 圖片拼合生成器（CSS Sprite Generator）。該工具是以BSD方式授權發佈的，這意味著我們可以直接免費的應用到商業開發中。有興趣的可以看一下。
Site：http://spritegen.website-performance.org/
分享此文章

一份不錯的DIV+CSS佈局的SEO優化資料

Div+css命名規則-增強SEO
頁頭：header
登錄條：loginBar
標誌：logo
側欄：sideBar
廣告：banner
導航：nav
子導航：subNav
菜單：menu
子菜單：subMenu
搜索：search
滾動：scroll
頁面主體：main
內容：content
標籤頁：tab
文章列表：list
提示信息：msg
小技巧：tips
欄目標題：title
加入：joinus
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
註冊：regsiter
狀態：status
按鈕：btn
投票：vote
合作夥伴：partner
友情鏈接：friendLink
頁腳：footer
版權：copyRight
分享此文章

css-dock-menu 超漂亮的仿MAC的菜單

IE和FF都可運行。 下面是原文簡介：
If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my [...]