HTML5框架之G5 Framework的詳細(xì)介紹與解讀

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

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

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

HTML_5_framework2_thumb

 

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

 

搜索引擎優(yōu)化

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

CSS

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

CSS / /通過復(fù)位

  • Eric Meyer的重置重裝上陣+ HTML5基線
  • 字體正?;?/span>
  • Webkit的字體平滑
  • 強(qiáng)制滾動(dòng)條
  • 格式化引用代碼
  • 對(duì)齊標(biāo)簽
  • 可點(diǎ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)類基于頁面的導(dǎo)航項(xiàng)目
  • GZip壓縮頁(可選替代htaccess文件)

打包帶

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

 

總的來說:G5 Framework封裝了很多的功能,方便前端人員快速的開發(fā)網(wǎng)站。

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

每天更新,
全站高品質(zhì)素材免費(fèi)下載!