UI Designคืออะไร?

UI Design เป็นส่วนขยายของ Chrome ที่พัฒนาโดย danielvwilkinson และคุณลักษณะหลักของมันคือ "UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย UI Design

ดาวน์โหลดไฟล์ส่วนขยาย UI Design ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

Live edit a web page's CSS and styling without touching a line of code.

Quickly try out new images using the Unsplash API, test colors, gradients and fonts or use it as a learning tool to figure out how things like padding and margin affects the layout of your page.

As a developer you can quickly test changes without going into the console or uploading a new stylesheet.

Designers you can do what you do best and try out new design ideas without having to learn CSS.

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	UI Design
ID	foelobhaomlkojekpgenegcfedbgemej
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/ui-design/foelobhaomlkojekpgenegcfedbgemej
คำอธิบาย	UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding
ขนาดไฟล์	26.09 KB
จำนวนการติดตั้ง	1,243
เวอร์ชันปัจจุบัน	1
อัปเดตครั้งล่าสุด	2020-02-20
วันที่เผยแพร่	2020-02-19
คะแนน	5.00/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา	danielvwilkinson
อีเมล	[email protected]
ประเภทการชำระเงิน	free
ภาษาที่รองรับ	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "UI Design", "short_name": "UI Design", "version": "1", "manifest_version": 2, "description": "UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding", "content_security_policy": "default-src 'self'", "background": { "scripts": [ "background.js" ] }, "icons": { "16": "ui16.png", "48": "ui48.png", "128": "ui128.png" }, "content_scripts": [ { "matches": [ "" ], "css": [ "\/style.css" ] } ], "browser_action": [], "permissions": [ "activeTab" ] }