Bootstrap Site Blueprints

David Cochran, Ian Whitley

  • 出版商: Packt Publishing
  • 出版日期: 2013-09-03
  • 售價: $1,830
  • 貴賓價: 9.5$1,739
  • 語言: 英文
  • 頁數: 304
  • 裝訂: Paperback
  • ISBN: 1782164529
  • ISBN-13: 9781782164524
  • 相關分類: Bootstrap
  • 相關翻譯: Bootstrap 實戰 (簡中版)
  • 下單後立即進貨 (約3~4週)

商品描述

Without Bootstrap your web designs may not be reaching their full potential. This book will change that through a series of hands-on projects covering everything from custom icon fonts to JavaScript plugins.

Overview

  • Learn the inner workings of Bootstrap 3 and create web applications with ease
  • Quickly customize your designs working directly with Bootstrap’s LESS files
  • Leverage Bootstrap’s excellent JavaScript plugins

In Detail

Since its debut in August 2011, Twitter Bootstrap, now simply Bootstrap, has become by far the most popular framework for empowering and enhancing frontend web design. With Version 3, Bootstrap reaches an exciting new milestone, introducing a mobile-first responsive grid, new and powerful LESS mixins, and a lean code base optimized for modern browsers.

"Bootstrap Site Blueprints" is a hands-on guide to the inner workings of Bootstrap’s latest and greatest development milestone. In an easy-to-follow, step-by-step format, you’ll quickly get to know the ins and outs of Bootstrap while building a portfolio site, a WordPress theme, a business site, an e-commerce interface, and administration interface, and an upscale marketing site.

"Bootstrap Site Blueprints" guides you through the process of building different types of web applications, by leveraging the power of Bootstrap 3. In the process, you’ll experience the power of customizing and recompiling Bootstrap’s LESS files and adapting Bootstrap’s JavaScript plugins, to the design of an excellent user interface. While creating these layouts, you will quickly become comfortable with customizing Bootstrap to meet the needs of your specific projects. You will add custom icon fonts, customize and recompile Bootstrap’s powerful LESS files, and leverage Bootstrap’s excellent JavaScript plugins to create dynamic user interfaces.

By the end of this book you will be a more adept and efficient designer.

What you will learn from this book

  • Set up a custom Bootstrap project
  • Customize and recompile Bootstrap’s LESS files
  • Incorporate custom icon fonts
  • Write your own LESS variables and mixins
  • Translate a Bootstrap design into a WordPress theme
  • Leverage Bootstrap’s powerful JavaScript plugins
  • Incorporate non-Bootstrap JavaScript plugins into your design
  • Optimize Bootstrap CSS and JavaScript for performance
  • Implement the PictureFill responsive images method
  • Add touch swipe functionality to the Bootstrap carousel

Approach

A hands-on guide with projects based on fictitious, but common, application development briefs, which will illustrate practical ways of applying responsive web design with Bootstrap.

Who this book is written for

Whether you are a beginner or intermediate web developer, if you wish to make the most of Bootstrap, then this book is for you. You should be familiar with the fundamentals of HTML and CSS, and have some experience incorporating JavaScript plugins. Prior Bootstrap experience is optional.

商品描述(中文翻譯)

沒有使用Bootstrap,你的網頁設計可能無法發揮其全部潛力。這本書將通過一系列的實踐項目來改變這一點,涵蓋從自定義圖標字體到JavaScript插件的所有內容。

概述:
- 學習Bootstrap 3的內部運作,輕鬆創建網頁應用程序
- 通過直接使用Bootstrap的LESS文件快速自定義設計
- 利用Bootstrap優秀的JavaScript插件

詳細內容:
自2011年8月推出以來,Twitter Bootstrap(現在簡稱為Bootstrap)已成為遠超其他框架的最受歡迎的前端網頁設計框架。在第3版中,Bootstrap達到了一個令人興奮的新里程碑,引入了一個以移動為先的響應式網格、新的強大的LESS mixins,以及針對現代瀏覽器進行優化的精簡代碼庫。

《Bootstrap網站藍圖》是一本關於Bootstrap最新和最偉大的開發里程碑的實踐指南。以易於遵循的逐步格式,您將在構建投資組合網站、WordPress主題、企業網站、電子商務界面、管理界面和高檔營銷網站的過程中迅速了解Bootstrap的內部運作。

《Bootstrap網站藍圖》將引導您通過利用Bootstrap 3的強大功能來構建不同類型的網頁應用程序。在此過程中,您將體驗自定義和重新編譯Bootstrap的LESS文件以及適應Bootstrap的JavaScript插件,以設計出優秀的用戶界面的力量。在創建這些佈局的過程中,您將迅速熟悉自定義Bootstrap以滿足特定項目需求的方法。您將添加自定義圖標字體,自定義和重新編譯Bootstrap強大的LESS文件,並利用Bootstrap優秀的JavaScript插件創建動態用戶界面。

通過閱讀本書,您將成為一位更熟練和高效的設計師。

本書將教您:
- 設置自定義的Bootstrap項目
- 自定義和重新編譯Bootstrap的LESS文件
- 整合自定義圖標字體
- 編寫自己的LESS變量和mixins
- 將Bootstrap設計轉換為WordPress主題
- 利用Bootstrap強大的JavaScript插件
- 將非Bootstrap的JavaScript插件整合到設計中
- 優化Bootstrap的CSS和JavaScript以提高性能
- 實施PictureFill響應式圖像方法
- 將觸摸滑動功能添加到Bootstrap輪播組件

方法:
這是一本以虛構但常見的應用程序開發簡介為基礎的實踐指南,將演示如何實際應用Bootstrap進行響應式網頁設計。

本書適合對Bootstrap有一定了解的初學者或中級網頁開發人員。您應該熟悉HTML和CSS的基本知識,並具有一些整合JavaScript插件的經驗。先前的Bootstrap經驗是可選的。