前端向 10+ 值得前端开发者关注的优秀 CSS 框架

4,781 阅读3分钟
原文链接: xituqu.com

摘要:对于互联网的产品而言,前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说,考虑的问题更为复杂,他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码,保证体验的最佳,更要考虑与市面上各大浏览器的兼容性,还需顾及Web前端表现层和前后端交互的架构,以及模块化、通用类库、框架编写等一系列问题,由此提升前端开发的效率,降低开发成本和周期。

Voxelcss

Voxelcss is an open-source, in-browser 3D rendering engine built entirely using CSS.

查看图片

Milligram

Milligram is a minimalist CSS framework. It includes typography, buttons, forms, grids, and more.

查看图片

Bulma

Bulma is a modern CSS framework based on Flexbox. It uses a simple grid system, a flexible navbar, and versatile media objects, among other features.

查看图片

Min

Min is a very inclusive CSS framework that supports even 5.5 versions of Internet Explorer, as well as FF3 , Opera 9 , and Safari 4 , unlike bootstrap, it doesn’t prescribe a certain design for you and it features clear and short class names.

查看图片

StringBean

StringBean is a featherweight CSS framework that comes in at just 4K. It uses a 24-point grid system rather than the more common 12-point.

查看图片

RichCSS

RichCSS is a clean and reusable object oriented CSS framework. It allows for reusability of your CSS, versioning, and more.

查看图片

Outline

Outline is a simple and clean CSS framework that works as a starter boilerplate for new web projects. It features full responsiveness, Sass coding, modular building and Susy grids on demand.

查看图片

BlueTrip

A Beautiful and Full-featured CSS Framework,A CSS framework which combines Blueprint and Tripoli to extend functionality. It is mainly focused on the graphic part of the website, including images and stylesheets for your site structure. It was made by Mike Crittenden, licensing it under modified MIT and GNU.

查看图片

Conclusion

If you’re building a site that doesn’t need too many app-specific UI components, then Base is a fantastic resource. Pages built with it already look pretty; but if you don’t like the default styles, it’s not too difficult to change them.

查看图片

Kube

Kube is definitely a tool for the modern front-end developer. Only modern browsers—and IE9+—are supported. The default styles are pretty, but bland enough to be adapted for use with almost any branding.
It is, in short, a good-looking but plain and simple framework, designed with near-universal visual appeal, and meant for heavy customization.

查看图片

Blaze CSS

Out of the box, Blaze CSS is already lightweight, but you can reduce its file size even more due to its modular architecture which allows you to include only the parts you intend to use in your project. (Read the instructions for creating a custom Blaze CSS build for more info.)

查看图片

Pure

Pure, an open source project led by Yahoo! developers, is a suite of CSS modules that will help you quickly build responsive web designs. Pure has basic styles for all HTML elements (developed on top of Normalize.css), and modules for grid layouts, web forms, buttons, tables, and navigation menus.

查看图片

Picnic CSS
Picnic CSS is a lightweight UI framework written in Sass, making it easier for you to edit and customize variables such as colors and lengths. It also has some impressive, purely-CSS UI components such as a modal window and a content slider.

查看图片

Siimple

Siimple is a minimalist CSS framework for building responsive, clean web designs. It’s similar to Skeleton: It has an intuitive 12-column grid system and base styles for typography, tables, buttons, forms, and more.

查看图片

Skeleton

Though it hasn’t been updated in over a year, Skeleton is still a top-notch starting point/boilerplate for rapidly building modern, responsive web designs. It comes with an intuitive grid system and base styles for your HTML elements.

查看图片

查看图片