2020 CSS 大調查
從 CSS 使用技術、語法、架構甚至是薪資都完整分析
重點數據:
- Sass 是滿意度偏高及最多使用者的預處理器
- Bootstrap 滿意度中等,但是是最多人使用的 CSS 框架
- Tailwind 及 Bootstrap 5 的變化,可以看到 utility 概念崛起(Atomic CSS)
- 主流文字編輯器為 VSCode,付費編輯器主流為 WebStorm
- 半數以上的人認為 CSS 容易學
- CSS 是一種程式語言,開始越來越多人同意(但未達 50%)
- 7 成的開發者喜歡寫 CSS
- 這份調查八成來自於英語系國家
State Of CSS 中文版
https://2020.stateofcss.com/zh-Hant/
#stateofcss
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「bootstrap 5 utility」的推薦目錄:
- 關於bootstrap 5 utility 在 卡斯伯 Facebook 的最佳貼文
- 關於bootstrap 5 utility 在 卡斯伯 Facebook 的最佳解答
- 關於bootstrap 5 utility 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於bootstrap 5 utility 在 大象中醫 Youtube 的精選貼文
- 關於bootstrap 5 utility 在 大象中醫 Youtube 的最佳解答
- 關於bootstrap 5 utility 在 rishabh-rajgarhia/bootstrap-4-utilities - GitHub 的評價
- 關於bootstrap 5 utility 在 Add utility classes to Bootstrap 5 that select and style the ... 的評價
- 關於bootstrap 5 utility 在 Utility classes · Bootstrap - GitHub Pages 的評價
- 關於bootstrap 5 utility 在 bootstrap-utilities CDN by jsDelivr - A CDN for npm and GitHub 的評價
- 關於bootstrap 5 utility 在 WEB CIFAR - Bootstrap 5 Utilities | Utility API | Facebook 的評價
bootstrap 5 utility 在 卡斯伯 Facebook 的最佳解答
Bootstrap 4 與 其他版本的差異
---
最近試著用 Bootstrap 4 製作一個網站
撇除目前還在測試中...不斷更新外
Bootstrap 4 有很多新功能我很喜歡
1. 額外提供 outline 版本的按鈕
2. float、text-align 均有提供不同解析度的版本 (xs, md...)
3. 雜項(utilities)多了很多 margin、padding 的樣式,讓排版更為自由
4. navbar 的底色是半透明,讓 navbar 的配色更為自由
5. 直接提供 sass 的版本
我是直接使用 sass 的版本
最痛的經驗是在更新的時候很多 className 換了 @_@
但整體來說挺滿意的
#bootstrap #css
bootstrap 5 utility 在 Add utility classes to Bootstrap 5 that select and style the ... 的推薦與評價
... <看更多>
bootstrap 5 utility 在 Utility classes · Bootstrap - GitHub Pages 的推薦與評價
Bootstrap includes dozens of utilities—classes with a single purpose. They're designed to reduce the frequency of highly repetitive declarations in your CSS ... ... <看更多>
bootstrap 5 utility 在 rishabh-rajgarhia/bootstrap-4-utilities - GitHub 的推薦與評價
Bootstrap 4 utility classes for Bootstrap 3 or any other project in LESS and CSS. These are very useful helper classes including common as well as ... ... <看更多>