10個值得關注的優秀CSS框架

2022-06-08 09:03:06 字數 1498 閱讀 8268

大多數做過網頁設計的都知道「css框架」,而且肯定有很多設計師已經開始在作品中使用css框架。

就像其他程式語言一樣,css也可以把一些重複使用的**整合起來,這樣可以減輕很多的工作量。

恰當地利用css框架可以縮短開發時間,不過話說回來,如果選錯了css框架胡亂用於實際開發中,必然會適得其反。

下面介紹的是一些值得深入研究的開源css框架,你可以通過搜尋輕易地獲取源**。

1.blueprint:

bluepring包含了方便實現瀏覽器相容的reset css。另外,它還包含了在網頁開發中經常用到的很多外部工具和模板。

2.960 grid system

又乙個值得深入研究的css框架,提供的原始檔包含了firework、photoshop、inkscape等等的模板,可以拿來隨手即用,psd檔案中已經預置了參考線,可以為設計師節省不少時間。

3.tripoli framework

tripoli可以支援幾乎現有的所有瀏覽器,甚至是ie5,包含了一些基礎css庫,和一些封裝過的css外掛程式,比如:layout、visual、type、negative。

4.yaml - yet another multicolumn layout

yaml是一款開發文件齊全、非常可靠的框架,參照它給出的pdf文件和官方**上的示例可以很輕鬆地上手,它也提供很多開發中可以利用的工具,比如李詠yaml builder可以構造乙個機遇yaml的css布局例項。

5.yui grid css

6.bluetrip

blue trip區別與其他框架的特點是它非常有特色而且十分美觀,它的官方**上有完整的開發文件和demo。

7.content with style

conten with style是一款固定寬度布局的css框架,包含了一系列的布局示例比如,一列垂直導航、兩列垂直導航等等。

8.elastic css framework

elastic提供了用宣告式語言來定義布局結構和行為,這個框架還剛剛起步,最好的demo就是它的官網本身。

9.molio css/html templates

10.sencss

sen並沒有提供布局方面例項,但是有一些類似baseline, fonts, paddings, margins的css可利用,它包含了乙個開發版本和乙個發布版本。

其他的一些css框架,可能你也會喜歡:

wymstyle

css-boilerplate

typogridphy

clevercss

logicss

選擇一框合適的css框架不管對學習css還是實際開發都是非常有用的,熟悉更多的框架就可以通曉這些框架設計和實現的可鑑之處,提高css框架設計水平之日可待。

出處:路可

10個值得我們關注的python部落格

首先第乙個肯定是毋庸置疑的planet python這是最出名的python部落格其中之一,快去看看,我希望你能找到對你有用的東西,昨天它還更新了呢!第二個部落格是lucumr,博主是flask的創始人 乙個python micro web framework 第三個部落格是love python,...

最值得關注的10個C開源專案

開源世界有許多優秀的開源專案,我選取其中十個最優秀的 最輕量級的c語言的專案,希望可以為c語言開發人員提供參考。webbench是乙個在linux下使用的非常簡單的 壓測工具。它使用fork 模擬多個客戶端同時訪問我們設定的url,測試 在壓力下工作的效能,最多可以模擬3萬個併發連線去測試 的負載能...

原創翻譯 值得關注的10個python語言部落格

首先第乙個肯定是毋庸置疑的planet python這是最出名的python部落格其中之一,快去看看,我希望你能找到對你有用的東西,昨天它還更新了呢!第二個部落格是lucumr,博主是flask的創始人 乙個python micro web framework 第三個部落格是love python,...