BracketsResponsive Web Design

Responsive Design Tools ที่อยากให้มีใน Brackets มากที่สุด

เรื่องที่เกี่ยวข้อง - Adobe Edge Code, Brackets, Responsive Web Design Tool

ปัจจุบันการทำเว็บไซต์ ไม่สามารถที่จะหลีกเลี่ยงการออกแบบให้รองรับหน้าจอหลายขนาดแล้ว (เรียกแนวคิดนี้ว่า Responsive Web Design เรียนรู้พื้นฐานได้ที่นี่)

สำหรับคนที่เรียน Responsive Web Design Workshop กับผมไป จะได้ลองใช้เครื่องมือใหม่ของ Adobe ที่ชื่อว่า Edge Reflow ว่ามันทำให้งานเรา “ง่ายสุดๆ”​ ขนาดไหน แต่ถ้าเอาจริงๆ สำหรับ Web designer สาย CSS เราก็อยากจะปรับโน่นนิด นี่หน่อยลงไปใน code ใช่ไหม? (Reflow ใจดำ)

จริงๆ ความรู้สึกนี้น่าจะเป็นกันทั่วโลกล่ะ เพราะเรื่องของเว็บมันกำเนิดมาจาก code ล้วนๆ (แต่ลูกค้าซื้อ design กับ function การใช้งาน ฮ่าๆๆ) คุณ Lee Brimlow ที่เป็น idol ของผมเนี่ย มีความคิดครับ ว่า

“น่าจะเอาไอ Reflow เนี่ยมาใส่ใน Brackets ให้มันรู้แล้วรู้รอด”

ลองดู วิดีโอ concept ของ Brackets Extension ที่เขาทำอยู่กันครับ ดูจบแล้วคิดว่า เมื่อไหร่หนอ จะออกมาให้ใช้กัน

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save