G5框架開(kāi)始作為一個(gè)個(gè)人項(xiàng)目。框架在試圖加快工作流程，重復(fù)使用的最佳的編碼方法和類似的編碼技術(shù)中，作為起動(dòng)文件的新網(wǎng)站。

作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)社區(qū)的積極成員，這個(gè)框架是一噸的閱讀和研究的結(jié)果。一年多來(lái)，該框架不斷改變，簡(jiǎn)化，和更新，目前的最佳做法。該框架是非常輕量級(jí)的，只包括的要素是什么，我相信。

該框架是免費(fèi)的，只要個(gè)人及商業(yè)用途的版權(quán)信息保持不變，及在分度頭。不要擔(dān)心，你可以添加你的團(tuán)隊(duì)中的信息也有。

G5框架的詳細(xì)介紹

搜索引擎優(yōu)化

• 元搜索引擎的robots.txt /機(jī)器人
• 規(guī)范的標(biāo)簽+ 301通過(guò)htaccess的下一個(gè)域，以確保所有內(nèi)容的索引
• 隱藏的CSS類 – SEO友好的方式（而不是顯示沒(méi)有切緣陰性）
• gzip，以便于更快的頁(yè)面加載速度（速度會(huì)影響排名）

CSS

• 防止CSS緩存
• 跨瀏覽器的邊界半徑，箱陰影和不透明度類
• 速記CSS /一些基本的可重復(fù)使用的類
• 粘頁(yè)腳（頁(yè)腳始終停留在頁(yè)面的底部 – 閱讀：section.content必須有一個(gè)的底部填充等于或大于頁(yè)腳的高度）

CSS / /通過(guò)復(fù)位

• Eric Meyer的重置重裝上陣+ HTML5基線
• 字體正常化
• Webkit的字體平滑
• 強(qiáng)制滾動(dòng)條
• 格式化引用代碼
• 對(duì)齊標(biāo)簽
• 可點(diǎn)擊輸入
• 屏幕閱讀器訪問(wèn)
• IE7的圖片大小
• 打印樣式

X（HTML）/內(nèi)容

• 干凈的代碼結(jié)構(gòu)
• 940px內(nèi)容的寬度
• 根據(jù)初步設(shè)計(jì)的F布局
• 從老版本的IE瀏覽器的工具欄刪除圖片
• 總是強(qiáng)迫最新的IE渲染引擎（甚至在企業(yè)內(nèi)部網(wǎng)）和Chrome瀏覽器內(nèi)嵌框架

jQuery的

• jQuery的1.5.2回退（1.4.4還包括如果需要的話）
• 平滑滾動(dòng)到頂部
• HTML5占位符回退
• 導(dǎo)航 – 刪除最后一個(gè)項(xiàng)目的緣
• 從最后一段中取出底部填充

PHP

• 添加活動(dòng)類基于頁(yè)面的導(dǎo)航項(xiàng)目
• GZip壓縮頁(yè)（可選替代htaccess文件）

打包帶

• Modernizr的1.6
• CSS3 PIE（支持跨瀏覽器CSS3效果）
• CSS3按鈕（真棒可重復(fù)使用的按鈕）
• 簡(jiǎn)易網(wǎng)格（2-6列）
• IE6 PNG FIX（如果你需要IE6的兼容性）
• IE6更新（如果你想顯示一個(gè)更新消息IE6用戶）
• 喝醉了工具提示（Facebook的如工具提示）
• 揭示情態(tài)動(dòng)詞（偉大的簡(jiǎn)單模態(tài)）
• 軌道的圖像滑塊（可怕的圖像滑塊與3個(gè)不同的動(dòng)畫，HTML標(biāo)題，子彈，縮略圖子彈的可能性，等等..）

總的來(lái)說(shuō)：G5 Framework封裝了很多的功能，方便前端人員快速的開(kāi)發(fā)網(wǎng)站。

官方網(wǎng)址：http://framework.gregbabula.info/