Instant LESS CSS Preprocessor How-to
暫譯: 即時 LESS CSS 預處理器實用指南

Alex Libby

  • 出版商: Packt Publishing
  • 出版日期: 2013-03-11
  • 售價: $1,010
  • 貴賓價: 9.5$960
  • 語言: 英文
  • 頁數: 80
  • 裝訂: Paperback
  • ISBN: 178216376X
  • ISBN-13: 9781782163763
  • 相關分類: CSS
  • 海外代購書籍(需單獨結帳)

買這商品的人也買了...

相關主題

商品描述

Practical, hands-on recipes to write more efficient CSS, with the help of the LESS CSS Preprocessor library

Overview

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Use mixins, functions, and variables to dynamically auto-generate styles, based on minimal existing values.
  • Use the power of LESS to produce style sheets dynamically, or incorporate precompiled versions into your code.
  • Learn how to use existing mixin libraries, or to create your own that you can reuse in future projects

In Detail

CSS styling has been a key part of developing for the Internet since the early 1990s, but unlike JavaScript, has suffered from the inability to produce dynamic styles using functions, operators, and variables. LESS brings the power of all three and more to your CSS, allowing you to engage a more efficient, modular style of working, and making it easier to maintain your CSS styling in your projects.

Instant LESS CSS Preprocessor How-To is a practical, hands-on guide that provides you with a number of clear step-by-step exercises to help you take advantage of the power of LESS, and give you a good grounding in writing and compiling CSS style sheets using the LESS Preprocessor language.

This book looks at how you can incorporate LESS into your web pages, and either produce style sheets dynamically, or pre-compile them before including the final article into your site’s pages.

You will also learn how you can use the power of mixins, functions, and variables to help produce style sheets, and reduce the amount of code you need to write in your style sheets. We will also take a look at how you can incorporate a more modular style to your development workflow, which will help with making style sheets more manageable and easier to update in the future. We will also take a look at how you can build up libraries of reusable code that you can incorporate into your future projects.

You will learn everything you need to know to start using LESS to help produce more efficient style sheets in your site’s pages, and adopt a more modular development workflow, which will make it easier to maintain your sites in the future.

What you will learn from this book

  • Install and use LESS into your site.
  • Produce dynamic style sheets, or precompiling and including the final articles into your site’s pages.
  • Use variables, functions, mixins, and operators in your LESS code.
  • Use JavaScript to produce styles in your LESS code.
  • Use LESS with other libraries, such as Modernizr.
  • Create, import or use existing pre-built mixin libraries in your projects.
  • Use existing mixin libraries, or create your own, that you can reuse in future projects.
  • Learn how to write more efficient CSS, using LESS.

Approach

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks. Get the job done and learn as you go. A how-To book with practical recipes accompanied with rich screenshots for easy comprehension.This book takes the How-to series approach to help you learn most important tasks through recipes

商品描述(中文翻譯)

實用的、動手操作的食譜,幫助您撰寫更有效率的 CSS,並利用 LESS CSS 預處理器庫的幫助

概述
- 立即學習新知!一本短小、快速、專注的指南,提供即時的結果。
- 使用 mixins、函數和變數,根據最少的現有值動態自動生成樣式。
- 利用 LESS 的強大功能動態生成樣式表,或將預編譯的版本納入您的代碼中。
- 學習如何使用現有的 mixin 庫,或創建您自己的庫,以便在未來的項目中重複使用。

詳細內容
CSS 樣式自 1990 年代初期以來一直是網際網路開發的關鍵部分,但與 JavaScript 不同,CSS 無法使用函數、運算符和變數來生成動態樣式。LESS 將這三者及更多功能帶入您的 CSS,讓您能夠採用更有效率的模組化工作方式,並使您在項目中更容易維護 CSS 樣式。

《Instant LESS CSS Preprocessor How-To》是一本實用的、動手操作的指南,提供多個清晰的逐步練習,幫助您充分利用 LESS 的強大功能,並為您提供使用 LESS 預處理器語言撰寫和編譯 CSS 樣式表的良好基礎。

本書探討了如何將 LESS 整合到您的網頁中,並動態生成樣式表,或在將最終文章納入您的網站頁面之前進行預編譯。

您還將學習如何利用 mixins、函數和變數的強大功能來生成樣式表,並減少您在樣式表中需要撰寫的代碼量。我們還將探討如何將更模組化的風格納入您的開發工作流程,這將有助於使樣式表更易於管理和未來更新。我們還將看看如何建立可重用代碼的庫,以便在未來的項目中納入。

您將學習到使用 LESS 來生成更有效率的樣式表所需的所有知識,並採用更模組化的開發工作流程,這將使您在未來更容易維護您的網站。

您將從本書中學到的內容
- 安裝並在您的網站中使用 LESS。
- 生成動態樣式表,或預編譯並將最終文章納入您的網站頁面。
- 在您的 LESS 代碼中使用變數、函數、mixins 和運算符。
- 使用 JavaScript 在您的 LESS 代碼中生成樣式。
- 將 LESS 與其他庫(如 Modernizr)結合使用。
- 在您的項目中創建、導入或使用現有的預建 mixin 庫。
- 使用現有的 mixin 庫,或創建您自己的庫,以便在未來的項目中重複使用。
- 學習如何使用 LESS 撰寫更有效率的 CSS。

方法
本書充滿了實用的逐步指導和對最重要、最有用任務的清晰解釋。完成工作並在過程中學習。這是一本實用的食譜書,配有豐富的截圖以便於理解。本書採用 How-to 系列的方法,幫助您通過食譜學習最重要的任務。