⭐ เบื่อจังเลย FontAwesome งั้นมาใช้ Font Icon จาก Google กันดีไหมม !?
.
แน่นอนว่าวันนี้แอดไม่ได้มาแค่แจกของฟรี แต่มันคือฟรี และ ดีมาก ๆ อีกด้วยนะคร้าบ <3
.
✅ เจ้าตัวนี้เป็น Apache License 2.0 ใช้งานได้ฟรี เปิดกว้างจัด ๆ
✅ แถมยังใช้งานกับ Material Design ได้อย่างลงตัวอีกด้วย
✅ มี Design / Developer Guide ไว้ให้ด้วยนะ
✅ ใช้งานง่ายมาก ๆ ทั้ง Web / App เลย
.
เรียกได้ว่าถ้าใครอยากจะใช้ก็สามารถดูตัวอย่างได้แล้วที่นี่เลยนะคร้าบ >> https://fonts.google.com/icons
.
สุดท้ายนี้แอดอยากจะบอกว่า "ถึง Font จะเปลี่ยนไป แต่ใจก็อย่าเปลี่ยนแปลงนะคร้าบบ 5555"
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「google icon font」的推薦目錄:
- 關於google icon font 在 BorntoDev Facebook 的最佳解答
- 關於google icon font 在 BorntoDev Facebook 的最佳貼文
- 關於google icon font 在 Material Icons Guide - Google Design 的評價
- 關於google icon font 在 Material Design icons by Google - GitHub 的評價
- 關於google icon font 在 How to use the new Material Design Icon themes - Stack ... 的評價
- 關於google icon font 在 codepoints - Google Git 的評價
- 關於google icon font 在 The EASY way to use Material Design Icons - YouTube 的評價
- 關於google icon font 在 How can I download the material icon font? - Graphic Design ... 的評價
google icon font 在 BorntoDev Facebook 的最佳貼文
🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ <3
.
ต้องบอกว่าวันนี้แอดและทีมงานได้รวบรวมเครื่องมือเครื่องไม้ ที่จะทำให้งานยาก ๆ กลายเป็นงานง่าย ๆ ไว้ในที่เดียวให้แล้วว
.
⭐️ ใครที่กำลังเริ่มสาย Front-End หรือ ต้องการหาของดีรีบเข้ามาดูได้เลย สำหรับลิงก์ในการเข้าไปดาวน์โหลด / อ่าน Doc / วิธีการใช้งาน ดูด้านล่างได้เลยคร้าบผมมม ^__^
.
👩🎨เครื่องมือเด็ดที่คุณต้องแชร์ของสาย Frontend
.
📚 JavaScript Framework
.
Vue.js
https://vuejs.org/
.
Angular
https://angular.io/
.
React
https://reactjs.org/
.
Backbone.js
https://backbonejs.org/
.
🎨 CSS Framework
.
Bootstrap
https://getbootstrap.com/
.
Materialize
https://materializecss.com/about.html
.
Pure.css
https://purecss.io/
.
Bulma
https://bulma.io/
.
Semantic UI
https://semantic-ui.com/
.
📖 Library
.
sweetalert2 : สำหรับสร้าง Alert สวยๆได้ง่ายๆ
https://sweetalert2.github.io/
.
AlertifyJS : สร้าง Alert สวยๆเหมือนกัน
https://alertifyjs.com/
.
Chart.js : สำหรับสร้าง Chart แบบมี animation
https://www.chartjs.org/
.
jQuery : ใช้งาน JS และจัดการ DOM ได้ง่ายขึ้น
https://jquery.com/
.
DataTables : เปลี่ยน Table แบบเดิมๆให้ดูดีมี function ได้ง่ายๆ
http://fredsarmento.me/frontend-tools/
.
Quill editor : Text Editor สำหรับใส่ในเว็บเครื่องมือครบๆ
https://quilljs.com/
.
🧰 Developing & Debugging Tools
.
Chrome DevTools : เครื่องมือ Debug เว็บ เพียงแค่กด F12 เบราเซอร์อื่นๆก็มีเหมือนกัน
https://developers.google.com/web/tools/chrome-devtools
.
CodePen : Online Editor ที่สามารถจำลอง enviroment ที่เหมาะสมได้เขียนแล้วเห็นผลทันที
https://codepen.io/
.
WebStorm : Web Editor ที่รองรับ Framework ที่หลากหลาย
https://www.jetbrains.com/webstorm/
.
🍱 Other (Asset)
.
Google Fonts : font ฟรีสวยๆของ google
https://fonts.google.com/
.
awesome : Icon ฟรีสวยๆ
https://fontawesome.com/
.
figma : สำหรับออกแบบหน้าเว็บ จัดวางองค์ประกอบหรือแม้แต่สร้าง Prototype
https://www.figma.com/files/recent
.
Visual Inspector : extension chrome ที่ช่วยให้ตรวจสอบองค์ประกอบต่างๆของเว็บได้ค่อนข้างครบถ้วน
https://chrome.google.com/webstore/detail/visual-inspector/efaejpgmekdkcngpbghnpcmbpbngoclc
.
CSS Peeper : extension chromeอีกหนึ่งตัวที่ใช้ตรวจสอบองค์ประกอบเว็บ
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
.
" หรือถ้าใครเคยใช้ตัวไหนมาแล้ว สามารถมาแบ่งปันประสบการณ์ในการใช้งานใน Comment กับแอดได้เลยยย ใครมีตัวไหนแนะนำใส่มาได้เต็มที่เลยคร้าบผมม <3 "
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
google icon font 在 Material Design icons by Google - GitHub 的推薦與評價
Material design icons is the official icon set from Google. They can be browsed at https://fonts.google.com/icons. The icons are designed under the material ... ... <看更多>
google icon font 在 Material Icons Guide - Google Design 的推薦與評價
Similar to other Google Web Fonts, the correct CSS will be served to activate the 'Material Icons' font specific to the browser. An additional CSS class will be ... ... <看更多>