@maho.edetor: #😂😂 #explore #dhok_akri_hauler_zaxo_karkok_denarta_ #foryou

Z҉E҉B҉A҉R҉E҉
Z҉E҉B҉A҉R҉E҉
Open In TikTok:
Region: IQ
Wednesday 28 January 2026 19:42:08 GMT
14488
401
4
179

Music

Download

Comments

maekllskfild
KABUS98 :
2026-01-29 01:08:10
1
masink02
𝐌𝐀𝐃𝐑𝐈𝐃,,💙 :
كئ تيكتوكه كئ 1000فولو هه يه بده ته من سان ژي هه ما به س لايڤ ڤه بيتن دئ سوپاس داربم؟
2026-01-29 23:04:39
1
emad_a_r
عيماد عبدالله رمضان :
😂😂😂
2026-01-28 19:44:03
0
melan.abrahem
$MeMø$ :
😁😁😁
2026-02-02 09:42:36
0
To see more videos from user @maho.edetor, please go to the Tikwm homepage.

Other Videos

🔍 Woblo คือ Chrome Extension สำหรับแกะดีไซน์ ดึง Assets และดาวน์โหลดหน้าเว็บไซต์ โดยไม่ต้องเปิด DevTools เคยเจอเว็บไซต์สวยๆ แล้วอยากรู้ไหมว่า... - ใช้สีอะไร? - ใช้ฟอนต์ไหน? - Spacing เท่าไร? - รูปหรือไอคอนดาวน์โหลดจากตรงไหน? - สามารถเก็บหน้าเว็บไว้ดูแบบ Offline ได้หรือไม่? Woblo รวมเครื่องมือเหล่านี้ไว้ใน Side Panel เดียว เพียงเปิด Extension แล้วเลือก Element ที่ต้องการตรวจสอบ ✨ ฟังก์ชันที่น่าสนใจ 1. Smart Element Inspector คลิก Element บนหน้าเว็บ แล้วตรวจสอบข้อมูลได้ทันที เช่น - สีข้อความและพื้นหลัง - Font family, size และ weight - Margin และ padding - Border และ border radius - Box shadow - Width และ height - CSS styles - Contrast ratio ค่าที่ตรวจพบสามารถ Copy ไปใช้กับงานออกแบบหรือโปรเจกต์ Frontend ได้ทันที 2. Asset Extraction Woblo สามารถตรวจจับและดาวน์โหลด Visual Assets จากหน้าเว็บ เช่น - JPG, PNG, GIF, WebP และ AVIF - SVG และไอคอน - วิดีโอและ Poster Image - Lottie Animation ไม่ต้องไล่หา URL ของไฟล์จาก DevTools ทีละรายการ 3. Color Scheme และ Design System Generator ระบบสามารถวิเคราะห์ดีไซน์ทั้งหน้าและสรุปเป็น Design Tokens เช่น - Primary, Secondary และ Accent colors - Neutral color scale - Semantic colors - Typography scale - Spacing - Gradient - Border radius - Shadow รองรับการ Export เป็น CSS, Tailwind, SCSS และ JSON เพื่อนำไปใช้ต่อในงาน Development 🚀 4. Contrast และ Accessibility Check Smart Inspector แสดงค่า Contrast ระหว่างข้อความกับพื้นหลัง พร้อมช่วยตรวจสอบว่าคู่สีผ่านเกณฑ์ WCAG หรือไม่ เหมาะสำหรับค้นหาปัญหาเรื่องความชัดเจนของข้อความและ Color Accessibility 5. Side Panel และ Floating Panel เลือกใช้งานได้สองรูปแบบ - Side Panel ด้านข้าง Browser - Floating Panel ที่ลากไปวางบนหน้าเว็บได้ ช่วยให้ตรวจดีไซน์ได้โดยไม่ต้องสลับหน้าต่างไปมา 6. Clone Website Code ภายในแท็บ Pro สามารถดาวน์โหลดหน้าเว็บเป็น HTML โดยพยายามรวมข้อมูลสำคัญไว้ภายใน เช่น - Full Page HTML - Inline CSS - Embedded Images - CSS และ 3D Animations เหมาะสำหรับเก็บหน้าเว็บเป็น Offline Reference หรือใช้ศึกษาการจัด Layout ฟังก์ชันนี้ไม่ได้ดึง Source Code ดั้งเดิมของเว็บไซต์ จึงไม่ได้ Backend, Database หรือ React/Vue Components มาด้วย  👥 เหมาะกับใคร? - UI/UX Designer - Product Designer - Frontend Developer - No-code Builder - Vibe Coder - คนที่ทำ Design Research - ทีมที่ต้องส่งต่องานระหว่าง Design กับ Development 📝 สรุปง่ายๆ Woblo คือเครื่องมือสำหรับแกะดีไซน์จากเว็บไซต์จริง ช่วยตรวจสี ฟอนต์ Spacing, CSS และ Contrast พร้อมดึงรูป SVG วิดีโอ และ Lottie รวมถึงสร้าง Design System และดาวน์โหลดหน้าเว็บเป็น HTML ได้จาก Extension เดียว           #creatorsearchinsights #AI #ติดเทรนด์วันนี้ #uxui #aidesign
🔍 Woblo คือ Chrome Extension สำหรับแกะดีไซน์ ดึง Assets และดาวน์โหลดหน้าเว็บไซต์ โดยไม่ต้องเปิด DevTools เคยเจอเว็บไซต์สวยๆ แล้วอยากรู้ไหมว่า... - ใช้สีอะไร? - ใช้ฟอนต์ไหน? - Spacing เท่าไร? - รูปหรือไอคอนดาวน์โหลดจากตรงไหน? - สามารถเก็บหน้าเว็บไว้ดูแบบ Offline ได้หรือไม่? Woblo รวมเครื่องมือเหล่านี้ไว้ใน Side Panel เดียว เพียงเปิด Extension แล้วเลือก Element ที่ต้องการตรวจสอบ ✨ ฟังก์ชันที่น่าสนใจ 1. Smart Element Inspector คลิก Element บนหน้าเว็บ แล้วตรวจสอบข้อมูลได้ทันที เช่น - สีข้อความและพื้นหลัง - Font family, size และ weight - Margin และ padding - Border และ border radius - Box shadow - Width และ height - CSS styles - Contrast ratio ค่าที่ตรวจพบสามารถ Copy ไปใช้กับงานออกแบบหรือโปรเจกต์ Frontend ได้ทันที 2. Asset Extraction Woblo สามารถตรวจจับและดาวน์โหลด Visual Assets จากหน้าเว็บ เช่น - JPG, PNG, GIF, WebP และ AVIF - SVG และไอคอน - วิดีโอและ Poster Image - Lottie Animation ไม่ต้องไล่หา URL ของไฟล์จาก DevTools ทีละรายการ 3. Color Scheme และ Design System Generator ระบบสามารถวิเคราะห์ดีไซน์ทั้งหน้าและสรุปเป็น Design Tokens เช่น - Primary, Secondary และ Accent colors - Neutral color scale - Semantic colors - Typography scale - Spacing - Gradient - Border radius - Shadow รองรับการ Export เป็น CSS, Tailwind, SCSS และ JSON เพื่อนำไปใช้ต่อในงาน Development 🚀 4. Contrast และ Accessibility Check Smart Inspector แสดงค่า Contrast ระหว่างข้อความกับพื้นหลัง พร้อมช่วยตรวจสอบว่าคู่สีผ่านเกณฑ์ WCAG หรือไม่ เหมาะสำหรับค้นหาปัญหาเรื่องความชัดเจนของข้อความและ Color Accessibility 5. Side Panel และ Floating Panel เลือกใช้งานได้สองรูปแบบ - Side Panel ด้านข้าง Browser - Floating Panel ที่ลากไปวางบนหน้าเว็บได้ ช่วยให้ตรวจดีไซน์ได้โดยไม่ต้องสลับหน้าต่างไปมา 6. Clone Website Code ภายในแท็บ Pro สามารถดาวน์โหลดหน้าเว็บเป็น HTML โดยพยายามรวมข้อมูลสำคัญไว้ภายใน เช่น - Full Page HTML - Inline CSS - Embedded Images - CSS และ 3D Animations เหมาะสำหรับเก็บหน้าเว็บเป็น Offline Reference หรือใช้ศึกษาการจัด Layout ฟังก์ชันนี้ไม่ได้ดึง Source Code ดั้งเดิมของเว็บไซต์ จึงไม่ได้ Backend, Database หรือ React/Vue Components มาด้วย 👥 เหมาะกับใคร? - UI/UX Designer - Product Designer - Frontend Developer - No-code Builder - Vibe Coder - คนที่ทำ Design Research - ทีมที่ต้องส่งต่องานระหว่าง Design กับ Development 📝 สรุปง่ายๆ Woblo คือเครื่องมือสำหรับแกะดีไซน์จากเว็บไซต์จริง ช่วยตรวจสี ฟอนต์ Spacing, CSS และ Contrast พร้อมดึงรูป SVG วิดีโอ และ Lottie รวมถึงสร้าง Design System และดาวน์โหลดหน้าเว็บเป็น HTML ได้จาก Extension เดียว #creatorsearchinsights #AI #ติดเทรนด์วันนี้ #uxui #aidesign

About