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

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

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

 

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/