🔥 "สาย 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有1部Youtube影片,追蹤數超過885萬的網紅Michelle Phan,也在其Youtube影片中提到,Glasses should enhance your face! Not conceal it! So here's a guide on how to find the right glasses for your face shape! Sorry for the late upload. ...
「angular icon」的推薦目錄:
- 關於angular icon 在 BorntoDev Facebook 的精選貼文
- 關於angular icon 在 Prada Facebook 的最讚貼文
- 關於angular icon 在 Michelle Phan Youtube 的最讚貼文
- 關於angular icon 在 Angular Material Icons - GitHub Pages 的評價
- 關於angular icon 在 Where do I find a list of all mat-icons -- Angular [closed] - Stack ... 的評價
- 關於angular icon 在 FortAwesome/angular-fontawesome - GitHub 的評價
- 關於angular icon 在 Angular Material UI: Buttons & Icons - YouTube 的評價
angular icon 在 Prada Facebook 的最讚貼文
Introducing #PradaCloudbust Thunder, a dimensional and angular evolution of an icon, in bold, #PradaFW19 colors.
Discover more at https://tinyurl.com/yxa8cuve.
#PradaAnatomyOfRomance
#Prada
angular icon 在 Michelle Phan Youtube 的最讚貼文
Glasses should enhance your face! Not conceal it! So here's a guide on how to find the right glasses for your face shape!
Sorry for the late upload. My hard drive failed and I had to re-edit this entire video!
My makeup line "em" as well as products, tips and tricks from this look: http://www.emcosmetics.com/
If you want to see the high pigmented color payoff, check out Raeview's swatches from The Life Palette!
http://www.theraeviewer.com/2013/09/em-cosmetics-by-michelle-phan-beach.html
♥ Please Subscribe! http://bit.ly/MPsubscribe
♥ My Twitter: http://twitter.com/MichellePhan
♥ My Facebook: http://facebook.com/MichellePhanOfficial
♥ My Instagram: http://instagram.com/MichellePhan
♥ My Blog: http://michellephan.com
♥ ICON Network: http://youtube.com/ICONnetwork
music by Daniela Andrade
http://www.youtube.com/user/DanielaSings
"Bright Blue" "Things We've Said" "Something to Say"
Products in order
The Great Cover Up - Ultimate Concealer (Light Neutral/Cool) http://amzn.to/Us8Wz
Waterliner (Ro's Gold): http://bit.ly/1gbSkA0
Maybelline Eye Studio Master Duo Liquid Liner http://amzn.to/1nGRcNs
Chiaroscuro Contour and Highlighter Stick (Light): http://bit.ly/1dbIEWF I highly recommend this product! If there is any product I recommend from my line, it's this one!
Artistic Eye Color Palette - Casablanca Neutrals http://amzn.to/1npeYfO
End Shot Glasses - Hotel De Ville Eyewear: http://www.hoteldevilleeyewear.com/
This is not a sponsored video. Em Michelle Phan is my own makeup line. I will still be using all brands! Video edited by yours truly :)
angular icon 在 Where do I find a list of all mat-icons -- Angular [closed] - Stack ... 的推薦與評價
... <看更多>
angular icon 在 FortAwesome/angular-fontawesome - GitHub 的推薦與評價
Contribute to FortAwesome/angular-fontawesome development by creating an ... Tie the icon to the property in your component src/app/app.component.ts :. ... <看更多>
angular icon 在 Angular Material Icons - GitHub Pages 的推薦與評價
Angular Material Icons v0.7.1. AngularJS directive to use Material Design icons with custom fill-color and size. For production, use minified version ... ... <看更多>