CSS border-radius 新玩法(含可視化生成工具)

這個 CSS 屬性對于前端人員一定不陌生，一直以來都把它當作矩形圓角使用，然而，對于喜歡創新的設計師來說，這是不夠的，我們要最大化利用 border-radius，讓它玩得更出色。

先來看看截圖[……]

閱讀全文 ?

視覺化查看網頁樣式及標注- Visual Inspector Chrome擴展

Visual Inspector 是 Chrome 的一個擴展，它可以方便的查看頁面的字體、顏色、盒子模型、及元素間的間距標注等等，全是視覺化展示，這比代碼展示形式的F12工具更易觀看，是網頁設計師必備輔助工具之一[……]

閱讀全文 ?

網頁排版對齊神器 在 WEB 頁直接嵌入柵格線 – graaf

當設計師把網頁設計稿交給前端開發人員寫代碼后，頁面往往與原稿有些偏著。前端人員寫完頁面后，還需要截圖疊加到設計稿上，去看看偏差比率，這是很麻煩的事情。為了解決這個問題，建議設計師和前端人員看看今天分享[……]

閱讀全文 ?

Clippy – 輕松繪制 CSS clip-path 裁剪路徑工具

Clippy 是一個 CSS clip-atch 屬性繪制工具，使用它可以輕松繪制不同的幾可形狀的。

clip-path 是 CSS 中的一個裁剪屬性，用于裁剪元素，通過此屬性可以實現類似PS蒙[……]

閱讀全文 ?

在線代碼比較工具 – Diffchecker

Diffchecker 用于檢測/比較兩個文件文本有什么不同的差異，常用于程序代碼。使用這個在線工具的好處就是不需要人工查看，尤其是大文件，有幾百上千行的代碼，這時候就建議使用比較工具了，不用浪費過多[……]

閱讀全文 ?

UIgradients – 美麗的UI漸變色分享站 并可轉成CSS代碼

前期我們分享了「如何使用彩色濾鏡創造奇妙的網頁設計」這篇文章，通過漸變彩色濾鏡實現很多漂亮的效果，然而用什么漸變顏色才好呢？可以看看今天為大家分享的 UIgradients 漸變色分享網站，里面有很多[……]

閱讀全文 ?

可多人實時協作在線代碼分享工具 – CodePiple

CodePiple 是一款在線代碼分享工具，速度快，而且可多人實時編輯、交流，對于想分享代碼或者用作教學的人員來說，這工具是一個不錯的選擇。

該工具目前自帶100多種程序代碼，如常用的H[……]

閱讀全文 ?

CSSgram：讓CSS濾鏡幫你實現漂亮的圖像特效

CSS濾鏡（CSS filter）不少前端人員知道，但大多數的用法十分單一，用得最多的就是黑白應用，其實還有很多高級的應用，對設計師來說也需要知道的，以后對圖片特效處理又多一種設計方案選擇了。[……]

閱讀全文 ?