🔥 "สาย 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有32部Youtube影片,追蹤數超過14萬的網紅NDVC - Railway and Airline,也在其Youtube影片中提到,WELCOME TO "NDVC - Railway and Airline". "NDVC" ALWAYS LOVE YOU. SUBSCRIBE (FREE) AND CLICK BELL ICON TO RECEIVE LATEST VIDEO NOTICE. THANK YOU VERY M...
「doc icon」的推薦目錄:
- 關於doc icon 在 BorntoDev Facebook 的最佳貼文
- 關於doc icon 在 楊典忠 Facebook 的精選貼文
- 關於doc icon 在 楊典忠 Facebook 的精選貼文
- 關於doc icon 在 NDVC - Railway and Airline Youtube 的最佳貼文
- 關於doc icon 在 70cleam Youtube 的最佳解答
- 關於doc icon 在 70cleam Youtube 的精選貼文
- 關於doc icon 在 Attach or Insert Files as an Icon in a Word Document - YouTube 的評價
- 關於doc icon 在 Slim Doc Icon City, Bukit Mertajam is... - Facebook 的評價
- 關於doc icon 在 Show all windows on hover/click doc icon (Mac Yosemite ... 的評價
- 關於doc icon 在 oblador/react-native-vector-icons - GitHub 的評價
doc icon 在 楊典忠 Facebook 的精選貼文
#勞工紓困 #3萬一次領不用還
典忠服務處有準備申請書,歡迎來領取!
大家可以 #就近領取,填好表格再送到職業工會喔!
服務處也可以協助你填寫!
-----------------------------------------------------------------------------
影片:https://youtu.be/BlaYTNCqSWs
-----------------------------------------------------------------------------
🏠#服務處地址
台中市清水區文昌街86號
https://goo.gl/maps/hn9zpYadPYgkGLVL6
-----------------------------------------------------------------------------
🕖#服務處時間
週一到五
上午 8:30-12:00
下午 1:30-5:30
週六
上午 9:00-12:00
下午 1:30-5:00
-----------------------------------------------------------------------------
🙏楊典忠FB粉專,最完整最即時的內容,陳情發問專用
https://www.facebook.com/mgyu49/
✅LINE@官方帳號,接收重要通知(因收費制度改版,無法如果過往頻繁傳訊息,請以典忠FB粉專為主)
https://line.me/R/ti/p/%40xnm8746c
-----------------------------------------------------------------------------
官網:
https://www.wda.gov.tw/cp.aspx?n=671AA4E12FCFB662#block
申請書
https://ws.wda.gov.tw/Download.ashx?u=LzAwMS9VcGxvYWQvMjk5L2NrZmlsZS8zMzIyYWY2ZS01MGU2LTQ5MmQtYjY5ZS0wMWJkYWQ5NjExMTQuZG9j&n=MDIt6Ieq54ef5L2c5qWt6ICF55Sf5rS76KOc6LK855Sz6KuL5pu4MDQxNyjli57kv53lsYDmj5DkvpspICjmoLjlrprniYgpLmRvYw%3d%3d&icon=.doc
doc icon 在 楊典忠 Facebook 的精選貼文
#勞工紓困
#3萬一次領 (3個月的份)
#申請日期 : 4/20(已核定)
給有需要的人!典忠擔心這些人比較難取得資訊,請大家幫忙把資訊轉告給符合申請條件的朋友!感謝!🙏
屆時 #不會申請的人 可以來 #楊典忠服務處,協助您申請喔!!
清水區文昌街86號
申請條件(其它詳見下方辦法):
1. 投保薪資24000元(含)以下
2. 3/31前在職業工會參加勞工保險
3. 107年個人綜合所得未達課稅標準,40萬8000元
申請流程
1. 備妥存摺封面影本及申請書
2. 向所投保的職業工會出申請
(要帶申請書、身分證、印章、銀行或郵局存摺影本)
(若為家人朋友代辦,亦需持當事人之身分證、印章及存摺前往辦理)
3. 經審核通過後,7-14天內匯入3萬至帳戶
申請諮詢
1. 1955專線
2. 勞保局 02-23961266#5555
3. 勞工投保的職業工會
---------------------------------------------------------------------------
官網:
https://www.wda.gov.tw/cp.aspx?n=671AA4E12FCFB662#block
申請書(核定版)
https://ws.wda.gov.tw/Download.ashx?u=LzAwMS9VcGxvYWQvMjk5L2NrZmlsZS8zMzIyYWY2ZS01MGU2LTQ5MmQtYjY5ZS0wMWJkYWQ5NjExMTQuZG9j&n=MDIt6Ieq54ef5L2c5qWt6ICF55Sf5rS76KOc6LK855Sz6KuL5pu4MDQxNyjli57kv53lsYDmj5DkvpspICjmoLjlrprniYgpLmRvYw%3d%3d&icon=.doc
勞動部對受嚴重特殊傳染性肺炎影響勞工紓困辦法(核定版)
https://ws.wda.gov.tw/Download.ashx?u=LzAwMS9VcGxvYWQvMjk5L2NrZmlsZS85Y2ZjNjRjNS1mOGI3LTQ4MWMtOGEwNC00N2E0NzY2OWE4ODMucGRm&n=MDEt5Yue5YuV6YOo5bCN5Y%2bX5Zq06YeN54m55q6K5YKz5p%2bT5oCn6IK654KO5b2x6Z%2b%2f5Yue5bel57ST5Zuw6L6m5rOVKOaguOWumueovyko5LiK56i%2fKTEwOTA0MjAucGRm&icon=.pdf
申請流程
https://ws.wda.gov.tw/Download.ashx?u=LzAwMS9VcGxvYWQvMjk5L2NrZmlsZS8xNjViNjkxMy1jMjliLTQ3NGMtYjE3Ni04Mjg2OGE0ODc0ZWEucGRm&n=MDMt5Yue5L%2bd5bGA55Sz6L6m5rWB56iL5ZyWICjmoLjlrprniYgpICjkuIrnqL8pMTA5MDQyMC5wZGY%3d&icon=.pdf
doc icon 在 NDVC - Railway and Airline Youtube 的最佳貼文
WELCOME TO "NDVC - Railway and Airline". "NDVC" ALWAYS LOVE YOU. SUBSCRIBE (FREE) AND CLICK BELL ICON TO RECEIVE LATEST VIDEO NOTICE. THANK YOU VERY MUCH !
CHÀO MỪNG CÁC BẠN ĐÃ ĐẾN XEM KÊNH NDVC - Railway and Airline. "NDVC" LUÔN YÊU THÍCH CÁC BẠN. CÁC BẠN ĐĂNG KÍ (MiỄN PHÍ) VÀ NHẤN CHUÔNG (BÊN CẠNH) ĐỂ NHẬN THÔNG BÁO VIDEO MỚI NHẤT NHÉ! CÁM ƠN CÁC BẠN !
Vietnam Railways: Dau Giay Railway Station in Dong Nai.
![post-title](https://i.ytimg.com/vi/IkXHVItPeVQ/hqdefault.jpg)
doc icon 在 70cleam Youtube 的最佳解答
ディズニープリンセスの人気動画をまとめました。4本の動画です。
ディズニー 赤ちゃんプリンセスと巨大人形 ベビーカー エルサ / Disney Princess My Size Doll and Princess Baby Doll , Stroller
アリエル お姫様ベッド 人魚姫のベッドルーム ディズニープリンセス / DIY Little Mermaid Ariel Bedroom Canopy Bed : Disney Princess
プリンセス ベル 巨大人形 クッキング おままごと ディズニー / My Size Belle Doll and Princess Cinderella Pretend play Cooking
キッズテント病院 ベルのけんさ ジャンボ人形 ディズニープリンセス / Belle My Size Doll Check Up at Doc McStuffins 3D Playscape
チャンネル登録お願いします。
Please subscribe
Other videos
アリエル ベビーカー お世話セット 赤ちゃん ディズニー / Disney Ariel Stroller with Vanity Playset
https://youtu.be/ANWKEaC2nxk
ラプンツェル人形 ヘアカラー 美容室ごっこ ディズニープリンセス / Rapunzel Doll Hair Color! Hair Beauty Salon
https://youtu.be/TQ_Cj--Iedo
ラプンツェル ナイトルーティン お風呂 プリンセス / Rapunzel In Real Life Night Routine
https://youtu.be/agLdmE9lfv4
お医者さんごっこ アリエル 骨折 診察台セット / Ariel Broken Bone | Doctor Activity Center Toy
https://youtu.be/3ebAVblyVp8
エステサロン フェイスパック お店屋さんごっこ ラプンツェル ディズニープリンセス / Rapunzel Face Masks | Treat Pimples Beautiful Skin
https://youtu.be/-zn-e88-Hb8
Translation and subtitling welcome!
#ディズニープリンセス #人気動画まとめ #お家で過ごそう
Tik Tok
http://vt.tiktok.com/d1tR3n/
ツイッター Twitter
https://twitter.com/70cleam
70cleamのグッズをつくりました。
数は少しですが、動画で着ているTシャツなどがあります。
ショップのURL
https://muuu.com/users/105db354f88f9514
おうえんメッセージ等の送り先 ↓
〒107-6228東京都港区赤坂9-7-1
ミッドタウン・タワー 28階
UUUM株式会社 70cleam宛
お人形遊び、おもちゃ遊びの70cleam(70クリーム)チャンネル。
幼児・子供向けのかわいい人形・かわいいおもちゃを紹介して
います♪ メルちゃん、ぽぽちゃん、ハローキティ、リカちゃん、
バービーや、赤ちゃんの人形、Baby Dollなどかわいいおもちゃが
いっぱいです。楽しんでもらえたら嬉しいです。
Hi, welcome to 70cleam Channel.
Thank you for visiting and watching our videos.
This channel is a cute toys and dolls play channel with videos featuring famous characters such as Mell-Chan, Popo-Chan, Hello Kitty, Licca-Chan, Barbie-doll and more!
Please subscribe, press the like button, and leave the comment, if you enjoy our videos. Also, if you speak Japanese, you can also help us add subtitles! Just click the cogwheel icon on the video display and select the "add subtitles" option to add your own line-by-line text and help our channel reach even more fans!
Please send me a fan letter here :slightly_smiling_face:
6-10-1 Roppongi Minato-Ku Roppongi Hills Mori Building 37F 106-6137
UUUM Co.,Ltd 70cleam
------------------------------------------------------------------------------
楽曲提供:Production Music by http://www.epidemicsound.com
------------------------------------------------------------------------------
素材提供 PIXTA
![post-title](https://i.ytimg.com/vi/6ZLhhJhZwrk/hqdefault.jpg)
doc icon 在 70cleam Youtube 的精選貼文
アリエルが浜辺で困っていたので、お家に連れて帰って看病をしてあげました。
お腹もすいていたので、うどんを作ってあげました。ゲームで宝物も獲得しました。
楽しくおままごと遊びができました。
チャンネル登録お願いします。
Please subscribe
Other videos
お医者さんごっこ アリエル 骨折 診察台セット / Ariel Broken Bone | Doctor Activity Center Toy
https://youtu.be/3ebAVblyVp8
アリエル ベビーカー お世話セット 赤ちゃん ディズニー / Disney Ariel Stroller with Vanity Playset
https://youtu.be/ANWKEaC2nxk
アリエル お姫様ベッド 人魚姫のベッドルーム ディズニープリンセス / DIY Little Mermaid Ariel Bedroom Canopy Bed : Disney Princess
https://youtu.be/TNNXsk05W30
キッズテント病院 ベルのけんさ ジャンボ人形 ディズニープリンセス / Bell My Size Doll Check Up at Doc McStuffins 3D Playscape
https://youtu.be/CNztYJpcCOU
ラプンツェル ナイトルーティン お風呂 プリンセス / Rapunzel In Real Life Night Routine
https://youtu.be/agLdmE9lfv4
Translation and subtitling welcome!
#アリエル #救出 #看病
Tik Tok
http://vt.tiktok.com/d1tR3n/
ツイッター Twitter
https://twitter.com/70cleam
70cleamのグッズをつくりました。
数は少しですが、動画で着ているTシャツなどがあります。
ショップのURL
https://muuu.com/users/105db354f88f9514
おうえんメッセージ等の送り先 ↓
〒106-6134 東京都港区六本木 6-10-1
六本木ヒルズ森タワー 37階
UUUM株式会社 70cleam宛
お人形遊び、おもちゃ遊びの70cleam(70クリーム)チャンネル。
幼児・子供向けのかわいい人形・かわいいおもちゃを紹介して
います♪ メルちゃん、ぽぽちゃん、ハローキティ、リカちゃん、
バービーや、赤ちゃんの人形、Baby Dollなどかわいいおもちゃが
いっぱいです。楽しんでもらえたら嬉しいです。
Hi, welcome to 70cleam Channel.
Thank you for visiting and watching our videos.
This channel is a cute toys and dolls play channel with videos featuring famous characters such as Mell-Chan, Popo-Chan, Hello Kitty, Licca-Chan, Barbie-doll and more!
Please subscribe, press the like button, and leave the comment, if you enjoy our videos. Also, if you speak Japanese, you can also help us add subtitles! Just click the cogwheel icon on the video display and select the "add subtitles" option to add your own line-by-line text and help our channel reach even more fans!
Please send me a fan letter here :slightly_smiling_face:
6-10-1 Roppongi Minato-Ku Roppongi Hills Mori Building 37F 106-6137
UUUM Co.,Ltd 70cleam
------------------------------------------------------------------------------
楽曲提供:Production Music by http://www.epidemicsound.com
------------------------------------------------------------------------------
素材提供 PIXTA
![post-title](https://i.ytimg.com/vi/VF4iOpOFwVQ/hqdefault.jpg)
doc icon 在 Slim Doc Icon City, Bukit Mertajam is... - Facebook 的推薦與評價
Slim Doc Icon City, Bukit Mertajam is officially open! Come on over to experience the world's revolutionary body shaping treatments. ... <看更多>
doc icon 在 Show all windows on hover/click doc icon (Mac Yosemite ... 的推薦與評價
Double tap (not click) the open application icon. This will display all open windows for that application and you can select the one you ... ... <看更多>
doc icon 在 Attach or Insert Files as an Icon in a Word Document - YouTube 的推薦與評價
... document inside another Word document. The reader will be able to open the attachment by double-clicking an icon. Attachments can either be ... ... <看更多>