当前位置:380元网站建设 虎网站 > 常见问题 > 正文

网站设计:较流行的前端框架

发布日期:2015-04-01

        现如西安网站建设快要被各种各样的 CSS 前端框架给淹没了,真做的不错的其实也就那么几个。本文将对比五个虎网科技(西安网站设计)认为是现在较好的框架。这些框架每一个都有自己的优缺点和适用的应用类型, 你需要根据自己的需要来选择不同的框架。如,如果你的项目简单,就不需要使用一个复杂的框架。又或者,很多框架都是模块化的,你可以只是用你需要的模块,或者把不同框架的模块混到一起使用。

我将要介绍的这些框架的顺序与它们在 GitHub 的流行程度有关。自然,就是从较流行的 Bootstrap 说起。

西安网站设计

Bootstrap 无疑地是目前这些类库的领跑者。它非常流行,流行程度还在一天天的增加。这个令人赞叹的工具集不会让你失望的,在你构建成功站点之路上少不了它。

qd201502095
  • 作者:虎网科技(西安网站建设)
  • 介绍:“Bootstrap 是较流行的 HTML、CSS 和 JavaScript 框架,可用来开响应式的移动有限的 Web 项目。”
  • 核心理念/原则:响应式与移动优先
  • 响应式:是
  • 模块化:是
  • 上手模块/布局:是
  • 字体图标:大半 Glyphicon 图标
  • 插件/扩展: 无,不过有大量的第三方插件
  • 特色组件: 超大屏设计
  • 文档: 完善
  • 自定义: 基础的 GUI 自定义;不过你需要手动输入颜色值,因为不支持颜色选择器
  • 浏览器支持: Firefox、Chrome、Safari、IE8+ (IE8 的话需要使用 Respond.js

西安网站设计:Bootstrap 使用心得

Bootstrap 较大的优势就是它非常流行。从技术上讲,它并不是比其他在列框架要先进。只是它有很多资源(文章、教程、第三方插件和扩展以及主题构造器等等),比起其他四个框架合到一起还要多。简单地讲,Bootstrap 就是无处不在。这也是大家继续使用它的原因。

提示:当我说“特色”的组件,这种特色就是针对目前列出的这些框架而言的。

西安网站设计

Foundation 是这个领域的第二大玩家。拥有像 ZURB 这样的公司在背后支持,不得不说它确实有一个非常坚实的基础。总之,Foundation 被很多大的网站采用。包括 Facebook、Mozilla、Ebay、Yahoo 以及 National Geographic 等等。

qd201502091
  • 作者:虎网科技(西安网站设计)
  • 介绍: “世界上较先进的响应式前端框架”
  • 核心理念/原则: 响应式、移动优先、语义化
  • 特色组件: Icon Bar、Clearing Lightbox、Flex Video、Keystrokes、Joyride、Pricing Tables
  • 自定义: 无 GUI 的自定义工具,需要自己手动修改
  • 浏览器支持: Chrome、Firefox、Safari、IE9+;iOS、Android、Windows Phone 7+

Foundation 使用心得

Foundation 的确是一个非常专业的框架,有商业的支持、培训以及外包。它同时还提供很多资源,帮助你更加快速更加容易地学习和使用这个框架。

西安网站设计

Semantic UI 一直在努力让网站建设更加语义化。它利用了自然语言的原则,使得代码更容易读更容易理解。

qd201502093
  • 作者:虎网科技(西安网站建设)
  • 介绍:“一个 UI 模块框架,基于来自自然语言的一些有用的原则。”
  • 核心理念/原则: 语义化、tag ambivalence、响应式
  • 特色组件: pider、Flag、Rail、Reveal、Step、Advertisement、Card、Feed、Item、Statistic、Dimmer
    Rating、Shape
  • 文档: 非常好。Semantic 有组织良好的文档,外加一个单独网站提供指南,帮助用户快速上手,自定义和创建主题。
  • 浏览器支持: Firefox、Chrome、Safari、IE10+ (IE9需要prefix支持)、Android 4、Blackberry 10

Semantic UI 使用心得

在这些框架中,Semantic 是较具革命性特性较全的框架。为了让样式逻辑清晰,语义化,整个框架的结构以及命名约定都要优于其他框架。

西安网站设计

Pure 是一个轻量的、模块化的框架——使用纯 CSS 编写的——根据你的需要,可以组合或者分开使用 Pure 的模块。

qd201502096
  • 作者:虎网科技(西安网站建设)
  • 介绍: “一系列小的,响应式的 CSS 模块,可以用在你的每一个项目中。”
  • 核心理念/原则: SMACSS、极简主义
  • 自定义: 基础的 GUI 皮肤构造工具
  • 浏览器支持: 较新的Firefox、Chrome、Safari; IE7+、iOS 6.x、7.x;Android 4.x

Pure 使用心得

Pure 只提供一套极简的样式,便于你从0开始你的项目。对于那些不需要一个全栈框架,只需要某些组件的加入到他们自己的项目中的用户来讲,这个框架非常符合。

西安网站设计

UIkit 包含了一些列简洁的易用的便于自定义的组件。尽管它没有其他在列的框架流行,但是它提供了相当的功能和质量。

qd201502094
  • 作者: YOOtheme
  • 发布时间: 2013
  • 当前版本: 2.13.1
  • 流行程度: GitHub 上 3,800+ 的 star
  • 介绍: “轻量的,模块化的前端框架,可用来快速构建强大的网页界面”
  • 核心理念/原则: 响应式、移动优先
  • 框架大小: 118 KB
  • 预处理器: Less、Sass
  • 响应式: 是
  • 模块化: 是
  • 上手模块/布局: 是
  • 字体图标: Font Awesome
  • 插件/扩展: 有
  • 特色组件: Article、Flex、Cover、HTML Editor
  • 文档: 好
  • 自定义: 高级的 GUI 自定义工具
  • 浏览器支持: Chrome, Firefox, Safari, IE9+
  • 开原协议: MIT

UIkit 使用心得

UIkit 在WordPress 主题中很成功。它提供了强大灵活的自定义机制,可以手动修改或者使用它的提供的 GUI 自定义工具来实现。

以上内容由虎网科技(西安网站设计,西安网站制作)为您提供,更多精彩内容:https://www.huwz.com/

关注“虎网科技”微信公众号,快速获取互联网较新资讯

申请新西兰签证需要多久?新西兰pr已经申请要多久下来?

    新西兰雇主担保工签下签时间多久? 3个月, 新西兰工作签证有如下类别: 1、基本技能类工签(EssentialSkills)。 基本等同技术移民申请中的joboffer加分时对于职业的技能属性要求。 2、长期短缺技能类工签(LongTermSkillShortageList)。 长期短缺技能类工签申请难度相对较大。该类工签的期限根据具体的工作情况,从1年到3年不等(最长可至5年),到期续签有离...

       我对网站不是很懂,没有专业知识,能操作的了吗? 答:您只要会上网,会打字,写过qq日志或者在论坛或博客发表过文章,就完全可以!

       网站产品报错文案应该怎么写 为什么错误信息很重要 我们可能都偶尔会看到一个密码不正确错误提示(或者,嗯,每天)。如果事情没有按照预期的方式工作,可能会令人沮丧,但我们通常只是把它刷掉,没什么大不了的。但这些小时刻的累积效应是什么?每个错误信息都是一个小小的障碍,妨碍了我们正在尝试做的事情。根据情景,无用的信息可能是诱导用户继续或放弃的主要原因。甚至还有一些研究表明存在一种身体压力反应:错误信息可以提高皮质醇水平。 1.说出发...

       网站结构细节问题须注意 首先,导航可以说是整体的分类网站内容:优秀的分类可以显示网站的整体结构,直接向登陆者展示,也极大方便搜索引擎索引爬行,让搜索引擎特别很是方便地抓取您的网站上的网站信息;   第二,导航尽量使用文字。要尽量使用通俗 的HTML文本导航,不要使用一个图片作为导航链接,虽然搜索引擎技术的发展,可以读取图像信息,但许多搜索引擎或不阅读图片的,特殊是百度只能辨认文字,不能很好地处理图片。所以我们应该尽我们最...

       让用户体验差的网站设计有哪些? 1、用户点击后无反馈 当用户在你的应用中进行点击后请给予及时的反馈吧,否则用户会以为你的应用挂了,并且马上退出。 2、无休止的引导 如果使用自己的手机,我只想快速完成相关任务。别问我各种问题或者让我填写乱七八糟的内容。 3、触控热区尺寸不对 请停止把按钮和输入框做的太小,这不是网页。我的手指需要轻松触及行动按钮,而不是要进行精确到像素级的点击。 4、使用古怪的导航模式 想让用户可以快速熟悉你的应用...

       佛山禅城鑫丽建筑建材和虎网站签下网站建设事宜 鑫丽在佛山市禅城区石湾镇街道黎冲仁星村六巷。鑫丽选用虎网站经济型入门级网站案例,其功能比较简单的程序,广告单图(无动漫),页面较简单,适合小微企业产品展示型网站。鑫丽是经佛山市禅城区工商局审核的有资质公司,统一社会信用代码:0000。同时经国家工信部和广东省通信管理局审核通过ICP备案;备案号:0000。   鑫丽产品系列:双色系列、锆石系列、单色系列。鑫丽不断引进国外先进深加工设备,加工方式多种...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读