當前位置:
首頁 > 科技 > 深入PostCSS Web設計

深入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特性)的支持。

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 前端早讀課 的精彩文章:

【第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」