🔥 "สาย 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「font editor online」的推薦目錄:
- 關於font editor online 在 BorntoDev Facebook 的最佳貼文
- 關於font editor online 在 Rùa Bò Team Facebook 的精選貼文
- 關於font editor online 在 コバにゃんチャンネル Youtube 的最讚貼文
- 關於font editor online 在 大象中醫 Youtube 的最佳貼文
- 關於font editor online 在 大象中醫 Youtube 的最讚貼文
- 關於font editor online 在 FontArk - Advanced online font editor - Pinterest 的評價
- 關於font editor online 在 Facebook font generator - FSymbols 的評價
- 關於font editor online 在 font-editor · GitHub Topics 的評價
font editor online 在 Rùa Bò Team Facebook 的精選貼文
[Confessions]
Link: http://goo.gl/forms/NLijsIfVpX
#rbt480: "Alo, triệu hồi Bò-kun cho em hỏi cái này với :'(
Em nghe nói Bò dùng OCR online và QT để edit 19days phải hông ạ?
Em cũng đang muốn edit một manhua nho nhỏ làm kỉ niệm, nhưng mà khi em xài FreeOnlineOcr thì một là nó ra không đủ chữ trong trang truyện. Hai là nó bị lỗi font ;;;___;;;
Vậy giờ em phải làm sao ạ? Có thể phiền Bò chỉ cho em tỉ mỉ một chút không? ;;__;; Em biết xài QT (em là editor tiểu thuyết đấy =v= ), nhưng mà em vương khoản trích chữ ra đấy TvT
Help me please, please please,~~~~~~~~~~~~~~~~~~~~~~~~~~~~
---
Nếu Bò ngại quá dài không rep nổi thì cứ việc *gật đầu* =v= em sẽ lết cái thân xác cuồng M này đến inb page hỏi Bò =v=
Ai-nớp-du sâu mớt <3 "
-Mới đầu tui cũng như em hoy, chả biết phải làm sao nhưng mà cuối cùng thì cũng tự nghĩ ra cách: Cắt nhỏ từng khung thoại rồi quẳng vào thay vì quăng nguyên cả trang truyện '.' Nếu mà bị sai từ thì lên Google Dịch mà vẽ :v :v Mất thời gian nhưng đảm bảo không thiếu chữ nào \ :v /
------------------------
#rbt481: "Font anime ace thì bạn dùng bảng mã gì?"
-Unicode dude =))
------------------------
#rbt482: "Thực sự là rất rất rất rất iu nhóm vì đã khai sáng cho con đường làm hủ của tui! I luv 19 days!!! <3 <3 <3 *đag hóng chap mới*"
-Nếu yêu 19 Days thì chỉ được yêu mình tui hoy nghen ( ´ ▽ ` )ノ
------------------------
#rbt483: "- Cô bò ơi, à nô nô, cả cái sở thú này, hãy ban cho mị một trái t(r)ym <3."
-/pằng chíu/ <3 <3 <3
------------------------
#rbt484: "Em tính lặn luôn rồi nhưng do méo biết bơi nên phải ngoi lên viết cfs đây *khóc lóc*
Ý e là nhà mình, quên, sở mình có còn anh giai cute nào nữa ko ạ để e còn bày tỏ lòng thương mến *huhu* chứ anh Cừu có vẻ đắt hàng quá, e méo thấp bé nhẹ cân cho lắm chen hong nổi *trồng nấm* :(
À nhân tiện, Bò thân mến, tình iêu của em đối với Bò là bất diệt d(_"_)b "
-Không có anh giai cute nào đâu em, toàn buê đuê cả \ :v / Những người lầm tưởng "anh" Cừu là giai... Tui xin được chia buồn *chấm nước mắt*
_______________
Credit: http://www.weibo.com/oxian
font editor online 在 Facebook font generator - FSymbols 的推薦與評價
Font generator will convert your text letters using symbol font. Click a copy button. Paste it as plain text. It's going to work pretty much anywhere online ... ... <看更多>
font editor online 在 font-editor · GitHub Topics 的推薦與評價
A font editor for creating fonts in TTF, EOT, SVG and BIRDFONT format. svg fonts ttf otf font-editor ... Font editor for the web. javascript font-editor. ... <看更多>
font editor online 在 FontArk - Advanced online font editor - Pinterest 的推薦與評價
FontArk is an innovative new browser based online font editor, font creator, featuring a unique real time Multiple-Character-Editing tools. ... <看更多>