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

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

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

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

HTML_5_framework2_thumb

 

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

 

搜索引擎優(yōu)化

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

CSS

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

CSS / /通過復(fù)位

  • Eric Meyer的重置重裝上陣+ HTML5基線
  • 字體正?;?/span>
  • Webkit的字體平滑
  • 強制滾動條
  • 格式化引用代碼
  • 對齊標(biāo)簽
  • 可點擊輸入
  • 屏幕閱讀器訪問
  • IE7的圖片大小
  • 打印樣式

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

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

jQuery的

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

PHP

  • 添加活動類基于頁面的導(dǎo)航項目
  • GZip壓縮頁(可選替代htaccess文件)

打包帶

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

 

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

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

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