• 我應該不會去寫這本書了。

    所以還是把大綱放出來給大家參考一下吧。 

    CSS3網頁框架大全

    【要求】

    (1)頁數在400-500頁。

    (2)全書案例都是一些炫彩的CSS框架,可以翻譯一些國外的。每張案例大概20頁。

    (3)第1章是CSS3的技術簡介,也別太多理論,以簡單案例為主。從第2章開始,每章是一個CSS3框架案例,先簡介下某框架,然后用此框架開發幾個網站模板,都要中文的。

    (4)全書的目錄標題要簡單,讀者一看就懂,不管讀者有沒有基礎都能看懂,這是關鍵。

    (5)提供開發過程中的疑難解答、調試問題、瀏覽器兼容技術,每章都有。

     

    【參考目錄】

    (1)目錄參考《HTML5游戲開發》一書

    http://product.china-pub.com/198661#ml

     

    本系列要出版的方向有HTML5+CSS3、CSS3、JavaScript組合案例、jQuery插件案例、HTML5移動應用案例、HTML5在線游戲案例、jQuery移動應用案例。

     

    您需要列大綱(確定寫作內容)--->寫10頁試試(根據出版規范寫作)--->出版社審批(提交作者表格和簡歷)--->簽訂合同

     

    一頁約 800 字, 包括圖片和代碼

     


    有用的link

     

     

       * http://www.gbin1.com/technology/html/2011111010handyhtml5css3frameworks/ 10个便利的HTML5/CSS3框架

       * http://www.iteye.com/news/20054  27 款经典的CSS 框架

       * http://www.webdeveloperjuice.com/2013/01/18/top-notch-css3-frameworks-worth-considering-for-website-design/ 8 Top Notch CSS3 Frameworks worth Considering for Website Design

       * http://webexpedition18.com/articles/responsive-css-frameworks/ 15 CSS Frameworks for Responsive Web Design

       * http://www.360doc.com/content/13/0110/01/21412_259269658.shtml

       * http://www.360doc.com/content/11/1126/12/8157240_167494521.shtml 

       * http://www.360doc.com/relevant/97354202_more.shtml 

     


    目錄

     

     

      1. 什麽是 CSS3

        1. CSS3 的定義

        2. 如何發展到 CSS3 版本并和過去版本的 CSS 比較

        3. CSS3 現在能做什麽

          1. 案例 A - iPad\iPhone 移動開發

          2. 案例 B - 和 HTML5 搭配開發「現代網站」

        4. 一些著名的 CSS 框架介紹

      2. 960Grid

      3. YUI 2: Grids CSS

      4. Blueprint 

      5. Twitter Bootstrap

        1. 簡介(Twitter 開發的,Twitter 亦基於 Bootstrap)

        2. 文檔

        3. 案例

        4. 擴展

          1. Bootswatch - 切換 Bootstrap UI 

      6. EZ-CSS (http://www.ez-css.org/)

      7. 高級的 CSS 開發技術

        1. LESS

          1. 簡介 LESS 如何使用

          2. Less Framework 4 http://lessframework.com/

        2. SASS

          1. 簡介 SASS 如何使用

        3. 對比分析 LESS 和 SASS 的優缺點

      8. 其他的一些 CSS 有益補充

        1. TYPO.CSS (CSS 中文排版)

        2. http://ethantw.net 的漢字標準格式

        3. Animate.css (CSS3 動畫庫)

        4. http://photon.attasi.com/ Photon CSS3 3D 光照引擎

        5. css3buttons https://github.com/michenriksen/css3buttons

      9. 使用 Javascript 來補充 CSS

        1. cssFX http://imsky.github.com/cssFx/ 自動添加prefix

      10. 有用的線上工具

        1. 

     

     

    待定是否介紹的框架

     

     

      1. thinkcss

     

     


    備註

    框架從 CSS3 的 css 文件集合開始介紹,到類似 Bootstrap 的多種集成框架,到 LESS、SASS 的編程式 CSS 開發介紹

    框架亦分 移動框架 和 桌面框架 兩個部份 , 最後介紹 自適應框架 .

     

     

      1. CSS Reset

      2. CSS 文件集合(動畫之類)

      3. 桌面框架(960gs\YUI\Bootstrap 等)

      4. 移動框架()

      5. 自適應框架

      6. LESS\SASS

     

     

    框架介紹方法

     

     

      1. 框架怎麼來

      2. 文檔 \ 技術支持

      3. 案例

     

  • 在需要使用百度地图的地方
    加入
     
    img {
      max-width: none;
    }

    即可.

    目前在研究 Web 如何更好地显示地图.

     

    来自 nanju

    内置的CSS:

    #map_canvas img {
            max-width: none;
    }