kunnarakkup
สมุนแก๊งเสียว
พลังน้ำใจ: 3
ออฟไลน์
กระทู้: 886
|
 |
« เมื่อ: 06 ตุลาคม 2014, 13:16:06 » |
|
ทำเว็บให้รองรับบนมือถือ นอกจาก responsive แล้ว มีวิธีอื่นมั้ยครับ เห็น bootstrap ก็มีคนเสนอ แต่ไม่รู้จักอะ ผมเพิ่งจะมาลองทำ repornsive ก็ตอนทำงาน แล้วแบบใหนทำง่ายกว่ากันอะครับ ส่วนมากผมจะเขียนเว็บเองด้วย
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
manussawin
ก๊วนเสียว
พลังน้ำใจ: 33
ออฟไลน์
กระทู้: 364
|
 |
« ตอบ #1 เมื่อ: 06 ตุลาคม 2014, 13:43:43 » |
|
ลองค้นหาและศึกษา jquery mobile ดูครับ อีก 1 ทางเลือก
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
superjak
สมุนแก๊งเสียว
พลังน้ำใจ: 49
ออฟไลน์
กระทู้: 507
|
 |
« ตอบ #2 เมื่อ: 06 ตุลาคม 2014, 13:46:46 » |
|
ค่อนข้าง งง คำถามนิดหน่อยครับ responsive คือโครงสร้างเว็บ ที่ สามารถ detect เปลี่ยนเลเอ้าท์ของเว็บให้แมทช์ให้มีขนาดเท่ากับอุปกรณ์ที่เรารับชมอยู่ไม่ว่าจะ pc , tablet , smart phone ภาษาที่สร้างก็เป็น html5 + css3 ซึ่งก็สุดแล้วแต่ท่านจะสร้างด้วยเครื่องมือใด ไม่ว่าจะ bootstrap หรือ editor ต่างๆ ทั้ง editplus , dreamweaver หรือสะดวกกว่านั้น ก็ใช้พวก drag and drop จับลากๆๆ วางๆๆ อย่าง webflow (มีตัวอย่างให้ลองใช้) ง่ายดีครับ
ส่วนเว็บที่มีข้อมูลมหาศาล การใช้งานหนักๆ เค้าก็สร้างเป็น mobile site แยกกันไปเลย ไม่ได้สร้างเป็น responsive และใช้วิธีตรวจสอบอุปกรณ์ที่เข้าชมแล้วดีไรเร็ค ส่งไปยัง เว็บที่กำหนด
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
sajai
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 39
ออฟไลน์
กระทู้: 1,017
|
 |
« ตอบ #3 เมื่อ: 06 ตุลาคม 2014, 16:26:03 » |
|
 ขอบคุณข้อมูลดีๆค่ะ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
goldxp
สมุนแก๊งเสียว
พลังน้ำใจ: 73
ออฟไลน์
กระทู้: 559
|
 |
« ตอบ #4 เมื่อ: 06 ตุลาคม 2014, 20:25:40 » |
|
ใช้ media query ธรรมดาๆ ก็ทำได้เหมือนกันครับ เริ่มจากจอ pc ธรรมดา แล้วก็ระบุลงไปว่าขนาดจอเล็กๆ ลงมาจะให้แสดงแบบไหน https://developer.mozilla.org/...cs/Web/Guide/CSS/Media_queries  สำหรับ bootstrap มันจะอำนวยความสะดวก ไม่ต้องระบุ pixel ละเอียดอะไรมากทำให้งานเร็วขึ้นนะครับ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
metrosexual
Verified Seller
ก๊วนเสียว
พลังน้ำใจ: 223
ออฟไลน์
กระทู้: 491
|
 |
« ตอบ #5 เมื่อ: 06 ตุลาคม 2014, 22:54:07 » |
|
redirect ไปซับโดนเมน เช่น m.domain.com
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
phaishow
คนรักเสียว
พลังน้ำใจ: 11
ออฟไลน์
กระทู้: 151
|
 |
