相對於 Bootstrap 4 來說,我認為 v5 真正發揮特色的地方在於 “變數”
雖然 Sass 可以透過簡短的語法產生大量的 CSS 程式碼,但這也意味著 CSS 檔案會不斷地擴增。因此許多設計概念在 v4 都受到了限制,例如:不同間距的 gutter(v4 只有三種,而這三種已經讓 Bootstrap 額外佔用許多容量)。
到了 v5 以後,除了原有的 Sass 之外,更靈活運用原生的 CSS 變數技巧,這些用法甚至會讓人感覺到「哇~原來變數可以這樣玩」。以格線系統來說,每次新增一種新的 gutter 僅需要增加 3 行 CSS(沒錯,包含 ClassName 就三行;至多不需要超過 5 行)
傳統的 CSS,至少要 60 行以上才能達到此效果,而 CSS 變數的 3 行影響到:
- 12 欄
- 5 種中斷點的欄線
- 外層 .row 的設計
更詳細的 CSS 變數知識
可參考此篇文章:https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/
同時也有36部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,程式亂寫也可以動,要怎麼寫的好或易於閱讀,就得花上一番功夫去學習寫作技巧。 這支影片會和你分享一些基本的知識點,實戰技巧基本上當代程式語言開發都能使用 不過每個時代會有不同的想法跟觀點,不同的團隊也會有不一樣的慣例,希望這次的內容能夠給你一些不一樣的想法 喜歡影片的話!可以幫忙點個喜歡以及分享...
css技巧 在 卡斯伯 Facebook 的最佳貼文
你僅使用 console.log 來查看 JS 的值嗎?
本篇介紹各種 console 語法,試著讓你的 log 更有質感吧:
- table:讓陣列內容以表格方式呈現
- 上色語法:使用 CSS 語法為你的 console 上色
- time:計算 JS 運算所花的時間
- group:群組化資訊
- 還有各種實戰運用技巧
#有在FB打開過Console嗎
#住手 #我們都是開發者啊
css技巧 在 軟體開發學習資訊分享 Facebook 的最佳解答
NT470 特價中
學習Git、GitHub、Node.js、NPM、物件導向的 JavaScript、ES6、webpack、Netlify、BEM和求職面試技巧。
從這 15.5 小時的課程,你會學到
使用最新的技能、工具和最佳實踐來建構網站,這是公司對開發人員的要求
編寫有組織的、結構良好的 JavaScript 和CSS,讓其他開發人員能夠輕鬆理解。
自信地申請網站開發人員的工作,因為你知道你可以跳進開發團隊並立即為專案做出貢獻。
https://softnshare.com/git-a-web-developer-job-mastering-the-modern-workflow/
css技巧 在 在地上滾的工程師 Nic Youtube 的最讚貼文
程式亂寫也可以動,要怎麼寫的好或易於閱讀,就得花上一番功夫去學習寫作技巧。
這支影片會和你分享一些基本的知識點,實戰技巧基本上當代程式語言開發都能使用
不過每個時代會有不同的想法跟觀點,不同的團隊也會有不一樣的慣例,希望這次的內容能夠給你一些不一樣的想法
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
css技巧 在 在地上滾的工程師 Nic Youtube 的最佳解答
下班就想耍懶是人之常情,每天只要懶一點都會離目標越來越遠。
下班時間就是彎道超車的最佳時機點,這支影片我會和你分享,在下班之餘我都在做些什麼?我是如何規劃一步步完成自己每個階段想做的目標,希望能帶給你一點想法和幫助囉
「選擇做什麼,就決定會成為什麼樣的人」
影片中的時間規劃基本上是我每天的行程,但還是會依據情況做調整,週末的話會去玩桌遊、衝浪、騎車等等
章節:
00:00 從入門到專家
01:52 從下班到入眠
04:00 學會如何利用大腦
08:58 下班時間累積的戰績
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com
#時間管理 #工程師 #學習 #成長
css技巧 在 分享家-羽 Youtube 的最讚貼文
OBS的用途真的很多,可以螢幕錄影也可以直播,甚至還能轉場跟放入一些文字圖片等等,今天要來分享如何利用它在Youtube上面進行直播!
重要資訊:
由於OBS版本更新的關係,串流服務的部分請改選 Youtube - HLS 這個選項喔!
CSS下載:https://drive.google.com/file/d/1VI0w8wW9hmIYBPNSbXJJ1oCi6jCLz022/view
00:00 影片簡介
00:23 如何在Youtube建立直播
03:19 OBS如何串流Youtube
04:01 如何把聊天室內容放到直播螢幕上
06:18 如何把聊天室的底色變成透明的
08:22 如何開始直播
09:26 補充說明
👉訂閱分享家-羽的頻道 https://tinyurl.com/subshareryu
👉前往分享家-羽的副頻道【羽倫同樂日常】https://tinyurl.com/yulenvlog
👉前往分享家-羽的粉專 https://www.facebook.com/HappySharerYu/
======================================================
其他分享家-羽的影片系列:
💡知識技巧系列
分享3C或生活中實用的知識、技巧與經驗。
https://tinyurl.com/sg3w25o
🔎開箱評測與使用心得系列
分享各種商品的開箱、評測以及使用心得等影片。
https://tinyurl.com/tqjpv75
🚗旅遊與食記系列
分享旅遊或食記相關Vlog以及旅遊相關的知識、技巧或資訊等等。
https://tinyurl.com/rtpc4a3
📢就是要分享系列
分享我覺得有價值但又不知道如何歸類的影片。
https://tinyurl.com/rp3h47r
🏨羽的住宿經驗系列
分享各種自己住過的飯店、旅社、民宿等等。
https://tinyurl.com/uto3ngh
📜全部播放清單列表
其他沒有列出來的清單都在這邊!
https://tinyurl.com/s8rmtk8
======================================================
✉合作邀約請洽粉專或來信 singiamagic@gmail.com
#OBS #EP4 #直播