小程序 css 框架_程序员友好CSS框架

小程序 css 框架

There is nothing better than programming in today’s society of WordPress, Joomla and Drupal powered websites. Most of the scripting is easy to manipulate and many developers can finish projects in bulk – whereas before writing thousands of lines of HTML code took forever.

在当今的WordPress，Joomla和Drupal支持的 站 会中，没有什么比编程更好的了。 大多数脚本易于操作，许多开发人员可以批量完成项目，而在编写数千行HTML代码之前就花了很多时间。

Programmers who utilize the six cascading style sheet frameworks below will enjoy both quick page loading times, smaller file sizes to work with, extensible plugin support and implementation along with unique printable grid sheets which can be used to draw out designs before actually slapping them live.

使用以下六个级联样式表框架的程序员将享受快速的页面加载时间，较小的文件大小，可扩展的插件支持和实现以及独特的可打印 格表，这些 格表可用于在实际拍下它们之前将其绘制出来。

960 格系统 (960 Grid Systems)

960 Grid System is one of the most systematic approaches towards web development now followed and appreciated by a significant number of web developers around the world.

960 格系统是当今Web开发中最系统的方法之一，全球许多Web开发人员都对此加以认可。

Web developers can maintain a seamless workflow and correlate different elements of webpages of any website through this system. The common working dimension of this gridded system comes in at 960 pixels of scalable width. Both 12 column and 16 column grid configurations come with 60 pixels and 120 pixels of width, which allows this system to be slightly more flexible than most. The alternative version of this grid system has 30 pixels and 10 pixels respectively, which each have 5 pixels of buffer area.

Web开发人员可以通过此系统维护无缝的工作流，并关联任何 站的 页的不同元素。 该 格化系统的通用工作尺寸为可缩放宽度的960像素。 12列和16列 格配置都具有60像素和120像素的宽度，这使该系统比大多数系统更具灵活性。 此 格系统的替代版本分别具有30像素和10像素，每个像素都有5像素的缓冲区。

Developers have more options to play with using both print and form element styles throughout the 960 Grid System. There is no need to code the CSS part of any website as these codes are pre-loaded with this system. Developers are now able to play more with the design parts of any website through the sketch sheets of this flexible web development system.

在整个960 Grid System中，开发人员可以同时使用打印样式和表单元素样式。 无需对任何 站CSS部分进行编码，因为这些代码已随系统一起预装。 现在，开发人员可以通过此灵活的Web开发系统的草图来处理任何 站的设计部分。

The built in user interface like tabs and buttons are also available in 960 Grid System, and this reduces the workload of the web developers. Web developers can utilize their developing skill in a more professional manner than before, when they have default spacing and sizes for typography available in this grid system.

内置的用户界面(例如选项卡和按钮)在960 Grid System中也可用，这减少了Web开发人员的工作量。 当Web开发人员具有此 格系统中可用的默认字体间距和尺寸时，他们可以以比以前更专业的方式利用其开发技能。

蓝图CSS (Blueprint CSS)

Development time and the compatibility issues of any website are considered as two major constraints for many web developers. Blueprint CSS is a very reliable and flexible website development framework that helps web developers overcome those barriers.

任何 站的开发时间和兼容性问题都被视为许多Web开发人员的两个主要限制。 蓝图CSS是一个非常可靠且灵活的 站开发框架，可帮助Web开发人员克服这些障碍。

This platform is suited for both beginners and professional web developers. It is now easier for web developers to customize and manage the grids during developing any website without facing any trouble and difficulties. Developers can also enjoy the powerful scripts of Blueprint CSS for their customization purpose, as well.

该平台适合初学者和专业Web开发人员。 现在，Web开发人员可以在开发任何 站时更轻松地自定义和管理 格，而不会遇到任何麻烦和困难。 开发人员还可以出于自定义目的而享用Blueprint CSS的强大脚本。

With the help of an information architect, web developers can work and edit the images of the website without needing other third party software. The baseline and default setup of the typography comes as the integral part of Blueprint CSSS. This helps web developers utilize most of their developing time in other parts of the website and make the website purposeful than before.

It is now easier to define the column in this grid based developing platforms, as the developer doesn’t need to write lines of codes for this purpose.

现在，在此基于 格的开发平台中定义列更加容易，因为开发人员无需为此编写代码行。

YAML 4 (YAML 4)

YAML 4 is a special format for website development that is derived from the concept of different programming languages. In simple terms, YAML 4 can be explained as the syntax to map the data types. This is one of the best frameworks for the web developer who is trying to develop accessible, responsive and flexible websites.

YAML 4是一种用于 站开发的特殊格式，它源于不同编程语言的概念。 简单来说，YAML 4可以解释为映射数据类型的语法。 对于试图开发可访问，响应Swift且灵活的 站的Web开发人员而言，这是最佳的框架之一。

The grid system of this framework is more flexible than other frameworks that are used for professional website development. A wide range of theme comes with this framework and the web developers can explore their creativity in the look and feel of their developed website.

该框架的 格系统比用于专业 站开发的其他框架更灵活。 该框架提供了广泛的主题，Web开发人员可以在其开发的 站的外观上探索其创造力。

