深入PostCSS Web設計
作者: 【英】Alex Libby(亞歷克斯·利比)
譯者: 大漠 孫崇升 姬忠靜 肖少彥
出版社:電子工業出版社
作者簡介
Alex Libby 從事IT 支持工作,有近20年的多領域終端用戶支持經驗,目前在英國的一家全球經銷商擔任 MVT 測試開發者。雖然 Alex 的日常工作是和各種技術打交道,但他最關注的還是開源社區的動向,尤其是 CSS/CSS3、jQuery 和 HTML5 等技術。到目前為止,Alex 已經通過 Packt 出版了10本技術書籍並參與了多本書籍的審校工作,涉及 jQuery、HTML5 視頻、Sass 和 CSS 等技術,《深入PostCSS Web設計》是 Alex 通過 Packt 出版的第11 本書。
PostCSS是一種工具,一款已成長為像Sass和LESS一樣主流的處理器,這一切都歸功於它的強大、速度和易用性。《深入PostCSS Web設計》是使用PostCSS的完全指南,《深入PostCSS Web設計》將指導你如何編寫優秀的樣式,並將其運用到Web頁面,同時讓你的樣式保持可維護性。這《深入PostCSS Web設計》將向你展示如何利用PostCSS簡化樣式表的整個過程。它涵蓋了給Web頁面添加動態的、現代的樣式特性的各種技術。隨著內容的深入,你將學習如何使用PostCSS來讓CSS更具模塊化的特性、更易於維護。讀完《深入PostCSS Web設計》,你將掌握如何給Web添加CSS樣式表,以及如何創建高執行,可維護的樣式表。
添加支持PostCSS的混合宏、變數以及條件支持。
探索代碼嵌套的不同方式,如BEM和PostCSS的嵌套。
使用PostCSS優化媒體查詢,獲得最佳性能。
使用PostCSS處理器給元素,如圖像、字體、網格、SVG和高清圖像添加樣式。
熟悉使用插件和使用PostCSS API擴展插件。
定製自己的處理器並在不同的網站上測試,比如WordPress。
在PostCSS中編寫一個自定義語法,如類似Sass、LESS或Stylus處理器的語法。
提供對未來的CSS特性(如CSS4特性和一些CSS3特性)的支持。
點擊展開全文
![](https://pic.pimg.tw/zzuyanan/1488615166-1259157397.png)
![](https://pic.pimg.tw/zzuyanan/1482887990-2595557020.jpg)
※【第1006期】ECMAScript 6 新特性
※從移動端click到搖一搖
※你不應該錯過的前端技術會議
※Nodejs cluster模塊深入探究
TAG:前端早讀課 |
※YEEZY Season 6 Crepe Sneaker 全黑設計正式上架
※Meta可為SolidWorks設計人員提供3D CAD支持
※Ibn Jasper 曝光 YEEZY Season 7 全新球鞋設計
※Rick Owens設計了一款新鞋 | ACRONYM x VaporMax 公布 | AJ1 《Game Royal》下周發售
※菲董也要發力!BILLIONAIRE BOYS CLUB x adidas Originals 良心設計細節曝光!
※YEEZY Season 7 全新球鞋設計曝光,Apple MacBook Air 或將在今年迎來升級 | HB Daily
※Supreme x LOUIS VUITTON x NMD還談設計?印上Logo估計就要上天了吧!
※帶E-Marker晶元的USB Type-C公頭PCB設計指南
※iPhone X Plus/廉價版iPhone X曝光:蘋果採用雙SIM卡設計!
※天使之城的設計!全新聯名CONVERSE Chuck Taylor All Star 1970s簡直美如畫了!
※無關代碼,YC項目Sketchbox可讓AR-VR設計師快速創作
※YEEZY Season 7 全新球鞋設計曝光,Apple MacBook Air 或將在今年迎來升級
※上海展覽——英國設計鬼才Hello!My Name is Paul Smith
※BOBOSNAP時裝精 x 秀場欣賞 | 一起感受靈魂設計師們的Fashion Style
※世界級人體工學設計:HyperX Pulsefire FPS逆火滑鼠評測
※Standard California x Vans Sk8-Hi 全新聯名設計
※#Xsneaker新聞#球鞋設計師打造 Off-White x adidas Originals NMD CS1 全新定製版本
※加入醒目 Swoosh 設計!Air Jordan 3 「Tinker」 三月正式發售
※Virgil Abloh 又創意爆發?!OFF-WHITE x Nike 足球聯名系列設計細節爆光!
※Nike Air Max 97 全新配色設計「Safety Orange」