« ตอบ #6 เมื่อ: 08 ตุลาคม 2014, 13:32:19 » |
|
ผมไม่รู้ว่าเข้าใจถูกหรือเปล่านะครับ
ทำ responsive คือ code เดียวกัน แสดงผลได้ทุก device (แต่ผลที่แสดงของแต่ละ device จะไม่เหมือนกัน) ทีนี้ ถ้าถามว่า มีวิธีอื่นไหมที่ รองรับ mobile โดยที่ไม่ต้องทำ responsive คำตอบคือ ทำ version สำหรับ mobile โดยเฉพาะครับ
ก็แยกหลักๆ ไปเป็น desktop, tablet, phablet, mobile แล้วตอน request มา ก็ให้ detect device แล้ว redirect ไปแต่ละ version ของ device เอาครับ
|
|
|
|
|
บันทึกการเข้า
|
รู้หลบเป็นปีก รู้หลีกเป็นหาง .. รู้ทุกอย่าง เป็นไปไม่ได้ --- รับเขียนโปรแกรม php ทุกรูปแบบ รับเขียนโปรแกรม desktop pc ด้วยภาษา php,html,javascript สนใจ/คุยรายละเอียด PM ได้เลยครับ
|
|
|
~บอล~
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 494
ออฟไลน์
กระทู้: 3,551
|
 |
« ตอบ #7 เมื่อ: 08 ตุลาคม 2014, 15:09:20 » |
|
bootstrap ก็เป็น responsive สำเร็จรูปครับ ถ้าไม่ทำเป็น responsive ก็ทำแบบยุคเก่า mobile Site ทำแยกกับตัวเว็บหลักออกมา
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
MD.18
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 287
ออฟไลน์
กระทู้: 3,007
|
 |
« ตอบ #8 เมื่อ: 08 ตุลาคม 2014, 15:18:25 » |
|
 ทุกอย่างที่เรียกกันมา มันก็แค่เป็น CSS สำเร็จรูปที่ฝรั่งทำมาเกินใช้ครับ อย่าไปคิดมากครับ ตอบคำถามถ้าไม่ทำ Reponsive แล้วจะทำอย่างไร?? ... ตอบ ทำให้ขนาดกว้าง 100% ให้หมดครับเดี๋ยวมันก็ยืดหดเองตามขนาดหน้าจอครับ 
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
kunnarakkup
สมุนแก๊งเสียว
พลังน้ำใจ: 3
ออฟไลน์
กระทู้: 886
|
 |
« ตอบ #9 เมื่อ: 10 ตุลาคม 2014, 09:23:45 » |
|
 ทุกอย่างที่เรียกกันมา มันก็แค่เป็น CSS สำเร็จรูปที่ฝรั่งทำมาเกินใช้ครับ อย่าไปคิดมากครับ ตอบคำถามถ้าไม่ทำ Reponsive แล้วจะทำอย่างไร?? ... ตอบ ทำให้ขนาดกว้าง 100% ให้หมดครับเดี๋ยวมันก็ยืดหดเองตามขนาดหน้าจอครับ  ขอบคุณครับตอนนี้เว็บที่ทำอยู่ใช้เป็น Reponsive ละเดียวจะได้ทำเว็บใหม่อะครับกำเลยจะลองดูว่ามีวิธีที่สะดวกกว่า Reponsive มั้ย
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
lanama
ก๊วนเสียว
พลังน้ำใจ: 19
ออฟไลน์
กระทู้: 237
|
 |
« ตอบ #10 เมื่อ: 10 ตุลาคม 2014, 09:32:05 » |
|
เพิ่งอ่านเรื่องนี้มาเมื่อวันก่อน เพราะสงสัยว่า ถ้าเข้าด้วยมือถือ จะทำเว็บแบบไหน ถึงจะเปิดเว็บได้เร็วสุด ก็เจอว่ามี 3 แบบค่ะ คือ 1. แยกเป็นหน้าเว็บของมือถือไปเลย เช่น m.ชื่อเว็บ.com 2. แบบ Responsive 3. แบบ Dynamic 3 อันต่างกันยังไง ลองไปอ่านเองนะคะ - http://www.feedthebot.com/mobile/pagespeed.html  จากข้างบน เค้าสรุปว่า Responsive จะประมวลผลได้เร็วสุดค่ะ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
Jir4yu
สมุนแก๊งเสียว
พลังน้ำใจ: 162
ออฟไลน์
กระทู้: 824
|
 |
« ตอบ #11 เมื่อ: 10 ตุลาคม 2014, 09:53:05 » |
|
ผมว่าขึ้นอยู่กับประเภทของเว็บไซต์ด้วยครับ
บางเว็บทำเป็น Responsive ไปเลยก็จะเร็วกว่า แต่สำหรับบางเว็บอาจจะไม่เหมาะครับ ลองคิดดูว่าในเว็บมีข้อมูลมากมายมหาศาล(แล้วก็โหลดสคริปหนักๆ ด้วย) การยัดข้อมูลมากๆ ลงบนพื้นที่จำกัดอาจจะไม่เหมาะครับ ยกตัวอย่างเช่น Airbnb เป็นต้น
ส่วนตัวคิดว่า mobile site ยังไม่ล้าหลังครับ อาจจะดีด้วยซ้ำหากต้องการแยกการแสดงผล แล้ว track ผู้ใช้งานอย่างชัดเจน
|
|
|
|
|
บันทึกการเข้า
|
ทำบุญ สถานที่ทำบุญ สายมู-สายธรรมะ - วอลเปเปอร์สายมู  และบทความเกี่ยวกับพุทธศาสนา
|
|
|
nabid999
สมุนแก๊งเสียว
พลังน้ำใจ: 46
ออฟไลน์
กระทู้: 764
|
 |
« ตอบ #12 เมื่อ: 10 ตุลาคม 2014, 09:54:11 » |
|
เพิ่งอ่านเรื่องนี้มาเมื่อวันก่อน เพราะสงสัยว่า ถ้าเข้าด้วยมือถือ จะทำเว็บแบบไหน ถึงจะเปิดเว็บได้เร็วสุด ก็เจอว่ามี 3 แบบค่ะ คือ 1. แยกเป็นหน้าเว็บของมือถือไปเลย เช่น m.ชื่อเว็บ.com 2. แบบ Responsive 3. แบบ Dynamic 3 อันต่างกันยังไง ลองไปอ่านเองนะคะ - http://www.feedthebot.com/mobile/pagespeed.html  จากข้างบน เค้าสรุปว่า Responsive จะประมวลผลได้เร็วสุดค่ะ ขอบคุณสำหรับ ลิงค์ข้อมูลครับ เรามาถูกทางแล้ว เย้ !!! 
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
dekbannok14
ก๊วนเสียว
พลังน้ำใจ: 33
ออฟไลน์
กระทู้: 427
|
 |
« ตอบ #13 เมื่อ: 10 ตุลาคม 2014, 09:56:46 » |
|
ก็สร้าง layout เฉพาะมือถือ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
BrainFreeze
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 498
ออฟไลน์
กระทู้: 3,885
|
 |
« ตอบ #14 เมื่อ: 10 ตุลาคม 2014, 10:12:45 » |
|
แยกเว็ยตามที่ท่านอื่นบอกครับ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
ball6847
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 212
ออฟไลน์
กระทู้: 4,152
|
 |
« ตอบ #15 เมื่อ: 11 ตุลาคม 2014, 01:03:01 » |
|
อย่าลืมดูต้นทุนของตัวเองด้วยนะครับ responsive เป็นทางเลือกที่ดีและคุ้มค่าที่สุดแล้วครับ นอกซะจากว่ามีเวอร์ชั่น desktop อยู่แล้ว แต่ต้องการเพิ่ม mobile version อันนี้ก็อีกเรื่องนะครับ ..
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
|