雖然這篇SweetAlert2 html鄉民發文沒有被收入到精華區：在SweetAlert2 html這個話題中，我們另外找到其它相關的精選爆讚文章
在 sweetalert2產品中有1篇Facebook貼文，粉絲數超過10萬的網紅BorntoDev，也在其Facebook貼文中提到， 🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ ...
[爆卦]SweetAlert2 html是什麼？優點缺點精華區懶人包
你可能也想看看
搜尋相關網站
-
#1SweetAlert2 - a beautiful, responsive, customizable and ...
Try me! Swal.fire({ title: '<strong>HTML <u>example</u> ...
-
#2SweetAlert2中文—— 一个漂亮的、响应式的
swal({ title: '<i>HTML</i> <u>示例</u>', type: 'info', html: '你可以使用<b>粗体文本</b>, ' + '<a href="//github.com">链接</a> ' + '和其它的HTML标签', ...
-
#3SweetAlert2 with HTML and Select - Stack Overflow
First of all: your array definition is wrong: remove the string delimiters. You can use the sweetalert2 onOpen event to move your Select Box above the HTML ...
-
#4使用SweetAlert2 美化網頁中的對話框 - Medium
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>. 使用 cdn 引入後，可以直接像這樣綁定在 html 的 button 上
-
#5取代單調window.alert() 的好選擇- SweetAlert2 - 黑暗執行緒
用SweetAlert2 取代alert() / confirm() 的起手式如下： (注意：IE11 需 ... 簡單寫法時，第一個參數為title、第二個參數為html，都允許內嵌HTML，但 ...
-
#6SweetAlert 告別看到膩的彈跳視窗- 客座投稿
... 的SweetAlert 套件，一個是SweetAlert 另一個是SweetAlert2 之所以會有兩個版本是因為SweetAlert ... HTML. <button id="demo1">Demo 1</button>.
-
#77、用sweetalert2 取代alert 的彈出視窗_Boostrap4響應式模板 ...
參數 預設值 描述 titleText null 彈窗的文字標題，防止HTML注入。 target 'body' 添加彈窗到該容器元素中。 padding 20 彈窗的padding
-
#8Windows Web Form(C#) SweetAlert2 - iT 邦幫忙
https://www.bootcdn.cn/limonte-sweetalert2/6.10.3/ ... c, i) { swal({ title: t, html: c, type: i, confirmButtonText: "確定" }).catch(swal.noop); }.
-
#9register.html · 專題菁英班- JavaScirpt爬蟲專案
DOCTYPE html> <html lang="en"> <head> <meta name="viewport" ... .cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.js"></script> <script ...
-
#10SweetAlert2 - a beautiful, responsive, customizable and ...
Try me! swal( 'Good job!', 'You clicked the button!', 'success' ). Custom HTML description and buttons with ...
-
#11Creating Pretty Popup Messages Using SweetAlert2
fire( "Our First Alert" , "With some body text and success icon!" , "success" );. }); HTML; CSS; JS. Result; Skip Results Iframe.
-
#12[前端] 快速上手讓人驚豔的JS alert、confirm dialog - 點部落
Quickly use SweetAlert2. ... SweetAlert2預設支援html顯示內容 ... SweetAlert、SweetAlert2這兩個都無須jQuery就可以執行，好處是更換jQuery版本不 ...
-
#13【套件介紹】SweetAlert2簡介與實作 - Jen的網頁溫室
來看看SweetAlert2能夠如何幫助我們美化簡陋的網頁吧>< 延伸閱讀 Select2插件介紹| 讓你的下拉式選單變厲害 用小圖示讓你的網頁更友善生動.
-
#14Creating Beautiful Customized Alerts with SweetAlert2 - HTML ...
SweetAlert2 is a JavaScript library that helps us create alerts in our web applications. The project is open source and is available on GitHub ...
-
#15master - GitHub
[Security] SweetAlert2 does NOT sanitize this parameter. It is the developer's responsibility to escape any user input when using the <strong>html</strong> ...
-
#16開源項目精選: JS消息對話框插件SweetAlert2
SweetAlert2 用於替代瀏覽器默認的彈出對話框，它提供各種參數和方法，支持嵌入圖片，背景，HTML標籤等，並提供5種內置的情景類，功能非常強大。 SweetAlert2是SweetAlert- ...
-
#17[研究][JavaScript] SweetAlert 與SweetAlert2 - 浮雲雅築
[研究][JavaScript] SweetAlert 與SweetAlert2. 2020-09-21. SweetAlert 和SweetAlert2 是JavaScript 前端套件。
-
#18sweetalert2 - npm
sweetalert2. TypeScript icon, indicating that this package has built-in type declarations ... for JavaScript's popup boxes. Zero dependencies.
-
#19一個零依賴的漂亮的JavaScript彈框外掛——sweetalert2
sweetalert2 是一個漂亮的、響應式、可定製的替代JAVASCRIPT原生的彈出框外掛。sweetalert2相 ... html: '你可以使用自定義的html百度一下',. showCloseButton: true,.
-
#20beautiful html alerts with Sweet Alert 2 - full code examples
1. Sweet Alert 2 - success alert example. Edit. <!doctype html>. <html>. <head>. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>. </head>.
-
#21SweetAlert2 使用教程_极客神殿 - CSDN博客
SweetAlert2 是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框，它提供各种参数和方法，支持嵌入图片，背景，HTML ...
-
#22SweetAlert2中文网| 一个美观，响应，可定制，可访问（WAI ...
SweetAlert2 是一个漂亮、响应式、可定制、易用的(WAI-ARIA) JavaScript 弹窗(弹出框)。无任何依赖,且支持三大流行前端 ... 自定义HTML描述和带ARIA标签的按钮.
-
#23SweetAlert详解_的技术博客
html, 是否支持html内容。 -. timer, 设置自动关闭提示框时间（毫秒）。 ... What's the difference between sweetalert and sweetalert2?
-
#24jquery - Sweet Alert 2 在父框架中打开 - IT工具网
原文 标签 jquery html sweetalert2. 我有一个带有php 文件源的iframe。我想要做的是让Sweet Alert 2 在父框架中打开，而不是在iframe 内部打开。
-
#25Guides - SweetAlert
You can either specify content: "input" to get the default options, or you can customize it further using the content object. html is no longer used.
-
#26Sweet Alert 2 | Drupal.org
after saving it download and enable the SweetAlert2 module. Examples. See list of available sweetalert2 Examples here. Usage Here is the simple ...
-
#27SweetAlert2 Snippet - Visual Studio Marketplace
A complete snippet code for SweetAlert2. Installation ... A snippet extention for SweetAlert2 ... sw-html, <swal-html>, HTML Tag Sweet Alert.
-
#28SweetAlert2模態窗的使用- 碼上快樂
SweetAlert 是一款功能強大的純Js模態消息對話框插件。SweetAlert 用於替代瀏覽器默認的彈出對話框，它提供各種參數和方法，支持嵌入圖片，背景，HTML ...
-
#29SweetAlert2 - supported fork of t4t5/sweetalert - Hotel Jazz ...
swal({ title: 'jQuery HTML example', html: $('<div>') .addClass('some-class') .text('jQuery is everywhere.') }) A warning message ...
-
#300213-網頁前端設計與開發運用培訓班 - HackMD
sweetalert2 ： https://sweetalert2.github.io/; 首先製作單一頁面，測試無誤，再移植. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
-
#31如何在SweetAlert2 HTML輸出中使用v - IT閱讀
我正在嘗試使用 vue-sweetalert2 在警報中顯示以下模板: <input v-model="name" class="swal2-input"> <select v-model="parent" name="parent" class="form-control"> ...
-
#32SweetAlert2 - Metronic Live preview | Keenthemes
click(function (e) { Swal.fire({ title: 'jQuery HTML example', showClass: { ...
-
#33SweetAlert2中文教程- 美观，响应迅速，可自定义且易于访问 ...
SweetAlert2 中文网|SweetAlert2中文教程，JAVASCRIPT弹出框，美观，负责任，可自定义，可访问（WAI-ARIA）替换，零依赖. ... 自定义HTML描述和带有ARIA标签的按钮.
-
#34README.md - ArthaWisesa.com
... separately if desired: ```html ``` Or: ```js // ES6 Modules or TypeScript import Swal from 'sweetalert2' // CommonJS const Swal = require('sweetalert2') ...
-
#35SweetAlert2强大的纯Js模态消息对话框插件 - jQuery插件库
SweetAlertjs的升级版本，支持嵌入图片，背景，HTML标签等并提供5种内置的情景类，功能非常强大。
-
#36SweetAlert2 SweetAlert2 Image - JS Code Online
SweetAlert2 SweetAlert2 Image ... DOCTYPE html> ... <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>.
-
#37Sweet-alert display HTML code in text - Pretag
... this feature by assign true / false value in the Sweetalert. this html : "Testno sporocilo za objekt " + hh + "", is used in SweetAlert2.
-
#38使用宏弹出式ajax触发后，Sweet Alert 2滚动到页面顶部
html { max-height: 100%; } 的 main.css; 从 <html> 内联 style="height: 100%;" <html>. 完成这些更改后，SweetAlert2将按预期工作。
-
#39How to Use Sweet Alert 2 | JavaScript Tutorial - YouTube
Next: · Getting Started With Chart.js · How to Use Sweetalert2 with database MySQL + PHP Usage · Mix ...
-
#40How to use SweetAlert2 in Laravel 8 - DEV Community
It will give you different types of alert like (alert, success, info, warning, error, question, image, html, toast), and it is very easy and ...
-
#41SweetAlert 2 全網最詳細的使用方法 - 台部落
官網鏈接SweetAlert2 官網鏈接準備階段CDN js 如果該鏈接時間久遠了, 可以在官網去找找最新的可以把js 複製出來自己新建一個文件然後引用到html 中 ...
-
#42一個零依賴的漂亮的JavaScript彈框插件——sweetalert2
Github和官網https://github.com/sweetalert2/sweetalert2https:// ... html: '你可以使用自定義的html<a href="https://wwwbaidu.com">百度一下<a>', ...
-
#43js插件---弹出层sweetalert2（总结） - 术之多
SweetAlert2 是SweetAlert-js的升级版本，它解决了SweetAlert-js中不能嵌入HTML标签的问题，并对弹出对话框进行了优化，同时提供对各种表单元素的 ...
-
#44在angular2中，如何使用sweetalert2 - 開發99編程知識庫
並在index.html 中添加了路徑. 复制代码. <script src="node_modules/sweetalert2/dist/sweetalert2.min.js"></script> <link rel="stylesheet" type="text/css" ...
-
#45sweetalert2使用教程- 为了忘却的纪念丶 - 博客园
SweetAlert2 是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框，它提供各种参数和方法，支持嵌入图片，背景，HTML ...
-
#46SweetAlert2 (Swal is not defined) How to solve? - jQuery Forum
How to solve this, what is missing from my code? I have the following in HTML:.
-
#47SweetAlert2 - Global Care
SweetAlert2 automatically centers itself on the page and looks great no matter if you're using a ... jQuery HTML with custom animation (Animate.css ).
-
#48SweetAlert2-强大的纯Js模态消息对话框插件
swal({ title: 'jQuery HTML example', html: $('<div>') .addClass('some-class') .text('jQuery is everywhere.') }).
-
#49More than 2 buttons on sweetalert 2 | Newbedev
You should use custom HTML with jQuery event bindings, it works almost the same, only problem that you need to add styling for buttons by yourself because ...
-
#50jQuery模态消息对话框插件SweetAlert2
swal({ title: '<i>HTML</i> <u>example</u>', type: 'info', html: 'You can use <b>bold text</b>, ' + '<a href="//github.com">links</a> ' + 'and other HTML ...
-
#51如何在SweetAlert2 HTML輸出中使用v - JAVASCRIPT _程式人生
我正在嘗試使用 vue-sweetalert2 在警報中顯示以下模板: <input v-model="name" class="swal2-input"> <select v-model="parent" name="parent" class="form-control"> ...
-
#52SweetAlert2 - supported fork of t4t5/sweetalert - ThaiPost
swal({ title: 'jQuery HTML example', html: $('<div>') .addClass('some-class') .text('jQuery is everywhere.') }) A warning message ...
-
#53sweetalert2 cdn Code Example
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.all.min.js"></script> ... html by Anak Daeng on Oct 24 2021 Comment.
-
#54Integrate Sweetalert 2 In PHP & MySQL Using Ajax - Code ...
Creating Index HTML · Implement Sweetalert with Saving Record using Ajax? · Implement Dialog Type Sweetalert with Ajax Delete on PHP & MySQL.
-
#55SweetAlert2 - an awesome and accessible (WAI-ARIA ...
More examples · A basic message · A title with a text under · A success message! · A message with auto close timer · Custom HTML description and buttons · jQuery HTML ...
-
#56SweetAlert prompt with two input fields - py4u
Now SweetAlert2 is available: https://sweetalert2.github.io ... swal({ title: 'Multiple inputs', html: '<input id="swal-input1" class="swal2-input">' + ...
-
#57一個零依附的斑斕的JavaScript彈框插件——sweetalert2
一個零依賴的漂亮的JavaScript彈框插件——sweetalert2. 自定義html. Swal.fire({ title: '<strong>HTML <u>示例</u></strong>', type: 'info', html:
-
#58SweetAlert2 - Translider Demenagement
Try me! swal({ title: 'jQuery HTML example', html: $('<div>') .addClass( ...
-
#59SweetAlert2强大的纯Js模态消息对话框插件_Jquery合集 - 编程狮
查看演示 website下载地址：https://github.com/limonte/sweetalert2插件描述：SweetAlertjs的升级版本，支持嵌入图片，背景，HTML标签等并提供5种内置的情景类， ...
-
#60javascript - SweetAlert2 从自定义HTML 的输入中获取值(value)
问题我正在使用SweetAlert2 ，打开一个带有自定义HTML 的警报，其中显示了一些输.
-
#61The loading dialog using SweetAlert2 - CodePen
Maximize HTML Editor; Minimize HTML Editor; Fold All; Unfold All. xxxxxxxxxx. 8. 1. . 2. main.container.text-center.mt-5. 3. h1.mb-4 LOADING.
-
#62使用HTML / PHP / AJAX尤其是SweetAlert2 ... - 码农家园
Upload files with HTML/PHP/AJAX and especially SweetAlert2/jquery_file_upload我想使用PHP和js库SweetAlert2将文件从HTML上传到我的服务器。
-
#63Vue js sweetalert 2 modal Issue - Laracasts
I'm using sweetalert2 plugin to display alerts in my project anyway , I passed a component in the html key with a prop but the value is not rendered in the ...
-
#64SweetAlert2
swal({ title: 'jQuery HTML example', html: $("<div>") .addClass('some-class') .text('jQuery is everywhere.') }); A warning message ...
-
#65How To Use Sweetalert In Angular 10 - C# Corner
Now install sweetalert2 by using the following command. npm install sweetalert2. Now open index.html file and add the folloiwng line.
-
#66一个零依赖的漂亮的JavaScript弹框插件——sweetalert2 - 黑基网
text: '出错啦！',. footer: '为什么会出错?' }) 自定义html. Swal.fire ...
-
#67sweetalert2 – Laravel Questions
I have used Toast in Vue from package Sweetalert2 in Laravel + vuejs Toast.fire({ icon: ... HTML/JS block within Javascript function.
-
#68使用服务器端Asp项目填充SweetAlert2 Html选择输入项目
英文：Populate SweetAlert2 Html Select Input Items With Server ... 143 次阅读量 sweetalert2 model-view-controller jquery html javascript.
-
#69SweetAlert2使用教程 - 知乎专栏
SweetAlert2 是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框，它提供各种参数和方法，支持嵌入图片，背景，HTML标签等， ...
-
#70SweetAlert2 - supported fork of t4t5/sweetalert
Try me! swal({ title: 'jQuery HTML example', html: $('<div>') .addClass('some-class') ...
-
#71SweetAlert2 - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
-
#72Dynamic select and select options breaking styling
I'm adding some select options dynamically using Sweetalert2.import Swal from 'sweetalert2';Swal.fire({ title: 'my title', html: ' One Two.
-
#73using SweetAlert for Message with HTML #1521 - Support
Hi, We would like to show the error message with html content. ... Actually as per the SweetALert2 documentation HTML in Alert message is ...
-
#74Unexpected type of html! Expected "string", got object - TitanWolf
I am trying to have a SweetAlert2 dialog showing two buttons, with the following code snippet: swal('Some text', { buttons: { buttonA: { text: 'Some text', ...
-
#75Sweetalert cancel button not working
For more detail on SweetAlert2 refer below link. ... This component supports the following input types: The following HTML input types are not supported.
-
#76Form Submit Confirmation With SweetAlert2 - HelloJava菜鸟 ...
It works already like a beta version without the SweetAlert. The HTML Form is something like this: ´<form class="form-register col-8" method=" ...
-
#77SweetAlert2 - 菜鸟学院
SweetAlert2 是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框，它提供各类参数和方法，支持嵌入图片，背景，HTML ...
-
#78将Sweetalert 2与自定义html和AngularJS结合使用 - IT屋
Using sweetalert 2 with custom html and AngularJS(将Sweetalert 2与自 ... 我正在将 SweetAlert2 与AngularJS一起使用，并通过AngularJS 1.x使用此 ...
-
#79在Vue 使用SweetAlert2 - 一些平鋪直敘技術相關文
另外把sweetalert2 的設定指回去給Vue.prototype. ... 繼上次我寫過一篇筆記: HTML製作edm的技巧與問題最近發現即便我遵守一些製作edm或是email信件的 ...
-
#80用户对问题“如何在SweetAlert2 html输出中使用v-for？”的回答
我正在尝试在警报中显示以下模板 vue-sweetalert2 ： <input v-model="name" class="swal2-input"> <select v-model="parent" name="parent" ...
-
#81Nuxt Global Scss Variables
Simple Vue sweetalert2 package. js lets you define the CSS files/modules/libraries you want to set globally (included in every page).
-
#82[轉]【軟體】Office 2019 專業增強版繁體中文版下載 - 隨意窩
先將上面的安裝檔跟啟用檔下載到電腦，這兩個都按照此方法下載。 ▽進入下載網頁，點選【下載】。 ▽點選 ...
-
#83html之SweetAlert2使用方法集锦（一） - 代码先锋网
html 之SweetAlert2使用方法集锦（一），代码先锋网，一个为软件开发程序员提供 ... function check(id) { var serverAddr = 'http://127.0.0.1:8000/app/index.html'; ...
-
#84Populate SweetAlert2 Html Select Input Items With Server ...
I have an MVC Core application. In one of the views there are two select elements in the sweet alert's html part. I put Users attribute into them.
-
#85How to use sweetalert2 - FoxLearn
Right-clicking on your folder you need to install, then select Add =>Client-Side Library... cdnjs sweetalert2. Creating a html page, ...
-
#86SweetAlert2 — TheAdmin - TheTheme.io
Copy $('button').on('click', function(){ swal({ title: '<i>HTML</i> <u>example</u>', type: 'info', html: 'You can use <b>bold text</b>, ...
-
#87HTML点击复制，clipboardjs+sweetalert2-主题兽
简单示例，注意：以下是以子主题目录为例。 function admincopy() { wp_enqueue_style('sweetalert2', get_stylesheet_directory_uri() .
-
#88SweetAlert2 (含整合ASP.net WebForm範例碼) | 高級打字員的 ...
Quickly use SweetAlert2. ... [前端] 快速上手讓人驚豔的JS alert、confirm dialog - SweetAlert2 (含 ... SweetAlert2預設支援html顯示內容
-
#89How to use and customize SweetAlert2 - Steemit
Let's start install and usage sweetalert2, in project file index.html we need initialize the html tags. Then we need import Jquery and SweetAlert2 library ...
-
#90sweetalert2 inside html - Johnnn.tech
sweetalert2 inside html ... but then forward step by step to v11) I realized that scripts injected into html are not executed.
-
#912sweet SweetAlert2强大的纯Js模态消息对话框插件 - 天涯资讯网
插件描述：SweetAlertjs的升级版本，支持嵌入图片，背景，HTML标签等并提供5种内置的情景类，功能非常强大。 简要教程. SweetAlert2是一款功能强大的 ...
-
#92如何在angular2中使用sweetalert2 - 優文庫
npm install sweetalert2 --save ... <script src="node_modules/sweetalert2/dist/sweetalert2.min.js"></script> <link ... 1） 添加這些CSS和JS在你的index.html
-
#93帶有HTML和Select的SweetAlert2 - 堆棧內存溢出
我已經構建了一個包含HTML和select功能的sweetAlert2 pop。 問題是選擇框是在HTML下的彈出窗口底部加載的。 var array = '[{"teachName" : "Pending Account", ...
-
#94<HTML/JavaScript> SweetAlert2 Html alert 창을 쉽게 꾸며보자 ...
<HTML/JavaScript> SweetAlert2 Html alert 창을 쉽게 꾸며보자!! 디자인 변경 라이브러리. 모지Lee 2021. 3. 17. 17:26. 320x100. 모지Lee 입니다.
-
#95Textfield animation swift github
SweetAlert2 comes with 5 built-in icon which will show a corresponding icon animation: warning, error, success, ... Allows us to edit and display HTML.
-
#96是否可以使用Vue-sweetalert2 html作为vue组件？ - Thinbug
我使用此软件包https://www.npmjs.com/package/vue-sweetalert2，并且希望将Vue.swal中的vue组件作为html过去。 ch.basic_ack. 但是什么也没有。
sweetalert2 在 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 ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน