Back to iWebsmile.com

Tag: Responsive Web Design

Mobile first คืออะไร?

จริงๆ คำนี้มันเกิดมานานละครับ แต่ผมไม่เคยมาเขียน รวมถึงในบ้านเราก็ไม่ค่อยมีคนพูดถึง หรือไม่ก็เคยมีคนพูดไปเมื่อนานมากแล้ว จนกระทั่งมีเด็กสายเลือดใหม่เกิดขึ้น ก็ยังไม่รู้เรื่องนี้เลย จริงๆ เรื่องนี้จะต้องไปโทษอาจารย์สอนละครับ 55555

มาเข้าเรื่องเลยดีกว่า

การออกแบบโดยให้ความสำคัญกับมือถือมาก่อน นอกจากจะเป็นการเตรียมความพร้อมสำหรับเนื้อหาบนเว็บที่จะเยอะขึ้น และสร้างช่องทางการเข้าถึงผู้ใช้งานได้มากกว่าคนอื่นแล้ว มันยังเป็นการฝึกตัวคุณเองให้รู้จักให้ความสำคัญต่อผู้ใช้มากขึ้น ทำให้คุณมองเห็นวิธีการสร้างสรรค์สิ่งใหม่ๆ เช่น ในอดีตเวลาเล่นเว็บบน Desktop คุณมีเมาส์ คุณจะทำลิงค์โดยการเอาเมาส์ไปชี้แล้วเปลี่ยนสีมัน แต่มือถือไม่มี เพราะฉะนั้นคุณก็จะไม่ได้คำนึงถึงมัน จนกว่าคุณจะได้ลงมือออกแบบสำหรับมือถือ และเมื่อรู้ตัวดีไซน์บางอย่างของคุณก็ใช้งานร่วมกันไม่ได้ ก็ต้องเสียเวลาย้อนกลับไปแก้ไข Design สำหรับ Desktop อีกรอบ
Continue reading

Web parallax VS Responsive web design

HOT!!  Web design trends ผมว่าในเวลานี้ ณ ตอนนี้เอง เทรนการออกแบบเว็บไซต์ ที่สุดจะฮิตกันมากเนี่ย!! คงจะหนีไปไม่พ้น เว็บไซต์ 2 สไตล์นี้แน่ๆ เลยครับ ตามหัวข้อเลยครับ Web parallax กับ RWD (Responsive web design) ผมก็เคยลองมานั่งคิดดูนะครับว่า เอ๋! ทำไมเว็บไซต์ 2 รูปแบบนี้เนี่ย มันถึงฮ็อตฮิตกันเหลือเกิน แล้วถ้าเราจะทำเว็บสักเว็บหนึ่ง จะเลือกทำแบบไหนดีน่ะ ผมก็เลยเข้าไปหาอ่านบทความในอินเตอร์เน็ต แต่ก็ไม่มีใครสักคนจะพูดถึงเว็บ 2 ตัวนี้ให้เราเข้าใจเลย วันนี้ผมก็เลยขอใช้ความเข้าใจส่วนตัวนำเสนอบทความนี้ เพื่อให้คนอ่านเนี่ย สามารถที่จะลองคิดดูซิว่า สิ่งที่ผมคิดจะตรงกับใจใครบ้างไหม หรือใครจะมีข้อมูลดีๆ จะแนะนำผม มันก็คงจะเป็นจุดริเริ่มที่เราจะได้แชร์ไอเดียกันนะครับ โอเคผมเข้าเรื่องเลยล่ะกัน Continue reading

Responsive Web Design & Extension Grid

Responsive Web Design ?

เทรนใหม่สำหรับเว็บดีไซน์

ณ บัดนี้ต้องยอมรับว่ากระแสสมาร์ทโฟน ยี่ห้อต่างๆ มาแรงเหลือเกินไม่ว่าจะเป็น iPhone, iPad, Samsung Galaxy รุ่นต่างๆ ดังนั้นตัว Adobe CS6 นี้ได้จึงได้ตอบโจทย์ให้กับเทรนใหม่นี้ด้วย New Features บน Dreamweaver CS6 รองรับการทำงาน Responsive web design ได้เป็นอย่างดี ลองชม Video Tutorial Responsive web design & extension grid ดูครับ Continue reading

© 2010-2013 iWebSmile — all right reserved.