| The first step you need to take is to make sure you decide upon a framework that has an established and accurate representation of detailed documentation. This is vital to the steps you’ll take in implementing and utilizing your framework the way it was intended. Next, you should analyze what problems the specified frameworks of your choice will solve. As you come across frameworks that you believe might “fit the bill” for the project(s) at hand, then it would be wise to compare each of them and elaborate on which framework addresses which concerns and satisfies your needs. CSS Frameworks allow you to rapidly improve and speed up your development time when used correctly, and provide a powerful way to style our websites and applications with flexibility and effectiveness. Also, don’t hesitate to ask other developers and colleagues which framework has worked best for them and why? This will help you gain valuable insight based on the experience of others, something that can’t be bought. Another point I would like to make is the role your chosen framework’s community plays. How big is it? Are the members helpful? Does it provide invaluable resources? Every one of these questions help you determine if your framework’s community is going to be of use. The logical point of view is, the larger and more involved the community is, the better your chances are at finding the right type of help when you need it. 還有，不要猶豫去問(wèn)一下其他的開(kāi)發(fā)人員或者同事哪些框架他們用得最好，為什么？這將使你獲得其他經(jīng)驗(yàn)豐富人員的一些有價(jià)值的想法，這是無(wú)法用金錢(qián)買(mǎi)來(lái)的。另一點(diǎn)是你所選框架的社區(qū)所扮演的角色。它有多大？這些成員有用嗎？它提供毫無(wú)用處的資源嗎？每一個(gè)問(wèn)題都會(huì)幫助你決定能否用的上所選框架的開(kāi)發(fā)社區(qū)。從邏輯上說(shuō)，社區(qū)規(guī)模越大、用戶(hù)數(shù)量越多，你獲得所需幫助的機(jī)會(huì)就越多。 Below we will take a look at 8 of the best frameworks we found to be useful for both developers and designers. 下面是我們找到的8種對(duì)開(kāi)發(fā)人員和設(shè)計(jì)人員都很有用的CSS框架： Blueprint CSS
The Blueprint CSS framework uses a grid-system that has pre-built typography and includes various plugins, built-in form styles and more. With BP you’ll also find good stable documentation, a wiki, an active discussion group, and examples of sites built on the Blueprint system. Blueprint CSS使用預(yù)置了字體排印的網(wǎng)格系統(tǒng)，包含了各種插件，還有內(nèi)置的forms樣式等。你還能找到非常棒的幫助文檔，它有一個(gè)wiki系統(tǒng)，還有討論組，以及很多基于BP的站點(diǎn)示例。 Elements CSS Framework
Overall, the Elements framework makes it much easier and efficient to write CSS code. It’s a way to keep your files organized, benefit from a collection of present classes that can make your development process much friendlier, and it’ll automatically add respective icons for external links so that users will be able to quickly find and access them as well. 總的來(lái)說(shuō)，Elements框架能讓我們寫(xiě)CSS代碼變得更加輕松和高效。它收集了很多的表現(xiàn)類(lèi)，能夠讓你的開(kāi)發(fā)進(jìn)程更加友好，使你很好地組織代碼文件。并且它會(huì)自動(dòng)地為外部鏈接添加相關(guān)聯(lián)的圖標(biāo)，以使用戶(hù)能很快地發(fā)現(xiàn)并訪(fǎng)問(wèn)它們。 Content with Style
Content with Style is a CSS framework that helps you style and structure your website with amazing design and typographical elements. With six different layouts to choose from that include vertical navigation, two content columns, horizontal navigation with two columns of content and useful one content columns. Content with Style is an efficient way to “prioritize” the content on your site and focus on areas such as the header, main content, sub content, and more. Content with Style能幫助你為站點(diǎn)提供令人驚奇的設(shè)計(jì)和排版元素。它提供了6種不同的布局，包括垂直導(dǎo)航、兩欄布局、帶水平導(dǎo)航的兩欄布局以及一欄布局。Content with Style是把站點(diǎn)內(nèi)容按照重要性排序的一個(gè)非常有效的方法，它集中強(qiáng)調(diào)了header,main content,sub content等區(qū)域。 Emastic
This lightweight CSS framework uses PX, EM, or % widths for the process of signaling a page width, and it is also based on an elastic layout. Emastic comes with various pre-defined styles for your typography and much more. Predominantly, the grid is made up of blocks that are sized from 5 to 75em units. The default sizes can be changed at any time and the frameworks design options depend on the grid layout. 這個(gè)輕量級(jí)的CSS框架基于彈性布局，使用了px，em和百分比來(lái)度量頁(yè)面的寬度。Emastic為字體排印等效果預(yù)定義了各種樣式。多數(shù)情況下用于分割塊的網(wǎng)格使用了5-75em的長(zhǎng)度。默認(rèn)大小可以任意改變，框架的設(shè)計(jì)選項(xiàng)取決于網(wǎng)格的布局結(jié)構(gòu)。 960 Grid System
The 960 grid system is a powerful CSS framework that lets us develop and prototype websites rapidly. The layouts are based on 12-16 columns and the layout templates are for Illustrator, Photoshop, Expression Design, Fireworks and more. You can also print a variety of templates for use with pen and paper if that’s what suits you best. 960 grid system是一個(gè)非常強(qiáng)大的CSS框架，讓我們快速構(gòu)架和開(kāi)發(fā)站點(diǎn)。它的布局是基于12-16個(gè)欄，并且它的布局模板可以用于Illustrator,Photoshop,Expression Design,Fireworks等設(shè)計(jì)軟件。如果你認(rèn)為合適，你甚至可以把模板打印出來(lái)用于寫(xiě)字。 Yui Grids
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Features included are support for fluid-width, easy customization, flexible template columns, and more. YUI Grids CSS提供了4種預(yù)置寬度，6種預(yù)置模板，以及能夠堆疊或嵌套多個(gè)欄的功能。用4kb的文件就可以提供超過(guò)1000種網(wǎng)頁(yè)布局組合。它的特性包括：支持流式布局、自定義、彈性模板等等。 Yaml
“Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users. YAML is focussed on web standards and accessibility, slim framework core with numerous extensions, complete multilingual documentation, and robust, flexible layout concept (columns & grids). “Yet Another Multicolumn Layout” (YAML)是一個(gè)能創(chuàng)建時(shí)髦的彈性浮動(dòng)布局的(X)HTML/CSS框架。這個(gè)結(jié)構(gòu)在編程上非常多樣化，終端用戶(hù)可訪(fǎng)問(wèn)性高。YAML著力于web標(biāo)準(zhǔn)和可訪(fǎng)問(wèn)性，雖然很苗條，但它內(nèi)置了多種擴(kuò)展，提供多語(yǔ)言相關(guān)文檔，是一個(gè)健壯的、具有彈性布局概念的框架。 SenCSs
SenCSs stands for Sensible Standards CSS baseline, (pronounced “sense”). It supplies sensible styling for all repetitive parts of your CSS, and doesn’t force a lay-out system on you. This allows you to focus on actually developing your website’s style. SenCSs isn’t a framework like other CSS frameworks, it doesn’t include a layout system littered with silly classes and pre-set grids, so what does SenCSs do? SenCSs does everything else: baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and more. “SenCSs”全稱(chēng)Sensible Standards CSS baseline（發(fā)音“sense”）.它為CSS中所有重復(fù)的部分提供了樸素而實(shí)用的樣式，并且你不用強(qiáng)制應(yīng)用某個(gè)布局系統(tǒng)，這就讓你把注意力真正地集中于開(kāi)發(fā)站點(diǎn)的樣式。SenCSs與其他的框架不同，它沒(méi)有包含那些由亂七八糟的類(lèi)和預(yù)置網(wǎng)格組成的布局系統(tǒng)，SenCSs只使用baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms等基本元素。 |
聯(lián)系客服
