Back to iWebsmile.com

Category: 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

กระชับไฟล์ CSS ให้เล็กลงเพื่อการโหลดที่ไวขึ้น

สำหรับ Web Designer แล้วหลายต่อ ต่อหลายคน ที่ไม่เคยเรียน Programming หรือโค้ดทางด้าน CSS HTML มาบ้าง อาจจะไม่ทราบข้อนี้

การเขียนโค้ด ลักษณะที่ยาวเป็นบรรทัดเดียว จะทำให้ ไฟล์ นามสกุล .html หรือ .css หรือไฟล์โปรแกรมใดๆ ก็ตาม จะมีขนาดที่เล็กลง และจะช่วยใช้การโหลดบนหน้าเว็บไซต์ของเราเร็วขึ้นทันตาเห็นทีเดียว
ตัวอย่างเช่น
body{
margin:0 auto;
background-color:#999;
}
แล้วคุณลอง Save ไฟล์ CSS ใครเครื่องของผมได้ไฟล์ขนาด 48bytes แต่พอผมเปลี่ยนเป็นแบบนี้ Continue reading

© 2010-2013 iWebSmile — all right reserved.