🌟 Bootstrap 5 กำลังมาพร้อมอัพเดตสุดยิ่งใหญ่ เพราะเขาไม่ใช้ jQuery แล้วจ้าาาาา !!!
.
ในโลกที่หมุนเร็วขนาดนี้ใคร ๆ ก็หันมาใช้ React.js, Vue.js, Angular.js กันหมดแล้ว ดังนั้นจะมีเหตุผลอะไรที่ Bootstrap จะยังอยู่กับอะไรเดิม ๆ "ก็ต้องเปลี่ยนสิครับพี่น้อง" !
.
โดยการเปลี่ยนแปลงครั้งนี้นอกจากจะทำให้ขนาดของ Bootstrap เล็กลงแล้ว ก็ยังทำให้มีประสิทธิภาพเพิ่มขึ้นอีกด้วย
.
🤣 รวมถึงประกาศสงครามกับหน่วยงานรัฐหลาย ๆ ที่ด้วยการบอกยุติการสนับสนุน "IE10 และ 11" อีกด้วย เพราะเขาให้เหตุผลว่าคนใช้งานไม่ถึง 5% ของคนทั้งโลก
.
รวมถึงฟีเจอร์ที่เราสามารถ Custom SVG icon library ได้เอง และ เปลี่ยนรูปแบบจาก Jekyll ไปใช้ Hugo ทำให้เว็บเราคูลขึ้นไปอีกก <3
.
💪 "ใครบอกว่า Bootstrap เฉย น่าจะต้องถอนคำพูดกันเสียแล้ว"
.
สำหรับวันที่ออกอัพเดต สามารถดูได้ผ่าน GitHub ของเขาได้เลย หรือ ถ้าอยากอ่านรายละเอียดเต็ม ๆ ตามแอดมาที่นี่ได้เลยจ้า
.
https://themesberg.com/blog/design/bootstrap-5-release-date-and-whats-new?fbclid=IwAR0s4Ylhqm53a0mZeWCsmKQ747UMo2QR9u9Jad2EO5gGNgjb55g-2LELZ-E
.
"ขนาด Bootstrap ยังต้องอัพเดท แต่ถ้าเธอไม่ปฏิเสธ กินข้าวกับพี่สักมื้อไหมจ๊ะ 5555" (ได้หรอ)
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
「bootstrap 4 icon」的推薦目錄:
- 關於bootstrap 4 icon 在 BorntoDev Facebook 的最讚貼文
- 關於bootstrap 4 icon 在 卡斯伯 Facebook 的最佳貼文
- 關於bootstrap 4 icon 在 紀老師程式教學網 Facebook 的最佳解答
- 關於bootstrap 4 icon 在 Using icons in Bootstrap 4.5 - Stack Overflow 的評價
- 關於bootstrap 4 icon 在 Bootstrap 5 Crash Course Tutorial #13 - Bootstrap Icons 的評價
- 關於bootstrap 4 icon 在 Bootstrap Iconpicker - GitHub Pages 的評價
- 關於bootstrap 4 icon 在 Missing Icons in ActionColumn with Bootstrap 4.3.x #17479 的評價
- 關於bootstrap 4 icon 在 Bootstrap 4 social icons with hover effect in 2021 - Pinterest 的評價
bootstrap 4 icon 在 卡斯伯 Facebook 的最佳貼文
Bootstrap 5 預期會有哪些改變!?
重點:
- 移除 jQuery,內建插件可直接運行,不需搭配 jQuery
- 不支援 IE10
- 提供 svg 的 icon 函式庫
- 放棄 Jekyll 改為 Hugo(Jekyll 是文檔工具,使用 Ruby 編譯,速度偏慢)
- 因應放棄 jQuery,JS 核心函式庫大幅更新
bootstrap 4 icon 在 紀老師程式教學網 Facebook 的最佳解答
30 個讓你的網站看起來更優的點子
做網站的朋友,每天大多竭盡心思想著如何把網站變得更好看,但又不致於讓伺服器負擔太重。這裡有一篇「30 個立即可用的網站好點子」給大家參考。包含:
1. 使用者體驗測試
2. 適度的留白
3. 適當的字體
4. 以 CSS3 增加陰影,營造層次感
5. 添加背景紋理與樣板
6. 用 CSS3 替背景披上漸層色
7. 善用 Twitter 的 Bootstrap UI 函式庫
8. 善用 HTML5 Kickstart UI 函式庫
9. 使用 jQuery UI
10. 使用精美的全螢幕背景圖片
11. 以「圖示」(Icon)來代替單調的「選單(Menu)」
12. 常常更換整個網站的基礎色調
13. 盡可能將老舊瀏覽器的支援考慮在內
14. 善用搶眼的特殊字體營造網頁風格
15. 支援「社群分享」
16. 開放讀者討論
17. 較寬的「頁腳」設計(目前流行)
18. 使用相對大小來決定照片大小(如:以「100%」取代「180px」)
19. 提高「選單」的操作性(如:增加「首頁 > 產品 > 相機 > CM-100」這類超連結在頂端)
20. 為「照片」與「影片」以 HTML 屬性標籤添加關鍵字,方便搜尋引擎尋找
21. 別把選單項目埋得太深,讓使用者找不到
22. 增設「回到頁面頂部」(Back to Top)連結
23. 記得以 CSS 設定 與
標籤,使之易讀明顯
24. 記得增加圖片的 width 與 height 屬性
25. 以 alertify.js 這類函式庫,製作彈出式視窗
26. 版面要能適應「桌機」或「手機」等不同螢幕大小
27. 友站連結
28. 善用看起來很像圖示的字型
29. 圖片框加上陰影,營造層次感
30. 盡量以 CSS 代替 HTML 標籤排版,以利輕鬆更換版面
原文連結如下:
http://www.hongkiat.com/blog/ideas-to-nicer-websites/
bootstrap 4 icon 在 Bootstrap 5 Crash Course Tutorial #13 - Bootstrap Icons 的推薦與評價
![影片讀取中](/images/youtube.png)
Hey gang, in this bootstrap tutorial we'll take a look at the icon library and how to use icons in our web page ... ... <看更多>
bootstrap 4 icon 在 Bootstrap Iconpicker - GitHub Pages 的推薦與評價
A simple iconpicker for Bootstrap 3.x and 4.x. View on Git Hub Lastest version ({0}) ... Bootstrap 4.x ... Set Iconset, Iconset Version and Icon Selected. ... <看更多>
bootstrap 4 icon 在 Using icons in Bootstrap 4.5 - Stack Overflow 的推薦與評價
... <看更多>
相關內容