看看各大科技公司都是如何使用CSS的
HTML和CSS在一些程式語言流行度統計網站上有時候會被當作程式語言對待,但大多數的程式設計師並不認為它們屬於程式語言的範疇,因為它們的各種程式語言的特徵都非常的弱,比如邏輯控制、迴圈操作、函式等都嚴重缺少或不足,它們頂多算是標記語言。
但近年來隨著Web應用的越來越流行,HTML5和CSS3慢慢走向成熟,人們對CSS的使用量和使用方式越來越豐富和多樣,很多程式設計師感到CSS的發展步伐明顯趕不上現實的需求,於是針對CSS,人們開發出來各種強化CSS的工具,比如SCSS 和 LESS ,這些工具不僅僅使CSS更易於管理,同時在也語法和語義方面給CSS帶來的巨大的改善。
剛剛過去的2014年是個有趣的一年,很多著名的公司都通過不同的媒體和途徑公開了他們是如何使用CSS的。包括了他們使用的工具,使用的方法,他們對這些方法的思考,以及涉及到具體的資料和數字。最典型的就是Mark Otto對Github上的CSS檔案的介紹。本文的目的就是集中的把它們彙集到一起,方便大家參考和比較。
附錄:
SCSS
Sass是對CSS(層疊樣式表)的語法的一種擴充,誕生於2007年,最早也是最成熟的一款CSS前處理器語言,它可以使用變數、常量、巢狀、混入、函式等功能,可以更有效有彈性的寫出CSS。Sass最後還是會編譯出合法的CSS讓瀏覽器使用,也就是說它本身的語法並不太容易讓瀏覽器識別,因為它不是標準的CSS格式,在它的語法內部可以使用動態變數等,所以它更像一種極簡單的動態語言。
其實現在的Sass已經有了兩套語法規則:一個依舊是用縮排作為分隔符來區分程式碼塊的;另一套規則和CSS一樣採用了大括號({})作為分隔符。後一種語法規則又名SCSS,在Sass3之後的版本都支援這種語法規則。
LESS
2009年開源的一個專案,受Sass的影響較大,但又使用CSS的語法,讓大部分開發者和設計師更容易上手。LESS提供了多種方式能平滑的將寫好的程式碼轉化成標準的CSS程式碼,在很多流行的框架和工具中已經能經常看到LESS的身影了(例如Twitter的Bootstrap框架就使用了LESS)。
根據維基百科上的介紹,其實LESS是Alexis Sellier受Sass的影響建立的一個開源專案。當時SASS採用了縮排作為分隔符來區分程式碼塊,而不是CSS中廣為使用的大括號({})。為了讓CSS現有的使用者使用起來更佳方便,Alexis開發了LESS並提供了類似CSS的書寫功能。
相關文章
- 各大IT公司是如何道歉的?
- 各大公司使用哪些容器技術和工具?
- Webpower:雙十一郵件各大商家都是怎麼玩兒的Web
- 全球10大AI初創公司榜單,中國5家上榜,來看看他們都是幹嘛的AI
- 各大網際網路公司2014前端筆試面試題–HTML,CSS篇前端筆試面試題HTMLCSS
- 科技公司如何利用資料讓使用者習慣成癮?
- 世界各大公司LOGO的祕密——資訊圖Go
- BAT及各大網際網路公司2014前端筆試面試題:HTML/CSS篇BAT前端筆試面試題HTMLCSS
- 前端必看!各大瀏覽器 CSS Hack 收集前端瀏覽器CSS
- 盤點!2015各大社交軟體年底都是怎麼更新的?
- 各大網際網路公司薪水大比拼
- 如何構建公司的IT科技來實現業務目標
- 來看看如何在 C# 中使用反射C#反射
- 請問大家的公司都是用什麼工作流管理軟體,感覺如何?
- Redis使用過程中有哪些注意事項?看看BAT這類的公司是正確使用Redis的!!RedisBAT
- AI人才「用工荒」如何解決?看看這幾家頂級公司的應對策略AI
- 幾個CSS的黑科技CSS
- 模仿各大網際網路公司官方網站原始碼網站原始碼
- 大型科技公司如何以產品而非Scrum方式執行科技專案? - GergelyScrum
- 從外圍進入各大公司內網的最新方式內網
- 如何使用robots禁止各大搜尋引擎爬蟲爬取網站爬蟲網站
- DevOps升級&AIOps落地,看看這些大廠都是怎麼做的?devAI
- 做遊戲的,看看背景如何(下)?遊戲
- 各大網際網路公司的 Java 類校招對本科生的要求Java
- 各大網際網路公司面試流程及面試題彙總面試題
- 各大網際網路公司架構演進之路彙總架構
- 各大IT公司2012校園招聘筆試面試整理筆試面試
- 看看哲學家如何使用“遊戲”這一概念遊戲
- 那些古怪的科技公司面試問題面試
- 史上最全的谷歌公司那些黑科技谷歌
- CSS中will-change如何使用CSS
- unocss如何使用css變數CSS變數
- 小公司的一年,一起看看小公司的前端可以怎麼做前端
- 各大公司在GitHub上開源投入排名分析Github
- 2020年秋招各大公司面試彙總面試
- 圖解2014年全球各大遊戲公司財報——資訊圖圖解遊戲
- 網際網路公司都是這樣說話的,學著點!
- 科技創業公司的效率工具箱創業