🔥 "สาย 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
「alert js」的推薦目錄:
- 關於alert js 在 BorntoDev Facebook 的最佳貼文
- 關於alert js 在 Shine植木姐姐 Facebook 的精選貼文
- 關於alert js 在 SweetAlert2 - a beautiful, responsive, customizable and ... 的評價
- 關於alert js 在 Is there any chance to find source of javascript alert? - Stack ... 的評價
- 關於alert js 在 alert(content, [yes], [options]) - GitHub 的評價
- 關於alert js 在 JavaScript alert() 的評價
- 關於alert js 在 Custom Alert Box Programming JavaScript CSS HTML Tutorial 的評價
alert js 在 Shine植木姐姐 Facebook 的精選貼文
*DR V3 Spoiler Alert/剧透慎入*
Danganronpa is one of my favourite series🥰
I almost cosplay every series of danganronpa HAHAH
I so happy i can get full group in v3 series <3
Hope you guys love it ^^
弹丸论破是我爱的系列之一
我差不多每个系列都会出cos
这是我唯一一次满团的弹丸团呜呜
好感度!感谢大家的参与
没有你们大家就没有这个机会满团
爱你们大家 <3
谢谢各位成员,谢谢摄影师
还有谢谢sheery辛苦p图了
这里送上图分享给大家弹丸迷 ^^
Character
Shuichi Saihara 最原 終一 💛 Shine植木姐姐
Kaede Akamatsu 赤松 楓💛 Koyuki Lum
K1-B0 Kībo 💛 Ck Takoyaki
Maki Harukawa春川 魔姫 💛 Mushroom キノコ
Kaito Momota百田 解斗 💛 Reiz Okonomiyaki
Himiko Yumeno 夢野 秘密子 💛 Sheery NoYuki
Rantaro Amami 天海 蘭太郎 💛 Gan Poh Jing
Ryoma Hoshi 星 竜馬 💛 Gertrude Eng
Kirumi Tojo 東条 斬美💛 Rachel Crys
Angie Yonaga 夜長 安吉 💛 Kuro Plisetsky
Tenko Chabashira 茶柱 転子 💛 Youmi FuwaFuwa
Koreyeeto Shingucci 真宮寺 是清 💛 葉凱紋 (Wen Khae Heu)
Miu Iruma 入間 未兎 💛 Teh O Ais
Gonta Gokuhara 獄原 虫太 💛 冰狩
Kokichi Oma 王馬 小吉 💛 Kuroda Yue 黒田 ユエ
Tsumugi Shirogane 白銀 つむぎ 💛 Ellie Torukoseki
Photographer 📸 @Mr. Mr. Nine Workshop JS-Photos
Edit 🖌 みすみ 𝕄𝕀𝕊𝕌𝕄𝕀
alert js 在 alert(content, [yes], [options]) - GitHub 的推薦與評價
A lightweight javascript library for WeUI. Contribute to Tencent/weui.js development by creating an account on GitHub. ... <看更多>
alert js 在 SweetAlert2 - a beautiful, responsive, customizable and ... 的推薦與評價
A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. ... Show normal alert. SweetAlert2 ... <看更多>