Maintaining the standard of any website and keeping it accessible are two great challenges for web developers, which they can easily deal with by utilizing YAML 4. On the other hand, YAML 4 is more human readable than XML. Built-in arrays and dictionaries of this framework also help web developers add extra features to their websites. Developers can also avoid any conflict in their codes as this platform provides a rich name-spacing facility. The hierarchical and simple representation of data structure inside YAML 4 makes it one of the best tools for web developers.

维护任何 站的标准并使其可访问性是Web开发人员面临的两个巨大挑战，他们可以通过使用YAML 4轻松解决这些问题。另一方面，YAML 4比XML更具可读性。 该框架的内置数组和词典还可以帮助Web开发人员向其 站添加额外的功能。 开发人员还可以避免其代码中的任何冲突，因为该平台提供了丰富的名称间隔功能。 YAML 4内部数据结构的层次结构和简单表示形式使其成为Web开发人员的最佳工具之一。

因纽特人CSS框架 (Inuit CSS Framework)

Based on HTML5 coding standards, the Inuit gridded cascading style sheet backbone allows programmers to easily scale finished products to fit small screens like tablets or smaller monitors.

基于HTML5编码标准， 因纽特人 格化的层叠样式表主干使程序员可以轻松地缩放成品，以适合平板电脑或较小的显示器等小屏幕。

Plenty of plugins are available to add to this excellent platform.  The typographical intricacies which programs have access to is loose, as is the baseline.  Minimum predefined styling means that thirsty programmers can enjoy doing little extra work to make their final product look really snazzy. All current browser configurations will support this CSS framework.

大量插件可用于添加到这个出色的平台。 程序可以访问的印刷错综复杂，基线也是如此。 最小的预定义样式意味着渴了的程序员可以少做一些额外的工作，以使最终产品看起来真的很漂亮。 当前所有的浏览器配置都将支持此CSS框架。

Overall, this framework has monstrous capabilities yet symmetrical boundaries that maintain robust structure throughout.

总体而言，该框架具有强大的功能和对称的边界，可始终保持健壮的结构。

Support for this free framework is also available via the CSS Wizardry website.

也可以通过CSS Wizardry 站获得对此免费框架的支持。

jQuery UI CSS框架 (JQuery UI CSS Framework)

Programming professionals who love using jQuery can get their hands on UI 1.7, which is very theme-friendly.

喜欢使用jQuery的编程专业人员可以使用UI 1.7 ，这是非常友好的主题。

Easy naming and standardized acceptance of many plugins can be used to propagate fast yet sharp looking websites in no time.  Great attention went into creating an excellent array of colors for UIs that can be applied to numerous style elements for crisper looking displays.

易于命名和对许多插件的标准化接受可立即用于传播快速而清晰的 站。 大量的注意力都集中在为UI创建出色的颜色阵列上，这些颜色可以应用于众多样式元素，以使外观更加清晰。

More included features are available in the most recent update which comprises of the following: datepicker widget, better localization, callback property enhancements, AJAX JSON Datepicker and overall simplistic input elements.

最新的更新中提供了更多包含的功能，其中包括以下内容：datepicker小部件，更好的本地化，回调属性增强，AJAX JSON Datepicker和总体上简单的输入元素。

With the capabilities to handle the most daunting design issues often faced, the JQuery UI CSS Framework is definitely one of the top picks around for content management system theme builders.

有了处理经常遇到的最艰巨的设计问题的能力，JQuery UI CSS框架无疑是内容管理系统主题构建者的首选之一。

金色 格系统 (Golden Grid System)

If you’re looking for an innovative custom grid system to design excellent themes, choosing the Golden Grid system would be an excellent bet for your programming business, or even for personal use.

如果您正在寻找一种创新的定制 格系统来设计出色的主题，那么选择Golden Grid系统将是您编程业务乃至个人使用的绝佳选择。

Sixteen printable design columns are available to use while you can also cut that in half for smaller mobile screens.   A zoom-friendly baseline gridding system with clear typography choices further define this cascading style sheet backbone as a great choice for many new and experienced CSS programmers.

可以使用16个可打印的设计列，而对于较小的移动屏幕，您也可以将其切成两半。 具有清晰字体选择的可缩放缩放基线 格系统进一步定义了此级联样式表主干，是许多新手和经验丰富CSS程序员的绝佳选择。

An available Mobile browser fix is available for those experiencing difficulty when scaling down resolution. We grade this as perhaps the simplest framework of the six.

缩放分辨率时遇到困难的人可以使用可用的移动浏览器修复程序。 我们认为这可能是六个框架中最简单的框架。

Do you have any opinions on this lotOr can you add othersLet us know in the comments.

您对此有什么意见还是可以添加其他人让我们在评论中知道。

翻译自: https://www.sitepoint.com/programmer-friendly-css-frameworks/

小程序 css 框架

文章知识点与官方知识档案匹配，可进一步学习相关知识Java技能树首页概览92193 人正在系统学习中 相关资源：聚会喝酒看美女必备APP_秀人 -Android其他资源-CSDN文库