当前位置: 首页 >> APP设计教程_APPUI设计教程_UI设计教程_网页设计师加油站 >> 阅读正文

HTML5框架之G5 Framework的详细介绍与解读

G5框架开始作为一个个人项目。框架在试图加快工作流程,重复使用的最佳的编码方法和类似的编码技术中,作为起动文件的新网站。

作为一个网页设计社区的积极成员,这个框架是一吨的阅读和研究的结果。一年多来,该框架不断改变,简化,和更新,目前的最佳做法。该框架是非常轻量级的,只包括的要素是什么,我相信。

该框架是免费的,只要个人及商业用途的版权信息保持不变,及在分度头。不要担心,你可以添加你的团队中的信息也有。

HTML_5_framework2_thumb

 

G5框架的详细介绍

 

搜索引擎优化

  • 元搜索引擎的robots.txt /机器人
  • 规范的标签+ 301通过htaccess的下一个域,以确保所有内容的索引
  • 隐藏的CSS类 – SEO友好的方式(而不是显示没有切缘阴性)
  • gzip,以便于更快的页面加载速度(速度会影响排名)

CSS

  • 防止CSS缓存
  • 跨浏览器的边界半径,箱阴影和不透明度类
  • 速记CSS /一些基本的可重复使用的类
  • 粘页脚(页脚始终停留在页面的底部 – 阅读:section.content必须有一个的底部填充等于或大于页脚的高度)

CSS / /通过复位

  • Eric Meyer的重置重装上阵+ HTML5基线
  • 字体正常化
  • Webkit的字体平滑
  • 强制滚动条
  • 格式化引用代码
  • 对齐标签
  • 可点击输入
  • 屏幕阅读器访问
  • IE7的图片大小
  • 打印样式

X(HTML)/内容

  • 干净的代码结构
  • 940px内容的宽度
  • 根据初步设计的F布局
  • 从老版本的IE浏览器的工具栏删除图片
  • 总是强迫最新的IE渲染引擎(甚至在企业内部网)和Chrome浏览器内嵌框架

jQuery的

  • jQuery的1.5.2回退(1.4.4还包括如果需要的话)
  • 平滑滚动到顶部
  • HTML5占位符回退
  • 导航 – 删除最后一个项目的缘
  • 从最后一段中取出底部填充

PHP

  • 添加活动类基于页面的导航项目
  • GZip压缩页(可选替代htaccess文件)

打包带

  • Modernizr的1.6
  • CSS3 PIE(支持跨浏览器CSS3效果)
  • CSS3按钮(真棒可重复使用的按钮)
  • 简易网格(2-6列)
  • IE6 PNG FIX(如果你需要IE6的兼容性)
  • IE6更新(如果你想显示一个更新消息IE6用户)
  • 喝醉了工具提示(Facebook的如工具提示)
  • 揭示情态动词(伟大的简单模态)
  • 轨道的图像滑块(可怕的图像滑块与3个不同的动画,HTML标题,子弹,缩略图子弹的可能性,等等..)

 

总的来说:G5 Framework封装了很多的功能,方便前端人员快速的开发网站。

官方网址:http://framework.gregbabula.info/

本文标题:HTML5框架之G5 Framework的详细介绍与解读

本文地址:http://www.25xt.com/allcode/1148.html

本文关键词:

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。