| 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)驗豐富人員的一些有價(jià)值的想法，這是無(wú)法用金錢(qián)買(mǎi)來(lái)的。另一點(diǎn)是你所選框架的社區所扮演的角色。它有多大？這些成員有用嗎？它提供毫無(wú)用處的資源嗎？每一個(gè)問(wèn)題都會(huì )幫助你決定能否用的上所選框架的開(kāi)發(fā)社區。從邏輯上說(shuō)，社區規模越大、用戶(hù)數量越多，你獲得所需幫助的機會(huì )就越多。 Below we will take a look at 8 of the best frameworks we found to be useful for both developers and designers. 下面是我們找到的8種對開(kāi)發(fā)人員和設計人員都很有用的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使用預置了字體排印的網(wǎng)格系統，包含了各種插件，還有內置的forms樣式等。你還能找到非常棒的幫助文檔，它有一個(gè)wiki系統，還有討論組，以及很多基于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代碼變得更加輕松和高效。它收集了很多的表現類(lèi)，能夠讓你的開(kāi)發(fā)進(jìn)程更加友好，使你很好地組織代碼文件。并且它會(huì )自動(dòng)地為外部鏈接添加相關(guān)聯(lián)的圖標，以使用戶(hù)能很快地發(fā)現并訪(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)提供令人驚奇的設計和排版元素。它提供了6種不同的布局，包括垂直導航、兩欄布局、帶水平導航的兩欄布局以及一欄布局。Content with Style是把站點(diǎn)內容按照重要性排序的一個(gè)非常有效的方法，它集中強調了header,main content,sub content等區域。 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è)輕量級的CSS框架基于彈性布局，使用了px，em和百分比來(lái)度量頁(yè)面的寬度。Emastic為字體排印等效果預定義了各種樣式。多數情況下用于分割塊的網(wǎng)格使用了5-75em的長(cháng)度。默認大小可以任意改變，框架的設計選項取決于網(wǎng)格的布局結構。 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è)非常強大的CSS框架，讓我們快速構架和開(kāi)發(fā)站點(diǎn)。它的布局是基于12-16個(gè)欄，并且它的布局模板可以用于Illustrator,Photoshop,Expression Design,Fireworks等設計軟件。如果你認為合適，你甚至可以把模板打印出來(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種預置寬度，6種預置模板，以及能夠堆疊或嵌套多個(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è)結構在編程上非常多樣化，終端用戶(hù)可訪(fǎng)問(wèn)性高。YAML著(zhù)力于web標準和可訪(fǎng)問(wèn)性，雖然很苗條，但它內置了多種擴展，提供多語(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中所有重復的部分提供了樸素而實(shí)用的樣式，并且你不用強制應用某個(gè)布局系統，這就讓你把注意力真正地集中于開(kāi)發(fā)站點(diǎn)的樣式。SenCSs與其他的框架不同，它沒(méi)有包含那些由亂七八糟的類(lèi)和預置網(wǎng)格組成的布局系統，SenCSs只使用baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms等基本元素。 |
聯(lián)系客服
