เว็บ
เชื่อมช่องว่างระหว่างนักออกแบบและนักพัฒนา
UXPin เพิ่งเปิดตัวคุณลักษณะใหม่ที่เรียกว่า "ผสาน" เครื่องมือนี้มีจุดมุ่งหมายเพื่อฝ่าช่องว่างของการออกแบบและการพัฒนา ในขณะที่ปรับปรุงความคล่องตัวและคุณภาพที่ทีมของเราคาดหวัง เทคโนโลยีใหม่นี้อาจทำให้คิดใหม่ว่าทีมออกแบบและทีมวิศวกรทำงานร่วมกันอย่างไร
อ่านเพิ่มเติมรูปแบบความมืดที่ป้อนอัตโนมัติ
“รูปแบบที่มืด” คือรูปแบบ UX ที่หลอกลวงซึ่งหลอกให้ผู้ใช้ทำสิ่งที่พวกเขาอาจไม่ต้องการทำจริงๆ ในบทความนี้ Alvaro Montoro ทำการทดลองเล็กๆ น้อยๆ เพื่อค้นหาว่าผู้ใช้ใช้เบราว์เซอร์ที่แตกต่างกันไปมากแค่ไหนในความเป็นส่วนตัว
อ่านเพิ่มเติมแอนิเมชั่น CSS ที่แต่งได้ใน Vue ด้วย AnimXYZ
ไลบรารีแอนิเมชั่นส่วนใหญ่ เช่น GSAP และ Framer Motion สร้างขึ้นด้วย JavaScript หรือ TypeScript ล้วนๆ ซึ่งแตกต่างจาก AnimXYZ ซึ่งมีป้ายกำกับว่า "ชุดเครื่องมือภาพเคลื่อนไหว CSS ที่เขียนได้ชุดแรก" ซึ่งสร้างด้วย SCSS เป็นหลัก ในขณะที่ไลบรารีแบบธรรมดาสามารถใช้เพื่อให้ได้สิ่งที่ยอดเยี่ยมมากมาย แอนิเมชั่นบนเว็บในระยะเวลาอันสั้นและโค้ดเพียงเล็กน้อย
อ่านเพิ่มเติมการใช้รูปแบบภาพสมัยใหม่: AVIF และ WebP
ในบทความนี้ เราจะเน้นว่ารูปแบบรูปภาพสมัยใหม่ (AVIF หรือ WebP) สามารถปรับปรุงการบีบอัดข้อมูลได้ถึง 50% ได้อย่างไร และให้คุณภาพต่อไบต์ที่ดีขึ้นในขณะที่ยังดูน่าดึงดูด เราจะเปรียบเทียบสิ่งที่เป็นไปได้กับเป้าหมายคุณภาพสูง คุณภาพต่ำ และขนาดไฟล์
อ่านเพิ่มเติมการปรับปรุงการเข้าถึงของ Markdown ของคุณ
คุณสามารถหา Markdown ได้จากหลายๆ ที่บนอินเทอร์เน็ต บทความนี้ครอบคลุมแง่มุมต่างๆ ของ Markdown และการโต้ตอบกับเทคโนโลยีอื่นๆ
อ่านเพิ่มเติมมาดำดิ่งสู่ Cypress เพื่อการทดสอบแบบ End-to-End
การทดสอบแบบ end-to-end เป็นหัวข้อที่เจ็บปวดสำหรับคุณหรือไม่? ในบทความนี้ Ramona Schwering อธิบายวิธีจัดการกับการทดสอบแบบ end-to-end ด้วย Cypress และทำให้มันไม่น่าเบื่อและมีราคาแพงสำหรับตัวคุณเอง แต่สนุกแทน
อ่านเพิ่มเติมการสร้างเว็บไซต์อีคอมเมิร์ซขนาดใหญ่ขึ้นใหม่ด้วย Next.js (กรณีศึกษา)
เราได้เปลี่ยนจากแพลตฟอร์มอีคอมเมิร์ซแบบบูรณาการแบบดั้งเดิมไปเป็นแพลตฟอร์มแบบไม่มีหัวด้วย Next.js ต่อไปนี้คือบทเรียนที่สำคัญที่สุดที่ได้เรียนรู้ขณะสร้างไซต์อีคอมเมิร์ซขนาดใหญ่ขึ้นใหม่ด้วย Next.js
อ่านเพิ่มเติมลดความซับซ้อนของรูปแบบรูปแบบด้วยการเน้นสี
คุณสมบัติ CSS `accent-color' ใหม่ทำให้การเปิดตัวสีแบรนด์ของเรากับอินพุตบางรูปแบบทำได้ง่ายและรวดเร็วโดยใช้ประโยชน์จากรูปแบบตัวแทนผู้ใช้ ในบทความนี้ เราจะมาดูว่าคุณลักษณะนี้ทำอะไรและใช้งานอย่างไรควบคู่ไปกับ "โครงร่างสี" สำหรับช่องทำเครื่องหมายและปุ่มตัวเลือกที่เรียบง่ายและเข้าถึงได้ และลองจินตนาการว่าเราจะใช้งานรูปแบบนี้อย่างไรในอนาคต
อ่านเพิ่มเติมวิธีสร้างสภาพแวดล้อมการพัฒนาแบบไม่ใช้เมาส์ของคุณเอง
การสร้างสภาพแวดล้อมการพัฒนาด้วยเชลล์เป็นคีย์สโตนมีประโยชน์หลายประการ คุณสามารถปรับแต่งทุกอย่างได้ตามความต้องการของคุณเอง และที่สำคัญที่สุด คุณสามารถควบคุมสภาพแวดล้อมการพัฒนาทั้งหมดได้ด้วยคีย์บอร์ดของคุณ
อ่านเพิ่มเติมเครื่องมือพัฒนาเว็บช่วยผู้ใช้ให้ก้าวทันการเปลี่ยนแปลงอย่างรวดเร็วได้อย่างไร
18 เดือนที่ผ่านมาเป็นช่วงเวลาแห่งความปั่นป่วนที่ไม่เคยเกิดขึ้นมาก่อน ในขณะที่ผู้คนทั่วโลกหลั่งไหลเข้ามาในโลกออนไลน์ ธุรกิจต่างๆ ได้เข้าร่วมกับพวกเขาโดยใช้เครื่องมือพัฒนาเว็บเพื่อปรับตัวแบบเรียลไทม์
อ่านเพิ่มเติม