欢迎来到天天文库
浏览记录
ID:22047237
大小:29.00 KB
页数:5页
时间:2018-10-26
《前端开发框架ui组件与javascript插件》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、前端开发框架UI组件和Javascript插件 在几年前,并没有真正意义上的前端开发。随着网络技术的发展,网站和Web应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发。如今,我们可以看到越来越多的公司在招聘前端开发岗位。 前端开发并不容易,除了掌握基本的HTML、CSS和Javascript之外,因为不同版本的浏览器和平台,你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计,它不仅使Web项目开发更难,也需要花费更多的开发时间。 不过,有很多优秀的框架可以帮助到你,这篇文章挑选了14个响应
2、式的前端框架,列出了每个框架的UI组件和Javascript插件,几乎所有的都使用了响应式网格系统。就个人而言,我比较喜欢TwitterBoostrap,你最喜欢这里面的哪个呢? 这些前端框架能为您提供以下好处: 跨浏览器:前端框架都在不同的浏览器测试通过。 一致性:UI组件,如导航,按钮,标签,表单,下拉菜单,表格…他们的风格都相互统一。 快速开发:您可以轻松,快速的构建一个布局。他们通常有代码片段和优秀的文档。 响应式:所有CSS组件和Javascript插件能够从桌面扩展到移动端。 InK Ink是一个用于快速
3、开发Web界面的UI套件,简单易用和。它通过整合HTML,CSS和JavaScript来提供现代化的解决方案,构建布局,显示通用的界面元素,为你的用户实现内容为中心的和用户友好的互动功能。 HTML&CSS组件:布局,导航,排版,图标,表格,提醒,表单。 JavaScript组件:画廊,模态窗口,表格,可排序的日期选择器,选项卡,表单验证,行为(停靠,折叠,关闭)。 其它特性:支持Sass混入。 GroundworkCSS GroundworkCSS灵活的网格系统使你能够快速开发,并能够适应任何屏幕尺寸,从手持设备到大尺
4、寸的显示屏。GroundworkCSS构建在强大的CSS预处理器Sass的基础上。Sass是对CSS3的扩展,并添加了嵌套规则,变量,混入,选择器继广州中维财税http://101.1.28.14/承等等众多特性。使用命令行工具或Web框架插件可以转换为标准的CSS代码。 HTML&CSS组件:网格,布局,排版,按钮,瓷砖,表格,表格,图示,社会的图标,响应文本,消息,警报。 JavaScript组件:导航,标签,工具提示。 其它特性:支持Sass混入。 Ivory 灵活,强大的响应式Web框架,使Web开发更快,更容易
5、。支持1200像素到320px区间的响应式布局。 HTML&CSS组件:网格,排版,表单,按钮,提醒,分页,面包屑,列表,表格。 JavaScript组件:工具提示,选项卡,切换开关,手风琴。 Foundation Foundation是由加利福尼亚州的产品设计公司Zurb推出的。这是目前最先进的响应式前端框架,它有很多的模板布局,UI组件的CSS样式,也收录了很多他们自己的JavaScript插件。 HTML&CSS组件:网格布局模板,图标,字体,响应式表格,SVG社交图标,分页,面包屑,边栏导航,按钮,字体,标签,提
6、醒,面板,价格表,进度条,表格,缩略图。 JavaScript组件:下拉按钮,分割按钮,开关,自适应视频,灯箱,下拉列表,导航,显示模态窗口,选项卡,工具提示。 其他特性:自定义皮肤的表单,SCSS混入。 Grumby Gumby2基于强大的Sass构建,Sass是一个功能强大的CSS预处理器,这使我们能够快速的开发自己的Gumby,并为您提供新的工具,让你能够在Gumby的框架基础上快速定制。 HTML&CSS组件:网格,表单,按钮,导航,标签,Entypo图标。 JavaScript组件:切换开关,下拉框,选项卡,
7、模态窗口。 其他特性:自定义皮肤的表单,SASS&Compass。 HTMLKickStart 超精益的HTML5,CSS&JS模块,用于快速网站制作。它有一个全面的UI组件,也有一些有用的JavaScript插件,它的目标是成为设计师的朋友。 HTML&CSS组件:网格,排版,按钮,按钮条,列表,表格,图标,面包屑,图像,表格。 JavaScript:菜单,工具提示,语法高亮,选项卡,幻灯片,表单验证。 其他特性:额外的CSS工具。 Maxmertkit 这个框架是由VetrenkoMaximSergeevich
8、创建的,使程序员的生活更轻松。Maxmerkit是基于部件修改器编码风格的一个CSS框架。 HTML&CSS组件:网格布局,typograpghy,徽章,按钮,插入符,表格,图标,标签,菜单,进度表,下拉菜单,工具提示。 JavaScript组
此文档下载收益归作者所有